diff --git a/backend/.env b/backend/.env
index ae911cc..e9adf5b 100644
--- a/backend/.env
+++ b/backend/.env
@@ -1,4 +1,4 @@
 BACKEND_PORT=8080
 DOMAIN=localhost
 PROTOCOL=http
-N8NCHAT=http://url
\ No newline at end of file
+N8NCHAT=https://auto.lreg0.de/webhook/806e8346-7bec-4b8c-a7f6-43c8761dc84e/chat
\ No newline at end of file
diff --git a/backend/src/models/Message.model.ts b/backend/src/models/Message.model.ts
index 94369d4..fcc3cdb 100644
--- a/backend/src/models/Message.model.ts
+++ b/backend/src/models/Message.model.ts
@@ -2,4 +2,5 @@ export interface Message {
     name: string;
     message: string;
     timestamp: number;
+    type: 'ai' | 'std';
 }
\ No newline at end of file
diff --git a/backend/src/models/SessionModel.ts b/backend/src/models/SessionModel.ts
index fde088f..d20aee3 100644
--- a/backend/src/models/SessionModel.ts
+++ b/backend/src/models/SessionModel.ts
@@ -4,12 +4,14 @@ export enum EstimationOption {
     Fibonacci = 'Fibonacci',
     PowersOfTwo = 'PowersOfTwo',
     TShirtSizes = 'TShirtSizes',
+    PersonDays = 'PersonDays',
     Custom = 'Custom',
 }
 
 export const FibonacciEstimationValues = ['🤷‍♂️', '☕', '1', '2', '3', '5', '8', '13', '21', '34', '55', '89', '144'];
 export const PowersOfTwoEstimationValues = ['🤷‍♂️', '☕', '1', '2', '4', '8', '16', '32', '64', '128', '256', '512', '1024'];
 export const TShirtSizesEstimationValues = ['🤷‍♂️', '☕', 'XS', 'S', 'M', 'L', 'XL', 'XXL'];
+export const PersonDaysEstimationValues = ['🤷‍♂️', '☕', '0.5', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14'];
 
 export function getEstimationValues(options: EstimationOption): string[] {
     switch (options) {
@@ -19,6 +21,8 @@ export function getEstimationValues(options: EstimationOption): string[] {
             return PowersOfTwoEstimationValues;
         case EstimationOption.TShirtSizes:
             return TShirtSizesEstimationValues;
+        case EstimationOption.PersonDays:
+            return PersonDaysEstimationValues;
         case EstimationOption.Custom:
             return [];
     }
@@ -31,7 +35,9 @@ export function parseEstimationType(type: string): EstimationOption | undefined
         case 'PowersOfTwo':
             return EstimationOption.PowersOfTwo;
         case 'TShirtSizes':
-            return EstimationOption.TShirtSizes;
+            return EstimationOption.TShirtSizes
+        case 'PersonDays':
+            return EstimationOption.PersonDays;
         case 'Custom':
             return EstimationOption.Custom;
     }
diff --git a/backend/src/services/socket/chat-service.ts b/backend/src/services/socket/chat-service.ts
index e202bb0..46ec411 100644
--- a/backend/src/services/socket/chat-service.ts
+++ b/backend/src/services/socket/chat-service.ts
@@ -2,7 +2,7 @@ import {getPlayerTokenFromSocketId} from "./socketDataService.js";
 import {getSessionTokenByPlayerToken, setPlayerTimers} from "../sessionService.js";
 import {log} from "../logger.js";
 import {Message} from "../../models/Message.model";
-import {sendMessageStrFromServer, sendMessage} from "./socketSendService.js";
+import {sendMessageStrFromServer, sendMessage, sendAiCommandResponse} from "./socketSendService.js";
 import {handleAsk, handleEstimation} from "./commandHandlers.js";
 
 export function handleNewChatMessage(socketId: string, message: Message) {
@@ -40,13 +40,13 @@ function handleCommand(command: string, socketId: string) {
         return
     }
     const commandFn = commands[commandKey];
-    sendMessageStrFromServer(socketId, "[Response only visible to you] /" + command)
+    sendAiCommandResponse(socketId, "/" + command)
     commandFn(command, socketId);
 }
 
 function handleCommandError(socketId: string, error: string) {
     const playerToken = getPlayerTokenFromSocketId(socketId);
     if (playerToken) {
-        sendMessageStrFromServer(playerToken, error)
+        sendAiCommandResponse(playerToken, error)
     }
 }
\ No newline at end of file
diff --git a/backend/src/services/socket/commandHandlers.ts b/backend/src/services/socket/commandHandlers.ts
index e236e8e..5cf8b28 100644
--- a/backend/src/services/socket/commandHandlers.ts
+++ b/backend/src/services/socket/commandHandlers.ts
@@ -1,5 +1,5 @@
 import {gatherContextInformation, sendMessageToAi} from "../ai/ai-service.js";
-import {sendMessageStrFromServer} from "./socketSendService.js";
+import {sendAiCommandResponse, sendMessageStrFromServer} from "./socketSendService.js";
 
 
 export function handleAsk(command: string, socketId: string) {
@@ -7,9 +7,9 @@ export function handleAsk(command: string, socketId: string) {
     if (!contextInformation) {
         return;
     }
-    sendMessageStrFromServer(socketId, "evaluating ...");
+    sendAiCommandResponse(socketId, "evaluating ...");
     sendMessageToAi(command, contextInformation, "ask").then(res => {
-        sendMessageStrFromServer(socketId, res);
+        sendAiCommandResponse(socketId, res);
     });
 }
 
@@ -18,8 +18,8 @@ export function handleEstimation(command: string, socketId: string) {
     if (!contextInformation) {
         return;
     }
-    sendMessageStrFromServer(socketId, "estimating ...");
+    sendAiCommandResponse(socketId, "estimating ...");
     sendMessageToAi(command, contextInformation, "estimation").then(res => {
-        sendMessageStrFromServer(socketId, res);
+        sendAiCommandResponse(socketId, res);
     });
 }
diff --git a/backend/src/services/socket/socketSendService.ts b/backend/src/services/socket/socketSendService.ts
index d2815c6..2aae565 100644
--- a/backend/src/services/socket/socketSendService.ts
+++ b/backend/src/services/socket/socketSendService.ts
@@ -13,7 +13,19 @@ export function sendMessageStrFromServer(anyToken: string, message: string) {
     const messageObj = {
         message: message,
         name: 'Server',
-        timestamp: new Date().getTime()
+        timestamp: new Date().getTime(),
+        type: 'std'
+    }
+    io.to(anyToken).emit('newMessage', messageObj);
+}
+
+export function sendAiCommandResponse(anyToken: string, message: string) {
+    message = sanitize(message);
+    const messageObj = {
+        message: message,
+        name: 'Server',
+        timestamp: new Date().getTime(),
+        type: 'ai'
     }
     io.to(anyToken).emit('newMessage', messageObj);
 }
@@ -23,5 +35,7 @@ export function sendHistogramToSession(sessionToken: string, histogram: Estimati
 }
 
 function sanitize(dirty: string): string {
-    return sanitizeHtml(dirty);
+    return sanitizeHtml(dirty, {
+        allowedTags: sanitizeHtml.defaults.allowedTags.concat([ 'img' ])
+    });
 }
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 3498105..1565952 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -8,14 +8,15 @@
       "name": "frontend",
       "version": "0.0.0",
       "dependencies": {
-        "@ant-design/icons-vue": "^7.0.0",
-        "ant-design-vue": "^4.0.3",
+        "@ant-design/icons-vue": "^7.0.1",
+        "@vueuse/core": "^14.0.0",
+        "ant-design-vue": "^4.2.6",
         "axios": "^1.7.4",
         "litlyx-js": "^1.0.3",
         "rxjs": "^7.8.1",
         "socket.io-client": "^4.7.2",
-        "vue": "^3.3.4",
-        "vue-router": "^4.2.4"
+        "vue": "^3.5.24",
+        "vue-router": "^4.6.3"
       },
       "devDependencies": {
         "@rushstack/eslint-patch": "^1.3.3",
@@ -55,9 +56,9 @@
       "integrity": "sha512-4QBZg8ccyC6LPIRii7A0bZUk3+lEDCLnhB+FVsflGdcWPPmV+j3fire4AwwoqHV/BibgvBmR9ZIo4s867smv+g=="
     },
     "node_modules/@ant-design/icons-vue": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@ant-design/icons-vue/-/icons-vue-7.0.0.tgz",
-      "integrity": "sha512-VEb0r/Jqo2qi9olfBephYlyxbmhQVZ5+tJ3Zw5VaBd5h0wV1zdjGt5mJxSbRRs2mnnOWpsa1s4PeoLwNnkLV/w==",
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/@ant-design/icons-vue/-/icons-vue-7.0.1.tgz",
+      "integrity": "sha512-eCqY2unfZK6Fe02AwFlDHLfoyEFreP6rBwAZMIJ1LugmfMiVgwWDYlp1YsRugaPtICYOabV1iWxXdP12u9U43Q==",
       "dependencies": {
         "@ant-design/colors": "^6.0.0",
         "@ant-design/icons-svg": "^4.2.1"
@@ -66,10 +67,29 @@
         "vue": ">=3.0.3"
       }
     },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/parser": {
-      "version": "7.22.16",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.16.tgz",
-      "integrity": "sha512-+gPfKv8UWeKKeJTUxe59+OobVcrYHETCsORl61EmSkmgymguYk/X5bp7GuUIXaFsc6y++v8ZxPsLSSuujqDphA==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.5.tgz",
+      "integrity": "sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==",
+      "dependencies": {
+        "@babel/types": "^7.28.5"
+      },
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -78,11 +98,20 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.15.tgz",
-      "integrity": "sha512-T0O+aa+4w0u06iNmapipJXMV4HoUir03hpx3/YqXXhu9xim3w+dVphjFWl1OH8NbZHw5Lbm9k45drDkgq2VNNA==",
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz",
+      "integrity": "sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz",
+      "integrity": "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==",
       "dependencies": {
-        "regenerator-runtime": "^0.14.0"
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -548,9 +577,9 @@
       "dev": true
     },
     "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.4.15",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og=="
     },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
@@ -631,6 +660,11 @@
       "integrity": "sha512-7aqorHYgdNO4DM36stTiGO3DvKoex9TQRwsJU6vMaFGyqpBA1MNZkz+PG3gaNUPpTAOYhT1WR7M1JyA3fbS9Cw==",
       "dev": true
     },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.21",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
+      "integrity": "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA=="
+    },
     "node_modules/@typescript-eslint/eslint-plugin": {
       "version": "6.7.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.7.0.tgz",
@@ -834,82 +868,83 @@
       }
     },
     "node_modules/@volar/language-core": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-1.10.1.tgz",
-      "integrity": "sha512-JnsM1mIPdfGPxmoOcK1c7HYAsL6YOv0TCJ4aW3AXPZN/Jb4R77epDyMZIVudSGjWMbvv/JfUa+rQ+dGKTmgwBA==",
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-1.11.1.tgz",
+      "integrity": "sha512-dOcNn3i9GgZAcJt43wuaEykSluAuOkQgzni1cuxLxTV0nJKanQztp7FxyswdRILaKH+P2XZMPRp2S4MV/pElCw==",
       "dev": true,
       "dependencies": {
-        "@volar/source-map": "1.10.1"
+        "@volar/source-map": "1.11.1"
       }
     },
     "node_modules/@volar/source-map": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-1.10.1.tgz",
-      "integrity": "sha512-3/S6KQbqa7pGC8CxPrg69qHLpOvkiPHGJtWPkI/1AXCsktkJ6gIk/5z4hyuMp8Anvs6eS/Kvp/GZa3ut3votKA==",
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-1.11.1.tgz",
+      "integrity": "sha512-hJnOnwZ4+WT5iupLRnuzbULZ42L7BWWPMmruzwtLhJfpDVoZLjNBxHDi2sY2bgZXCKlpU5XcsMFoYrsQmPhfZg==",
       "dev": true,
       "dependencies": {
         "muggle-string": "^0.3.1"
       }
     },
     "node_modules/@volar/typescript": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-1.10.1.tgz",
-      "integrity": "sha512-+iiO9yUSRHIYjlteT+QcdRq8b44qH19/eiUZtjNtuh6D9ailYM7DVR0zO2sEgJlvCaunw/CF9Ov2KooQBpR4VQ==",
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-1.11.1.tgz",
+      "integrity": "sha512-iU+t2mas/4lYierSnoFOeRFQUhAEMgsFuQxoxvwn5EdQopw43j+J27a4lt9LMInx1gLJBC6qL14WYGlgymaSMQ==",
       "dev": true,
       "dependencies": {
-        "@volar/language-core": "1.10.1"
+        "@volar/language-core": "1.11.1",
+        "path-browserify": "^1.0.1"
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.4.tgz",
-      "integrity": "sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==",
+      "version": "3.5.24",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.24.tgz",
+      "integrity": "sha512-eDl5H57AOpNakGNAkFDH+y7kTqrQpJkZFXhWZQGyx/5Wh7B1uQYvcWkvZi11BDhscPgj8N7XV3oRwiPnx1Vrig==",
       "dependencies": {
-        "@babel/parser": "^7.21.3",
-        "@vue/shared": "3.3.4",
+        "@babel/parser": "^7.28.5",
+        "@vue/shared": "3.5.24",
+        "entities": "^4.5.0",
         "estree-walker": "^2.0.2",
-        "source-map-js": "^1.0.2"
+        "source-map-js": "^1.2.1"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.4.tgz",
-      "integrity": "sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==",
+      "version": "3.5.24",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.24.tgz",
+      "integrity": "sha512-1QHGAvs53gXkWdd3ZMGYuvQFXHW4ksKWPG8HP8/2BscrbZ0brw183q2oNWjMrSWImYLHxHrx1ItBQr50I/q2zw==",
       "dependencies": {
-        "@vue/compiler-core": "3.3.4",
-        "@vue/shared": "3.3.4"
+        "@vue/compiler-core": "3.5.24",
+        "@vue/shared": "3.5.24"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.4.tgz",
-      "integrity": "sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==",
-      "dependencies": {
-        "@babel/parser": "^7.20.15",
-        "@vue/compiler-core": "3.3.4",
-        "@vue/compiler-dom": "3.3.4",
-        "@vue/compiler-ssr": "3.3.4",
-        "@vue/reactivity-transform": "3.3.4",
-        "@vue/shared": "3.3.4",
+      "version": "3.5.24",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.24.tgz",
+      "integrity": "sha512-8EG5YPRgmTB+YxYBM3VXy8zHD9SWHUJLIGPhDovo3Z8VOgvP+O7UP5vl0J4BBPWYD9vxtBabzW1EuEZ+Cqs14g==",
+      "dependencies": {
+        "@babel/parser": "^7.28.5",
+        "@vue/compiler-core": "3.5.24",
+        "@vue/compiler-dom": "3.5.24",
+        "@vue/compiler-ssr": "3.5.24",
+        "@vue/shared": "3.5.24",
         "estree-walker": "^2.0.2",
-        "magic-string": "^0.30.0",
-        "postcss": "^8.1.10",
-        "source-map-js": "^1.0.2"
+        "magic-string": "^0.30.21",
+        "postcss": "^8.5.6",
+        "source-map-js": "^1.2.1"
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.4.tgz",
-      "integrity": "sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ==",
+      "version": "3.5.24",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.24.tgz",
+      "integrity": "sha512-trOvMWNBMQ/odMRHW7Ae1CdfYx+7MuiQu62Jtu36gMLXcaoqKvAyh+P73sYG9ll+6jLB6QPovqoKGGZROzkFFg==",
       "dependencies": {
-        "@vue/compiler-dom": "3.3.4",
-        "@vue/shared": "3.3.4"
+        "@vue/compiler-dom": "3.5.24",
+        "@vue/shared": "3.5.24"
       }
     },
     "node_modules/@vue/devtools-api": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.5.0.tgz",
-      "integrity": "sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q=="
+      "version": "6.6.4",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g=="
     },
     "node_modules/@vue/eslint-config-typescript": {
       "version": "12.0.0",
@@ -936,18 +971,19 @@
       }
     },
     "node_modules/@vue/language-core": {
-      "version": "1.8.11",
-      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-1.8.11.tgz",
-      "integrity": "sha512-+MZOBGqGwfld6hpo0DB47x8eNM0dNqk15ZdfOhj19CpvuYuOWCeVdOEGZunKDyo3QLkTn3kLOSysJzg7FDOQBA==",
+      "version": "1.8.27",
+      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-1.8.27.tgz",
+      "integrity": "sha512-L8Kc27VdQserNaCUNiSFdDl9LWT24ly8Hpwf1ECy3aFb9m6bDhBGQYOujDm21N7EW3moKIOKEanQwe1q5BK+mA==",
       "dev": true,
       "dependencies": {
-        "@volar/language-core": "~1.10.0",
-        "@volar/source-map": "~1.10.0",
+        "@volar/language-core": "~1.11.1",
+        "@volar/source-map": "~1.11.1",
         "@vue/compiler-dom": "^3.3.0",
-        "@vue/reactivity": "^3.3.0",
         "@vue/shared": "^3.3.0",
-        "minimatch": "^9.0.0",
+        "computeds": "^0.0.1",
+        "minimatch": "^9.0.3",
         "muggle-string": "^0.3.1",
+        "path-browserify": "^1.0.1",
         "vue-template-compiler": "^2.7.14"
       },
       "peerDependencies": {
@@ -960,18 +996,18 @@
       }
     },
     "node_modules/@vue/language-core/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
       "dev": true,
       "dependencies": {
         "balanced-match": "^1.0.0"
       }
     },
     "node_modules/@vue/language-core/node_modules/minimatch": {
-      "version": "9.0.3",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
-      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
       "dev": true,
       "dependencies": {
         "brace-expansion": "^2.0.1"
@@ -984,60 +1020,49 @@
       }
     },
     "node_modules/@vue/reactivity": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.4.tgz",
-      "integrity": "sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==",
+      "version": "3.5.24",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.24.tgz",
+      "integrity": "sha512-BM8kBhtlkkbnyl4q+HiF5R5BL0ycDPfihowulm02q3WYp2vxgPcJuZO866qa/0u3idbMntKEtVNuAUp5bw4teg==",
       "dependencies": {
-        "@vue/shared": "3.3.4"
-      }
-    },
-    "node_modules/@vue/reactivity-transform": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.4.tgz",
-      "integrity": "sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==",
-      "dependencies": {
-        "@babel/parser": "^7.20.15",
-        "@vue/compiler-core": "3.3.4",
-        "@vue/shared": "3.3.4",
-        "estree-walker": "^2.0.2",
-        "magic-string": "^0.30.0"
+        "@vue/shared": "3.5.24"
       }
     },
     "node_modules/@vue/runtime-core": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.3.4.tgz",
-      "integrity": "sha512-R+bqxMN6pWO7zGI4OMlmvePOdP2c93GsHFM/siJI7O2nxFRzj55pLwkpCedEY+bTMgp5miZ8CxfIZo3S+gFqvA==",
+      "version": "3.5.24",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.24.tgz",
+      "integrity": "sha512-RYP/byyKDgNIqfX/gNb2PB55dJmM97jc9wyF3jK7QUInYKypK2exmZMNwnjueWwGceEkP6NChd3D2ZVEp9undQ==",
       "dependencies": {
-        "@vue/reactivity": "3.3.4",
-        "@vue/shared": "3.3.4"
+        "@vue/reactivity": "3.5.24",
+        "@vue/shared": "3.5.24"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.3.4.tgz",
-      "integrity": "sha512-Aj5bTJ3u5sFsUckRghsNjVTtxZQ1OyMWCr5dZRAPijF/0Vy4xEoRCwLyHXcj4D0UFbJ4lbx3gPTgg06K/GnPnQ==",
+      "version": "3.5.24",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.24.tgz",
+      "integrity": "sha512-Z8ANhr/i0XIluonHVjbUkjvn+CyrxbXRIxR7wn7+X7xlcb7dJsfITZbkVOeJZdP8VZwfrWRsWdShH6pngMxRjw==",
       "dependencies": {
-        "@vue/runtime-core": "3.3.4",
-        "@vue/shared": "3.3.4",
-        "csstype": "^3.1.1"
+        "@vue/reactivity": "3.5.24",
+        "@vue/runtime-core": "3.5.24",
+        "@vue/shared": "3.5.24",
+        "csstype": "^3.1.3"
       }
     },
     "node_modules/@vue/server-renderer": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.3.4.tgz",
-      "integrity": "sha512-Q6jDDzR23ViIb67v+vM1Dqntu+HUexQcsWKhhQa4ARVzxOY2HbC7QRW/ggkDBd5BU+uM1sV6XOAP0b216o34JQ==",
+      "version": "3.5.24",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.24.tgz",
+      "integrity": "sha512-Yh2j2Y4G/0/4z/xJ1Bad4mxaAk++C2v4kaa8oSYTMJBJ00/ndPuxCnWeot0/7/qafQFLh5pr6xeV6SdMcE/G1w==",
       "dependencies": {
-        "@vue/compiler-ssr": "3.3.4",
-        "@vue/shared": "3.3.4"
+        "@vue/compiler-ssr": "3.5.24",
+        "@vue/shared": "3.5.24"
       },
       "peerDependencies": {
-        "vue": "3.3.4"
+        "vue": "3.5.24"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.4.tgz",
-      "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ=="
+      "version": "3.5.24",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.24.tgz",
+      "integrity": "sha512-9cwHL2EsJBdi8NY22pngYYWzkTDhld6fAD6jlaeloNGciNSJL6bLpbxVgXl96X00Jtc6YWQv96YA/0sxex/k1A=="
     },
     "node_modules/@vue/tsconfig": {
       "version": "0.4.0",
@@ -1045,14 +1070,39 @@
       "integrity": "sha512-CPuIReonid9+zOG/CGTT05FXrPYATEqoDGNrEaqS4hwcw5BUNM2FguC0mOwJD4Jr16UpRVl9N0pY3P+srIbqmg==",
       "dev": true
     },
-    "node_modules/@vue/typescript": {
-      "version": "1.8.11",
-      "resolved": "https://registry.npmjs.org/@vue/typescript/-/typescript-1.8.11.tgz",
-      "integrity": "sha512-skUmMDiPUUtu1flPmf2YybF+PX8IzBtMioQOaNn6Ck/RhdrPJGj1AX/7s3Buf9G6ln+/KHR1XQuti/FFxw5XVA==",
-      "dev": true,
+    "node_modules/@vueuse/core": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-14.0.0.tgz",
+      "integrity": "sha512-d6tKRWkZE8IQElX2aHBxXOMD478fHIYV+Dzm2y9Ag122ICBpNKtGICiXKOhWU3L1kKdttDD9dCMS4bGP3jhCTQ==",
       "dependencies": {
-        "@volar/typescript": "~1.10.0",
-        "@vue/language-core": "1.8.11"
+        "@types/web-bluetooth": "^0.0.21",
+        "@vueuse/metadata": "14.0.0",
+        "@vueuse/shared": "14.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "vue": "^3.5.0"
+      }
+    },
+    "node_modules/@vueuse/metadata": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-14.0.0.tgz",
+      "integrity": "sha512-6yoGqbJcMldVCevkFiHDBTB1V5Hq+G/haPlGIuaFZHpXC0HADB0EN1ryQAAceiW+ryS3niUwvdFbGiqHqBrfVA==",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-14.0.0.tgz",
+      "integrity": "sha512-mTCA0uczBgurRlwVaQHfG0Ja7UdGe4g9mwffiJmvLiTtp1G4AQyIjej6si/k8c8pUwTfVpNufck+23gXptPAkw==",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "vue": "^3.5.0"
       }
     },
     "node_modules/acorn": {
@@ -1117,9 +1167,9 @@
       }
     },
     "node_modules/ant-design-vue": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/ant-design-vue/-/ant-design-vue-4.0.3.tgz",
-      "integrity": "sha512-fbgZbbirLx7rc19ytaGxApwS01CKLRzvEZmH0TVF06niQA9ekx7xkvfQGlmiSaCs4b8nWZi4Bo7gUzRNRt5YJA==",
+      "version": "4.2.6",
+      "resolved": "https://registry.npmjs.org/ant-design-vue/-/ant-design-vue-4.2.6.tgz",
+      "integrity": "sha512-t7eX13Yj3i9+i5g9lqFyYneoIb3OzTvQjq9Tts1i+eiOd3Eva/6GagxBSXM1fOCjqemIu0FYVE1ByZ/38epR3Q==",
       "dependencies": {
         "@ant-design/colors": "^6.0.0",
         "@ant-design/icons-vue": "^7.0.0",
@@ -1232,12 +1282,12 @@
       }
     },
     "node_modules/axios": {
-      "version": "1.7.4",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.4.tgz",
-      "integrity": "sha512-DukmaFRnY6AzAALSH4J2M3k6PkaC+MfaAGdEERRWcC9q3/TWQwLpHR8ZRLKTdQ3aBDL64EdluRDjJqKw+BPZEw==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.13.2.tgz",
+      "integrity": "sha512-VPk9ebNqPcy5lRGuSlKx752IlDatOjT9paPlm8A7yOuW2Fbvp4X3JznJtT4f0GzGLLiWE9W8onz51SqLYwzGaA==",
       "dependencies": {
         "follow-redirects": "^1.15.6",
-        "form-data": "^4.0.0",
+        "form-data": "^4.0.4",
         "proxy-from-env": "^1.1.0"
       }
     },
@@ -1254,9 +1304,9 @@
       "dev": true
     },
     "node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
       "dev": true,
       "dependencies": {
         "balanced-match": "^1.0.0",
@@ -1288,6 +1338,18 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/callsites": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
@@ -1347,6 +1409,12 @@
       "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-1.0.20.tgz",
       "integrity": "sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg=="
     },
+    "node_modules/computeds": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/computeds/-/computeds-0.0.1.tgz",
+      "integrity": "sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q==",
+      "dev": true
+    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -1364,9 +1432,9 @@
       }
     },
     "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
       "dev": true,
       "dependencies": {
         "path-key": "^3.1.0",
@@ -1390,9 +1458,9 @@
       }
     },
     "node_modules/csstype": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
     "node_modules/dayjs": {
       "version": "1.11.9",
@@ -1500,15 +1568,28 @@
       "resolved": "https://registry.npmjs.org/dom-scroll-into-view/-/dom-scroll-into-view-2.0.1.tgz",
       "integrity": "sha512-bvVTQe1lfaUr1oFzZX80ce9KLDlZ3iU+XGNE/bz9HnGdklTieqsbmsLHe+rT2XWqopvL0PckkYqN7ksmm5pe3w=="
     },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/engine.io-client": {
-      "version": "6.5.2",
-      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.5.2.tgz",
-      "integrity": "sha512-CQZqbrpEYnrpGqC07a9dJDz4gePZUgTPMU3NKJPSeQOyw27Tst4Pl3FemKoFGAlHzgZmKjoRmiJvbWfhCXUlIg==",
+      "version": "6.5.4",
+      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.5.4.tgz",
+      "integrity": "sha512-GeZeeRjpD2qf49cZQ0Wvh/8NJNfeXkXXcoGh+F77oEAgo9gUHwT1fCRxSNU+YEEaysOJTnsFHmM5oAcPy4ntvQ==",
       "dependencies": {
         "@socket.io/component-emitter": "~3.1.0",
         "debug": "~4.3.1",
         "engine.io-parser": "~5.2.1",
-        "ws": "~8.11.0",
+        "ws": "~8.17.1",
         "xmlhttprequest-ssl": "~2.0.0"
       }
     },
@@ -1520,6 +1601,17 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
     "node_modules/error-ex": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
@@ -1582,15 +1674,42 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/es-set-tostringtag": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
-      "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
-      "dev": true,
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
       "dependencies": {
-        "get-intrinsic": "^1.1.3",
-        "has": "^1.0.3",
-        "has-tostringtag": "^1.0.0"
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -1973,12 +2092,14 @@
       }
     },
     "node_modules/form-data": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
-      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
+      "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
       "dependencies": {
         "asynckit": "^0.4.0",
         "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
         "mime-types": "^2.1.12"
       },
       "engines": {
@@ -2006,10 +2127,12 @@
       }
     },
     "node_modules/function-bind": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-      "dev": true
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
     },
     "node_modules/function.prototype.name": {
       "version": "1.1.6",
@@ -2039,20 +2162,40 @@
       }
     },
     "node_modules/get-intrinsic": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
-      "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
-      "dev": true,
-      "dependencies": {
-        "function-bind": "^1.1.1",
-        "has": "^1.0.3",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3"
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/get-symbol-description": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
@@ -2152,12 +2295,11 @@
       }
     },
     "node_modules/gopd": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.1.3"
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -2230,10 +2372,9 @@
       }
     },
     "node_modules/has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-      "dev": true,
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
       "engines": {
         "node": ">= 0.4"
       },
@@ -2242,12 +2383,11 @@
       }
     },
     "node_modules/has-tostringtag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
-      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
-      "dev": true,
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
       "dependencies": {
-        "has-symbols": "^1.0.2"
+        "has-symbols": "^1.0.3"
       },
       "engines": {
         "node": ">= 0.4"
@@ -2256,6 +2396,17 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/he": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
@@ -2731,14 +2882,19 @@
       }
     },
     "node_modules/magic-string": {
-      "version": "0.30.3",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.3.tgz",
-      "integrity": "sha512-B7xGbll2fG/VjP+SWg4sX3JynwIU0mjoTc6MPpKNuIvftk6u6vqhDnk1R80b8C2GBR6ywqy+1DcKBrevBg+bmw==",
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
       "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.4.15"
-      },
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
       "engines": {
-        "node": ">=12"
+        "node": ">= 0.4"
       }
     },
     "node_modules/memorystream": {
@@ -2760,12 +2916,12 @@
       }
     },
     "node_modules/micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
       "dev": true,
       "dependencies": {
-        "braces": "^3.0.2",
+        "braces": "^3.0.3",
         "picomatch": "^2.3.1"
       },
       "engines": {
@@ -2815,9 +2971,9 @@
       "dev": true
     },
     "node_modules/nanoid": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
-      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
       "funding": [
         {
           "type": "github",
@@ -2936,9 +3092,9 @@
       "dev": true
     },
     "node_modules/npm-run-all/node_modules/cross-spawn": {
-      "version": "6.0.5",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
-      "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+      "version": "6.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.6.tgz",
+      "integrity": "sha512-VqCUuhcd1iB+dsv8gxPttb5iZh/D0iubSP21g36KXdEuf6I5JiioesUVjpCdHV9MZRUfVFlvwtIUyPfxo5trtw==",
       "dev": true,
       "dependencies": {
         "nice-try": "^1.0.4",
@@ -3161,6 +3317,12 @@
         "node": ">=4"
       }
     },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+      "dev": true
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -3204,9 +3366,9 @@
       }
     },
     "node_modules/picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
     },
     "node_modules/picomatch": {
       "version": "2.3.1",
@@ -3242,9 +3404,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.29",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.29.tgz",
-      "integrity": "sha512-cbI+jaqIeu/VGqXEarWkRCCffhjgXc0qjBtXpqJhTBohMUjUQnbBr0xqX3vEKudc4iviTewcJo5ajcec5+wdJw==",
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
       "funding": [
         {
           "type": "opencollective",
@@ -3260,9 +3422,9 @@
         }
       ],
       "dependencies": {
-        "nanoid": "^3.3.6",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
       },
       "engines": {
         "node": "^10 || ^12 || >=14"
@@ -3350,11 +3512,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/regenerator-runtime": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
-      "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA=="
-    },
     "node_modules/regexp.prototype.flags": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
@@ -3429,9 +3586,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "3.29.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.1.tgz",
-      "integrity": "sha512-c+ebvQz0VIH4KhhCpDsI+Bik0eT8ZFEVZEYw0cGMVqIP8zc+gnwl7iXCamTw7vzv2MeuZFZfdx5JJIq+ehzDlg==",
+      "version": "3.29.5",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.5.tgz",
+      "integrity": "sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -3629,9 +3786,9 @@
       }
     },
     "node_modules/source-map-js": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3928,7 +4085,7 @@
       "version": "5.1.6",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.6.tgz",
       "integrity": "sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==",
-      "dev": true,
+      "devOptional": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -3978,9 +4135,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "4.5.3",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.3.tgz",
-      "integrity": "sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==",
+      "version": "4.5.14",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.14.tgz",
+      "integrity": "sha512-+v57oAaoYNnO3hIu5Z/tJRZjq5aHM2zDve9YZ8HngVHbhk66RStobhb1sqPMIPEleV6cNKYK4eGrAbE9Ulbl2g==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.18.10",
@@ -4033,15 +4190,23 @@
       }
     },
     "node_modules/vue": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.4.tgz",
-      "integrity": "sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==",
+      "version": "3.5.24",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.24.tgz",
+      "integrity": "sha512-uTHDOpVQTMjcGgrqFPSb8iO2m1DUvo+WbGqoXQz8Y1CeBYQ0FXf2z1gLRaBtHjlRz7zZUBHxjVB5VTLzYkvftg==",
       "dependencies": {
-        "@vue/compiler-dom": "3.3.4",
-        "@vue/compiler-sfc": "3.3.4",
-        "@vue/runtime-dom": "3.3.4",
-        "@vue/server-renderer": "3.3.4",
-        "@vue/shared": "3.3.4"
+        "@vue/compiler-dom": "3.5.24",
+        "@vue/compiler-sfc": "3.5.24",
+        "@vue/runtime-dom": "3.5.24",
+        "@vue/server-renderer": "3.5.24",
+        "@vue/shared": "3.5.24"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
       }
     },
     "node_modules/vue-eslint-parser": {
@@ -4069,23 +4234,23 @@
       }
     },
     "node_modules/vue-router": {
-      "version": "4.2.4",
-      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.2.4.tgz",
-      "integrity": "sha512-9PISkmaCO02OzPVOMq2w82ilty6+xJmQrarYZDkjZBfl4RvYAlt4PKnEX21oW4KTtWfa9OuO/b3qk1Od3AEdCQ==",
+      "version": "4.6.3",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.6.3.tgz",
+      "integrity": "sha512-ARBedLm9YlbvQomnmq91Os7ck6efydTSpRP3nuOKCvgJOHNrhRoJDSKtee8kcL1Vf7nz6U+PMBL+hTvR3bTVQg==",
       "dependencies": {
-        "@vue/devtools-api": "^6.5.0"
+        "@vue/devtools-api": "^6.6.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/posva"
       },
       "peerDependencies": {
-        "vue": "^3.2.0"
+        "vue": "^3.5.0"
       }
     },
     "node_modules/vue-template-compiler": {
-      "version": "2.7.14",
-      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.14.tgz",
-      "integrity": "sha512-zyA5Y3ArvVG0NacJDkkzJuPQDF8RFeRlzV2vLeSnhSpieO6LK2OVbdLPi5MPPs09Ii+gMO8nY4S3iKQxBxDmWQ==",
+      "version": "2.7.16",
+      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.16.tgz",
+      "integrity": "sha512-AYbUWAJHLGGQM7+cNTELw+KsOG9nl2CnSv467WobS5Cv9uk3wFcnr1Etsz2sEIHEZvw1U+o9mRlEO6QbZvUPGQ==",
       "dev": true,
       "dependencies": {
         "de-indent": "^1.0.2",
@@ -4093,14 +4258,14 @@
       }
     },
     "node_modules/vue-tsc": {
-      "version": "1.8.11",
-      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-1.8.11.tgz",
-      "integrity": "sha512-BzfiMdPqDHBlysx4g26NkfVHSQwGD/lTRausmxN9sFyjXz34OWfsbkh0YsVkX84Hu65In1fFlxHiG39Tr4Vojg==",
+      "version": "1.8.27",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-1.8.27.tgz",
+      "integrity": "sha512-WesKCAZCRAbmmhuGl3+VrdWItEvfoFIPXOvUJkjULi+x+6G/Dy69yO3TBRJDr9eUlmsNAwVmxsNZxvHKzbkKdg==",
       "dev": true,
       "dependencies": {
-        "@vue/language-core": "1.8.11",
-        "@vue/typescript": "1.8.11",
-        "semver": "^7.3.8"
+        "@volar/typescript": "~1.11.1",
+        "@vue/language-core": "1.8.27",
+        "semver": "^7.5.4"
       },
       "bin": {
         "vue-tsc": "bin/vue-tsc.js"
@@ -4188,15 +4353,15 @@
       "dev": true
     },
     "node_modules/ws": {
-      "version": "8.11.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz",
-      "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==",
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
+      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
       "engines": {
         "node": ">=10.0.0"
       },
       "peerDependencies": {
         "bufferutil": "^4.0.1",
-        "utf-8-validate": "^5.0.2"
+        "utf-8-validate": ">=5.0.2"
       },
       "peerDependenciesMeta": {
         "bufferutil": {
diff --git a/frontend/package.json b/frontend/package.json
index 709d28a..f4ad63e 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -11,14 +11,15 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
   },
   "dependencies": {
-    "@ant-design/icons-vue": "^7.0.0",
-    "ant-design-vue": "^4.0.3",
+    "@ant-design/icons-vue": "^7.0.1",
+    "@vueuse/core": "^14.0.0",
+    "ant-design-vue": "^4.2.6",
     "axios": "^1.7.4",
     "litlyx-js": "^1.0.3",
     "rxjs": "^7.8.1",
     "socket.io-client": "^4.7.2",
-    "vue": "^3.3.4",
-    "vue-router": "^4.2.4"
+    "vue": "^3.5.24",
+    "vue-router": "^4.6.3"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.3.3",
diff --git a/frontend/src/api/chatService.ts b/frontend/src/api/chatService.ts
index b53d561..6b8af66 100644
--- a/frontend/src/api/chatService.ts
+++ b/frontend/src/api/chatService.ts
@@ -6,18 +6,23 @@ import userRef from "@/reactive/useUser";
 import sessionRef from "@/reactive/useSession";
 import {Lit} from "litlyx-js";
 export const messagesRef: Ref<Message[]> = ref([]);
+export const aimessageRef: Ref<Message[]> = ref([]);
 
-export async function postMessage(message: string) {
+export async function postMessage(message: string, type: 'std' | 'ai') {
     if (!socket) {
         throw new Error('Socket not initialized');
     }
     if (!sessionRef.value) {
         throw new Error('Session not joined');
     }
+
+    message = commandTransformations(message)
+
     const messageObj: Message = {
         name: userRef?.value?.name ?? 'Zuschauer',
         message: message,
         timestamp: Date.now(),
+        type: type
     }
     socket.emit('chat', messageObj);
     if (message.startsWith('/')) {
@@ -29,6 +34,17 @@ export async function postMessage(message: string) {
     }
 }
 
+function commandTransformations(message: string) {
+   if (message.startsWith('/img ')) {
+       const url = message.split(' ').at(1);
+       if (url === undefined) {
+           return message;
+       }
+       return `<img style="max-height: 200px" src="${url}" />`;
+   }
+   return message;
+}
+
 export function clearMessages() {
     messagesRef.value = [];
 }
\ No newline at end of file
diff --git a/frontend/src/api/joinLeaveService.ts b/frontend/src/api/joinLeaveService.ts
index b5aacd8..3d2829a 100644
--- a/frontend/src/api/joinLeaveService.ts
+++ b/frontend/src/api/joinLeaveService.ts
@@ -6,7 +6,7 @@ import userRef from "@/reactive/useUser";
 import {paperThrowSubject, pullSessionInfo} from "@/api/actionsService";
 import { message } from 'ant-design-vue';
 import { socket, socketConnect, socketExit } from "./socketService";
-import {clearMessages, messagesRef} from "@/api/chatService";
+import {aimessageRef, clearMessages, messagesRef} from "@/api/chatService";
 import type {Message} from "@/models/Message.model";
 import type {EstimationHistogram} from "@/models/EstimationHistogram";
 import histogramRef from "@/reactive/useEstimationHistogram";
@@ -41,7 +41,11 @@ function socketSessionUpdateListeners() {
         histogramRef.value = histogram;
     })
     socket?.on('newMessage', (message: Message) => {
-        messagesRef.value.push(message);
+        if (message.type === 'ai') {
+           aimessageRef.value.push(message);
+        } else{
+            messagesRef.value.push(message);
+        }
     });
     socket?.on('throw', (playerId: string, emoji: string) => {
         paperThrowSubject.next({id: playerId, emoji});
diff --git a/frontend/src/assets/main.cc.css b/frontend/src/assets/main.cc.css
index 22145e5..b9d2c68 100644
--- a/frontend/src/assets/main.cc.css
+++ b/frontend/src/assets/main.cc.css
@@ -135,4 +135,15 @@ body::after{
 
 .dark .ant-dropdown-menu,.dark .ant-dropdown-menu-item {
     background-color: var(--theme-container-color) !important;
-}
\ No newline at end of file
+}
+
+.ant-tabs-content-holder {
+    height: 100%;
+
+}
+.ant-tabs-content {
+    height: 100%;
+}
+.chat-message-content img {
+    max-height: 300px;
+}
diff --git a/frontend/src/components/Chat.vue b/frontend/src/components/Chat.vue
index aa164c7..94d957d 100644
--- a/frontend/src/components/Chat.vue
+++ b/frontend/src/components/Chat.vue
@@ -1,30 +1,70 @@
 <script setup lang="ts">
-import { SendOutlined } from "@ant-design/icons-vue";
-import {messagesRef} from "@/api/chatService";
-import {ref, watch} from "vue";
+import { SendOutlined, WechatOutlined, PictureOutlined } from "@ant-design/icons-vue";
+import {aimessageRef, messagesRef} from "@/api/chatService";
+import { ref, toRefs, watch } from 'vue';
 import { postMessage} from "@/api/chatService";
+import type {Message} from "@/models/Message.model";
+import { useScroll } from '@vueuse/core'
+import { useTemplateRef } from 'vue'
 
 const messageInputRef = ref('');
+const messageInputRefAi = ref('');
+
+const activeTabKey = ref('0');
+const messagesContainerRef = useTemplateRef<HTMLElement>('messagesContainerRef');
+const { arrivedState } = useScroll(messagesContainerRef)
+const { bottom } = toRefs(arrivedState);
+const showScrollDown = ref(false)
+
+
 const handleSendMessage = (event: Event) => {
   event.preventDefault();
   event.stopPropagation();
   if (messageInputRef.value === '') {
     return;
   }
-  postMessage(messageInputRef.value);
+  postMessage(messageInputRef.value, 'std');
   messageInputRef.value = '';
 }
 
-const messagesContainerRef = ref(null);
-watch(() => messagesRef.value.length, () => {
+const handleSendMessageAi = (event: Event) => {
+  event.preventDefault();
+  event.stopPropagation();
+  if (messageInputRefAi.value === '') {
+    return;
+  }
+  const msg: string = messageInputRefAi.value;
+  const isCommand = commandOptionsAI.map(c => c.command).some(cm => msg.startsWith(cm))
+
+  if (!isCommand) {
+    const helpMsg: Message = {
+      message: 'Use one of the shown Commands',
+      name: 'Failed',
+      timestamp: Date.now(),
+      type: 'ai'
+    }
+    aimessageRef.value.push(helpMsg)
+  }
+  postMessage(messageInputRefAi.value, 'ai');
+  messageInputRefAi.value = '';
+}
+
+const scrollDown = () => {
   setTimeout(() => {
-        if (!messagesContainerRef.value) {
-          return;
-        }
-        // @ts-ignore
-        messagesContainerRef.value.scrollTop = messagesContainerRef?.value?.scrollHeight},
-      0
+      if (!messagesContainerRef.value) {
+        return;
+      }
+      // @ts-ignore
+      messagesContainerRef.value.scrollTop = messagesContainerRef?.value?.scrollHeight
+    },
+    200
   );
+}
+
+watch([bottom], (arrivedState) => {
+  const scDo = arrivedState[0];
+  console.log(scDo);
+  showScrollDown.value = !scDo;
 });
 
 interface Command {
@@ -33,7 +73,7 @@ interface Command {
   description: string;
 }
 
-const commandOptions: Command[] = [
+const commandOptionsAI: Command[] = [
   {
     title: '/ask [question]',
     command: '/ask',
@@ -46,47 +86,118 @@ const commandOptions: Command[] = [
   }
 ];
 
+const commandOptions: Command[] = [
+  {
+    title: '/img [url]',
+    command: '/img',
+    description: 'send image or gif'
+  },
+];
+
 const handleCommandClick = (command: Command) => {
-  messageInputRef.value = `${command.command} ${messageInputRef.value}`
+  messageInputRef.value = `${command.command} ${messageInputRef.value}`;
   document.getElementById("chatInput")?.focus();
 }
+const handleCommandClickAi = (command: Command) => {
+  messageInputRefAi.value = `${command.command} ${messageInputRefAi.value}`;
+  document.getElementById("chatInputAi")?.focus();
+}
 </script>
 
 <template>
-  <div class="chat">
-    <div class="chat__messages" ref="messagesContainerRef">
-      <a-comment
-          :author="message.name"
-          :avatar="message.name === 'Server' ? '/server.png' : '/user.png'"
-          v-for="message in messagesRef"
-          :key="message.timestamp"
-      >
-        <template #datetime>
-          {{ new Date(message.timestamp).toLocaleTimeString() }}
-        </template>
-        <template #content>
-          <div v-html="message.message"></div>
-        </template>
-      </a-comment>
-      <div class="chat__message">
+  <a-tabs v-model:activeKey="activeTabKey" style="height: 100%">
+    <a-tab-pane key="0" style="height: 100%">
+      <template #tab>
+        <span>
+          <WechatOutlined />
+          Chat
+        </span>
+      </template>
+
+      <div class="chat">
+        <div class="scroll-down" @click="scrollDown" v-if="showScrollDown">Scroll Down</div>
+        <div class="chat__messages" ref="messagesContainerRef">
+          <a-comment
+              :author="message.name"
+              :avatar="message.name === 'Server' ? '/server.png' : '/user.png'"
+              v-for="message in messagesRef"
+              :key="message.timestamp"
+          >
+            <template #datetime>
+              {{ new Date(message.timestamp).toLocaleTimeString() }}
+            </template>
+            <template #content>
+              <div v-html="message.message" class="chat-message-content"></div>
+            </template>
+          </a-comment>
+          <div class="chat__message">
+          </div>
+        </div>
+        <div class="command-options">
+          <div class="command" v-for="command in commandOptions" @click="handleCommandClick(command)">
+            <PictureOutlined />
+            <div class="command-text">
+              <strong><span>{{command.title}}</span></strong>
+              <span>{{command.description}}</span>
+            </div>
+          </div>
+        </div>
+        <div class="chat__input">
+          <a-textarea v-model:value="messageInputRef" type="text" placeholder="Nachricht eingeben..." @keydown.enter="handleSendMessage" id="chatInput" :auto-size="{ minRows: 1, maxRows: 5 }"/>
+          <a-button @click="handleSendMessage" :type="messageInputRef === '' ? 'default' : 'primary'">
+            <SendOutlined />
+          </a-button>
+        </div>
       </div>
-    </div>
-    <div class="command-options">
-      <div class="command" v-for="command in commandOptions" @click="handleCommandClick(command)">
+    </a-tab-pane>
+
+
+    <a-tab-pane key="1">
+      <template #tab>
+        <span>
         <img src="/ai.png" height="20">
-        <div class="command-text">
-          <strong><span>{{command.title}}</span></strong>
-          <span>{{command.description}}</span>
+          Ai
+        </span>
+      </template>
+
+      <div class="chat">
+        <div class="chat__messages">
+          <a-comment
+              :author="message.name"
+              :avatar="message.name === 'Server' ? '/server.png' : '/user.png'"
+              v-for="message in aimessageRef"
+              :key="message.timestamp"
+          >
+            <template #datetime>
+              {{ new Date(message.timestamp).toLocaleTimeString() }}
+            </template>
+            <template #content>
+              <div v-html="message.message"></div>
+            </template>
+          </a-comment>
+          <div class="chat__message">
+          </div>
+        </div>
+        <div class="command-options">
+          <div class="command" v-for="command in commandOptionsAI" @click="handleCommandClickAi(command)">
+            <img src="/ai.png" height="20">
+            <div class="command-text">
+              <strong><span>{{command.title}}</span></strong>
+              <span>{{command.description}}</span>
+            </div>
+          </div>
+        </div>
+        <div class="chat__input">
+          <a-textarea v-model:value="messageInputRefAi" type="text" placeholder="Prompt eingeben..." @keydown.enter="handleSendMessageAi" id="chatInputAi" :auto-size="{ minRows: 1, maxRows: 5 }"/>
+          <a-button @click="handleSendMessageAi" :type="messageInputRefAi === '' ? 'default' : 'primary'">
+            <SendOutlined />
+          </a-button>
         </div>
       </div>
-    </div>
-    <div class="chat__input">
-      <a-textarea v-model:value="messageInputRef" type="text" placeholder="Nachricht eingeben..." @keydown.enter="handleSendMessage" id="chatInput" :auto-size="{ minRows: 1, maxRows: 5 }"/>
-      <a-button @click="handleSendMessage" :type="messageInputRef === '' ? 'default' : 'primary'">
-        <SendOutlined />
-      </a-button>
-    </div>
-  </div>
+
+    </a-tab-pane>
+  </a-tabs>
+
 </template>
 
 <style scoped>
@@ -136,4 +247,24 @@ const handleCommandClick = (command: Command) => {
   }
 }
 
+.scroll-down {
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  padding: 5px;
+  border-radius: 10px;
+  z-index: 2;
+
+  background: rgba(255, 255, 255, 0.23);
+  border-radius: 16px;
+  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+  backdrop-filter: blur(5.3px);
+  -webkit-backdrop-filter: blur(5.3px);
+  border: 1px solid rgba(255, 255, 255, 0.41);
+}
+
+.scroll-down:hover {
+  cursor: pointer;
+}
+
 </style>
\ No newline at end of file
diff --git a/frontend/src/components/ColorThemeChooser.vue b/frontend/src/components/ColorThemeChooser.vue
index 777fe47..6b90cef 100644
--- a/frontend/src/components/ColorThemeChooser.vue
+++ b/frontend/src/components/ColorThemeChooser.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { BgColorsOutlined } from '@ant-design/icons-vue';
+import { BgColorsOutlined, InteractionOutlined } from '@ant-design/icons-vue';
 import {onMounted} from "vue";
 const changeTheme = (key: string) => {
   document.body.className = key;
@@ -21,7 +21,7 @@ onMounted(() => {
 
 <template>
 <a-dropdown @click.prevent>
-  <BgColorsOutlined />
+  <BgColorsOutlined :style="{fontSize: '24px'}"/>
   <template #overlay>
     <a-menu @click="handleMenuClick">
       <a-menu-item key="default">
diff --git a/frontend/src/components/EstimationOptionsChooser.vue b/frontend/src/components/EstimationOptionsChooser.vue
index 01e032f..9868b2a 100644
--- a/frontend/src/components/EstimationOptionsChooser.vue
+++ b/frontend/src/components/EstimationOptionsChooser.vue
@@ -16,7 +16,7 @@ const handleMenuClick = (e: any) => {
 
 <template>
   <a-dropdown @click.prevent>
-    <InteractionOutlined/>
+    <InteractionOutlined :style="{fontSize: '24px'}"/>
     <template #overlay>
       <a-menu @click="handleMenuClick">
         <a-menu-item key="Fibonacci">
@@ -28,6 +28,9 @@ const handleMenuClick = (e: any) => {
         <a-menu-item key="TShirtSizes">
           T-Shirt Sizes
         </a-menu-item>
+        <a-menu-item key="PersonDays">
+          Personentage
+        </a-menu-item>
       </a-menu>
     </template>
   </a-dropdown>
diff --git a/frontend/src/models/Message.model.ts b/frontend/src/models/Message.model.ts
index 94369d4..fcc3cdb 100644
--- a/frontend/src/models/Message.model.ts
+++ b/frontend/src/models/Message.model.ts
@@ -2,4 +2,5 @@ export interface Message {
     name: string;
     message: string;
     timestamp: number;
+    type: 'ai' | 'std';
 }
\ No newline at end of file
diff --git a/frontend/src/models/Session.model.ts b/frontend/src/models/Session.model.ts
index 618e8e8..b28617d 100644
--- a/frontend/src/models/Session.model.ts
+++ b/frontend/src/models/Session.model.ts
@@ -1,23 +1,17 @@
-import type {ExportEstimatePlayer, Player} from "@/models/Player.model";
-
-export interface Session {
-    token: string;
-    name: string;
-    players: Player[];
-    // open = true -> everyone can see the estimates
-    open: boolean;
-}
+import type { ExportEstimatePlayer, ExportPlayer, Player } from '@/models/Player.model';
 
 export enum EstimationOption {
     Fibonacci = 'Fibonacci',
     PowersOfTwo = 'PowersOfTwo',
     TShirtSizes = 'TShirtSizes',
+    PersonDays = 'PersonDays',
     Custom = 'Custom',
 }
 
 export const FibonacciEstimationValues = ['🤷‍♂️', '☕', '1', '2', '3', '5', '8', '13', '21', '34', '55', '89', '144'];
 export const PowersOfTwoEstimationValues = ['🤷‍♂️', '☕', '1', '2', '4', '8', '16', '32', '64', '128', '256', '512', '1024'];
 export const TShirtSizesEstimationValues = ['🤷‍♂️', '☕', 'XS', 'S', 'M', 'L', 'XL', 'XXL'];
+export const PersonDaysEstimationValues = ['🤷‍♂️', '☕', '0.5', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14'];
 
 export function getEstimationValues(options: EstimationOption): string[] {
     switch (options) {
@@ -27,6 +21,8 @@ export function getEstimationValues(options: EstimationOption): string[] {
             return PowersOfTwoEstimationValues;
         case EstimationOption.TShirtSizes:
             return TShirtSizesEstimationValues;
+        case EstimationOption.PersonDays:
+            return PersonDaysEstimationValues;
         case EstimationOption.Custom:
             return [];
     }
@@ -39,19 +35,43 @@ export function parseEstimationType(type: string): EstimationOption | undefined
         case 'PowersOfTwo':
             return EstimationOption.PowersOfTwo;
         case 'TShirtSizes':
-            return EstimationOption.TShirtSizes;
+            return EstimationOption.TShirtSizes
+        case 'PersonDays':
+            return EstimationOption.PersonDays;
         case 'Custom':
             return EstimationOption.Custom;
     }
     return undefined;
 }
 
+export interface Session {
+    token: string;
+    name: string;
+    players: Player[];
+    // open = true -> everyone can see the estimates
+    open: boolean;
+    estimationOptions: EstimationOption;
+    estimationValues: string[];
+    timeoutId?: NodeJS.Timeout;
+}
+
+export interface NewSessionDto {
+    name: string;
+    leaderName: string;
+}
+
+export interface ExportSession {
+    token: string;
+    name: string;
+    players: ExportPlayer[];
+    open: boolean;
+}
 
 export interface ExportEstimateSession {
     token: string;
     name: string;
     players: ExportEstimatePlayer[];
+    open: boolean;
     estimationOptions: EstimationOption;
     estimationValues: string[];
-    open: boolean;
 }
\ No newline at end of file
diff --git a/frontend/src/views/ChangelogsView.vue b/frontend/src/views/ChangelogsView.vue
index 7e62bfa..dacb0ee 100644
--- a/frontend/src/views/ChangelogsView.vue
+++ b/frontend/src/views/ChangelogsView.vue
@@ -25,11 +25,16 @@ import Changelog from '@/components/Changelog.vue';
 
 const changelogs = [
   {
-    title: 'Version 0.1.0 Beta',
-    body: 'Feature: AI Integration',
+    title: 'Version 0.2.0 Beta',
+    body: 'Chat Tabs, Images and Gifs in chat',
     server: 'derzeitige Version',
     green: true
   },
+  {
+    title: 'Version 0.1.0 Beta',
+    body: 'Feature: AI Integration',
+
+  },
   {
     title: 'Version 0.0.4 Beta',
     body: 'Bugfix: Schätzungsdiagramm verschwindet mit einer nachträglichen Schätzungsänderung',