Add visual feedback for unread messages in the menu. Implement a pulsing animation and color change for the inbox button when there are unread chats. Also, add sound notification for new messages received, enhancing user experience.

Update menu button styles in CSS to enforce consistent appearance with !important rules. Adjust padding, margin, and display properties for improved layout and responsiveness.
Add styles for menu button in CSS to enhance visual appearance. Set text color to white, background to transparent, and remove border for a cleaner look.
2025-12-05 11:54:33 +01:00 · 2025-12-05 11:42:17 +01:00 · 2025-12-05 11:38:14 +01:00 · 2025-12-05 11:34:57 +01:00 · 2025-12-05 11:24:52 +01:00 · 2025-12-05 11:15:43 +01:00
8 changed files with 344 additions and 280 deletions
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -18,9 +18,9 @@
        "vue-router": "^4.2.5"
      },
      "devDependencies": {
-        "@vitejs/plugin-vue": "^6.0.2",
+        "@vitejs/plugin-vue": "^5.0.4",
        "terser": "^5.44.1",
-        "vite": "^7.2.6"
+        "vite": "^5.4.11"
      }
    },
    "node_modules/@babel/helper-string-parser": {
@@ -70,9 +70,9 @@
      }
    },
    "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
-      "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
      "cpu": [
        "ppc64"
      ],
@@ -83,13 +83,13 @@
        "aix"
      ],
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/android-arm": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
-      "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
      "cpu": [
        "arm"
      ],
@@ -100,13 +100,13 @@
        "android"
      ],
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/android-arm64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
-      "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
      "cpu": [
        "arm64"
      ],
@@ -117,13 +117,13 @@
        "android"
      ],
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/android-x64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
-      "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
      "cpu": [
        "x64"
      ],
@@ -134,13 +134,13 @@
        "android"
      ],
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
-      "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
      "cpu": [
        "arm64"
      ],
@@ -151,13 +151,13 @@
        "darwin"
      ],
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/darwin-x64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
-      "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
      "cpu": [
        "x64"
      ],
@@ -168,13 +168,13 @@
        "darwin"
      ],
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
-      "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
      "cpu": [
        "arm64"
      ],
@@ -185,13 +185,13 @@
        "freebsd"
      ],
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
-      "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
      "cpu": [
        "x64"
      ],
@@ -202,13 +202,13 @@
        "freebsd"
      ],
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/linux-arm": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
-      "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
      "cpu": [
        "arm"
      ],
@@ -219,13 +219,13 @@
        "linux"
      ],
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/linux-arm64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
-      "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
      "cpu": [
        "arm64"
      ],
@@ -236,13 +236,13 @@
        "linux"
      ],
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/linux-ia32": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
-      "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
      "cpu": [
        "ia32"
      ],
@@ -253,13 +253,13 @@
        "linux"
      ],
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/linux-loong64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
-      "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
      "cpu": [
        "loong64"
      ],
@@ -270,13 +270,13 @@
        "linux"
      ],
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
-      "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
      "cpu": [
        "mips64el"
      ],
@@ -287,13 +287,13 @@
        "linux"
      ],
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
-      "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
      "cpu": [
        "ppc64"
      ],
@@ -304,13 +304,13 @@
        "linux"
      ],
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
-      "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
      "cpu": [
        "riscv64"
      ],
@@ -321,13 +321,13 @@
        "linux"
      ],
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/linux-s390x": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
-      "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
      "cpu": [
        "s390x"
      ],
@@ -338,13 +338,13 @@
        "linux"
      ],
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/linux-x64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
-      "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
      "cpu": [
        "x64"
      ],
@@ -355,30 +355,13 @@
        "linux"
      ],
      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/netbsd-arm64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz",
-      "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
-      "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
      "cpu": [
        "x64"
      ],
@@ -389,30 +372,13 @@
        "netbsd"
      ],
      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/openbsd-arm64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz",
-      "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
-      "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
      "cpu": [
        "x64"
      ],
@@ -423,30 +389,13 @@
        "openbsd"
      ],
      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/openharmony-arm64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz",
-      "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openharmony"
-      ],
-      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/sunos-x64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
-      "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
      "cpu": [
        "x64"
      ],
@@ -457,13 +406,13 @@
        "sunos"
      ],
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/win32-arm64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
-      "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
      "cpu": [
        "arm64"
      ],
@@ -474,13 +423,13 @@
        "win32"
      ],
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/win32-ia32": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
-      "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
      "cpu": [
        "ia32"
      ],
@@ -491,13 +440,13 @@
        "win32"
      ],
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@esbuild/win32-x64": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
-      "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
      "cpu": [
        "x64"
      ],
@@ -508,7 +457,7 @@
        "win32"
      ],
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      }
    },
    "node_modules/@intlify/core-base": {
@@ -604,13 +553,6 @@
        "@jridgewell/sourcemap-codec": "^1.4.14"
      }
    },
-    "node_modules/@rolldown/pluginutils": {
-      "version": "1.0.0-beta.50",
-      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.50.tgz",
-      "integrity": "sha512-5e76wQiQVeL1ICOZVUg4LSOVYg9jyhGCin+icYozhsUzM+fHE7kddi1bdiE0jwVqTfkjba3jUFbEkoC9WkdvyA==",
-      "dev": true,
-      "license": "MIT"
-    },
    "node_modules/@rollup/rollup-android-arm-eabi": {
      "version": "4.53.3",
      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.53.3.tgz",
@@ -949,19 +891,16 @@
      }
    },
    "node_modules/@vitejs/plugin-vue": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-6.0.2.tgz",
-      "integrity": "sha512-iHmwV3QcVGGvSC1BG5bZ4z6iwa1SOpAPWmnjOErd4Ske+lZua5K9TtAVdx0gMBClJ28DViCbSmZitjWZsWO3LA==",
+      "version": "5.2.4",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.4.tgz",
+      "integrity": "sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==",
      "dev": true,
      "license": "MIT",
-      "dependencies": {
-        "@rolldown/pluginutils": "1.0.0-beta.50"
-      },
      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+        "node": "^18.0.0 || >=20.0.0"
      },
      "peerDependencies": {
-        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0",
+        "vite": "^5.0.0 || ^6.0.0",
        "vue": "^3.2.25"
      }
    },
@@ -1272,9 +1211,9 @@
      }
    },
    "node_modules/esbuild": {
-      "version": "0.25.12",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
-      "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
      "dev": true,
      "hasInstallScript": true,
      "license": "MIT",
@@ -1282,35 +1221,32 @@
        "esbuild": "bin/esbuild"
      },
      "engines": {
-        "node": ">=18"
+        "node": ">=12"
      },
      "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.25.12",
-        "@esbuild/android-arm": "0.25.12",
-        "@esbuild/android-arm64": "0.25.12",
-        "@esbuild/android-x64": "0.25.12",
-        "@esbuild/darwin-arm64": "0.25.12",
-        "@esbuild/darwin-x64": "0.25.12",
-        "@esbuild/freebsd-arm64": "0.25.12",
-        "@esbuild/freebsd-x64": "0.25.12",
-        "@esbuild/linux-arm": "0.25.12",
-        "@esbuild/linux-arm64": "0.25.12",
-        "@esbuild/linux-ia32": "0.25.12",
-        "@esbuild/linux-loong64": "0.25.12",
-        "@esbuild/linux-mips64el": "0.25.12",
-        "@esbuild/linux-ppc64": "0.25.12",
-        "@esbuild/linux-riscv64": "0.25.12",
-        "@esbuild/linux-s390x": "0.25.12",
-        "@esbuild/linux-x64": "0.25.12",
-        "@esbuild/netbsd-arm64": "0.25.12",
-        "@esbuild/netbsd-x64": "0.25.12",
-        "@esbuild/openbsd-arm64": "0.25.12",
-        "@esbuild/openbsd-x64": "0.25.12",
-        "@esbuild/openharmony-arm64": "0.25.12",
-        "@esbuild/sunos-x64": "0.25.12",
-        "@esbuild/win32-arm64": "0.25.12",
-        "@esbuild/win32-ia32": "0.25.12",
-        "@esbuild/win32-x64": "0.25.12"
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
      }
    },
    "node_modules/estree-walker": {
@@ -1319,24 +1255,6 @@
      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
      "license": "MIT"
    },
-    "node_modules/fdir": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "picomatch": "^3 || ^4"
-      },
-      "peerDependenciesMeta": {
-        "picomatch": {
-          "optional": true
-        }
-      }
-    },
    "node_modules/follow-redirects": {
      "version": "1.15.11",
      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
@@ -1560,19 +1478,6 @@
      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
      "license": "ISC"
    },
-    "node_modules/picomatch": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
    "node_modules/pinia": {
      "version": "2.3.1",
      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.3.1.tgz",
@@ -1748,23 +1653,6 @@
        "node": ">=10"
      }
    },
-    "node_modules/tinyglobby": {
-      "version": "0.2.15",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
-      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fdir": "^6.5.0",
-        "picomatch": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/SuperchupuDev"
-      }
-    },
    "node_modules/unhead": {
      "version": "2.0.19",
      "resolved": "https://registry.npmjs.org/unhead/-/unhead-2.0.19.tgz",
@@ -1778,24 +1666,21 @@
      }
    },
    "node_modules/vite": {
-      "version": "7.2.6",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-7.2.6.tgz",
-      "integrity": "sha512-tI2l/nFHC5rLh7+5+o7QjKjSR04ivXDF4jcgV0f/bTQ+OJiITy5S6gaynVsEM+7RqzufMnVbIon6Sr5x1SDYaQ==",
+      "version": "5.4.21",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.21.tgz",
+      "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
-        "esbuild": "^0.25.0",
-        "fdir": "^6.5.0",
-        "picomatch": "^4.0.3",
-        "postcss": "^8.5.6",
-        "rollup": "^4.43.0",
-        "tinyglobby": "^0.2.15"
+        "esbuild": "^0.21.3",
+        "postcss": "^8.4.43",
+        "rollup": "^4.20.0"
      },
      "bin": {
        "vite": "bin/vite.js"
      },
      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+        "node": "^18.0.0 || >=20.0.0"
      },
      "funding": {
        "url": "https://github.com/vitejs/vite?sponsor=1"
@@ -1804,25 +1689,19 @@
        "fsevents": "~2.3.3"
      },
      "peerDependencies": {
-        "@types/node": "^20.19.0 || >=22.12.0",
-        "jiti": ">=1.21.0",
-        "less": "^4.0.0",
+        "@types/node": "^18.0.0 || >=20.0.0",
+        "less": "*",
        "lightningcss": "^1.21.0",
-        "sass": "^1.70.0",
-        "sass-embedded": "^1.70.0",
-        "stylus": ">=0.54.8",
-        "sugarss": "^5.0.0",
-        "terser": "^5.16.0",
-        "tsx": "^4.8.1",
-        "yaml": "^2.4.2"
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
      },
      "peerDependenciesMeta": {
        "@types/node": {
          "optional": true
        },
-        "jiti": {
-          "optional": true
-        },
        "less": {
          "optional": true
        },
@@ -1843,12 +1722,6 @@
        },
        "terser": {
          "optional": true
-        },
-        "tsx": {
-          "optional": true
-        },
-        "yaml": {
-          "optional": true
        }
      }
    },
--- a/client/package.json
+++ b/client/package.json
@@ -18,8 +18,8 @@
    "vue-router": "^4.2.5"
  },
  "devDependencies": {
-    "@vitejs/plugin-vue": "^6.0.2",
+    "@vitejs/plugin-vue": "^5.0.4",
    "terser": "^5.44.1",
-    "vite": "^7.2.6"
+    "vite": "^5.4.11"
  }
 }
--- a/client/src/components/MenuBar.vue
+++ b/client/src/components/MenuBar.vue
@@ -7,7 +7,7 @@
      </span>
      <button @click="handleLeave">{{ $t('menu_leave') }}</button>
      <button @click="handleSearch">{{ $t('menu_search') }}</button>
-      <button @click="handleInbox">
+      <button @click="handleInbox" :class="{ 'has-unread': chatStore.unreadChatsCount > 0 }">
        {{ $t('menu_inbox') }}<span v-if="chatStore.unreadChatsCount > 0"> ({{ chatStore.unreadChatsCount }})</span>
      </button>
      <button @click="handleHistory">{{ $t('menu_history') }}</button>
--- a/client/src/stores/chat.js
+++ b/client/src/stores/chat.js
@@ -229,6 +229,19 @@ export const useChatStore = defineStore('chat', () => {
          console.log('[Bild empfangen] Von:', data.from, 'URL:', data.imageUrl || data.message);
        }
        
+        // Sound abspielen bei neuer Nachricht (nur wenn nicht selbst gesendet)
+        if (!data.self) {
+          try {
+            const audio = new Audio('/static/newmessage.mp3');
+            audio.play().catch(err => {
+              // Ignoriere Fehler (z.B. wenn Browser Auto-Play blockiert)
+              console.log('Sound konnte nicht abgespielt werden:', err);
+            });
+          } catch (error) {
+            console.log('Fehler beim Abspielen des Sounds:', error);
+          }
+        }
+        
        if (currentConversation.value === data.from) {
          const newMessage = {
            from: data.from,
--- a/client/src/style.css
+++ b/client/src/style.css
@@ -67,6 +67,24 @@ html, body, #app {
  background-color: #52a052;
 }

+.menu button.has-unread {
+  background-color: #ff6b6b;
+  animation: pulse 2s infinite;
+}
+
+.menu button.has-unread:hover {
+  background-color: #ff5252;
+}
+
+@keyframes pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.8;
+  }
+}
+
 .menu span {
  display: inline-block;
  padding: 0.375em 0.4em;
@@ -76,6 +94,15 @@ html, body, #app {
  margin: 0.1em 0.2em;
 }

+.menu button span {
+  color: #fff !important;
+  background-color: transparent !important;
+  border: none !important;
+  padding: 0 !important;
+  margin: 0 !important;
+  display: inline !important;
+}
+
 .horizontal-box {
  display: flex;
  flex: 1;
--- a/quick-update.sh
+++ b/quick-update.sh
@@ -0,0 +1,79 @@
+#!/bin/bash
+
+# Schnelles Update-Script für SingleChat
+# Kopiert nur geänderte Server-Dateien und baut den Client neu
+
+set -e
+
+SOURCE_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+TARGET_DIR="/opt/ypchat"
+USER="www-data"
+GROUP="www-data"
+
+echo "=========================================="
+echo "SingleChat Quick Update"
+echo "=========================================="
+
+# Prüfe ob als root ausgeführt
+if [ "$EUID" -ne 0 ]; then 
+    echo "FEHLER: Dieses Skript muss als root ausgeführt werden!"
+    echo "Bitte führe aus: sudo ./quick-update.sh"
+    exit 1
+fi
+
+# Kopiere Server-Dateien
+echo "Kopiere Server-Dateien..."
+cp "$SOURCE_DIR/server/routes.js" "$TARGET_DIR/server/"
+cp "$SOURCE_DIR/server/broadcast.js" "$TARGET_DIR/server/"
+cp "$SOURCE_DIR/server/index.js" "$TARGET_DIR/server/" 2>/dev/null || echo "Hinweis: index.js nicht kopiert (falls unverändert)"
+chown -R $USER:$GROUP "$TARGET_DIR/server"
+
+echo "✓ Server-Dateien kopiert"
+
+# Erstelle tmp und logs Verzeichnisse
+echo "Erstelle tmp und logs Verzeichnisse..."
+mkdir -p "$TARGET_DIR/tmp" "$TARGET_DIR/logs"
+chown -R $USER:$GROUP "$TARGET_DIR/tmp" "$TARGET_DIR/logs"
+echo "✓ Verzeichnisse erstellt"
+
+# Baue Client neu
+echo ""
+echo "Baue Client neu..."
+cd "$SOURCE_DIR"
+npm run build
+
+if [ $? -ne 0 ]; then
+    echo "FEHLER: Build fehlgeschlagen!"
+    exit 1
+fi
+
+echo "✓ Client gebaut"
+
+# Kopiere gebaute Client-Dateien
+echo ""
+echo "Kopiere gebaute Client-Dateien..."
+if [ -d "$TARGET_DIR/docroot/dist" ]; then
+    rm -rf "$TARGET_DIR/docroot/dist"
+fi
+cp -r "$SOURCE_DIR/client/dist" "$TARGET_DIR/docroot/"
+chown -R $USER:$GROUP "$TARGET_DIR/docroot/dist"
+
+echo "✓ Client-Dateien kopiert"
+
+# Installiere multer falls nötig
+echo ""
+echo "Prüfe Dependencies..."
+cd "$TARGET_DIR"
+NPM_CACHE_DIR="$TARGET_DIR/.npm-cache"
+sudo -u $USER bash -c "cd '$TARGET_DIR' && HOME='$TARGET_DIR' npm config set cache '$NPM_CACHE_DIR' && npm install multer --save" 2>/dev/null || echo "multer bereits installiert"
+
+echo ""
+echo "=========================================="
+echo "Update abgeschlossen!"
+echo "=========================================="
+echo ""
+echo "Starte Service neu mit:"
+echo "  sudo systemctl restart ypchat"
+echo "  sudo systemctl status ypchat"
+echo ""
+
--- a/server/broadcast.js
+++ b/server/broadcast.js
@@ -66,7 +66,7 @@ export function getSessionIdForSocket(socketId) {
  return socketToSessionMap.get(socketId);
 }

-function extractSessionId(handshakeOrRequest) {
+export function extractSessionId(handshakeOrRequest) {
  // Unterstützt sowohl Socket.IO handshake als auch Express request
  const cookies = handshakeOrRequest.headers?.cookie || handshakeOrRequest.cookies || '';
  
--- a/server/routes.js
+++ b/server/routes.js
@@ -1,11 +1,16 @@
 import { readFileSync, writeFileSync, unlinkSync, existsSync, mkdirSync } from 'fs';
-import { join } from 'path';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
 import { parse } from 'csv-parse/sync';
 import multer from 'multer';
 import crypto from 'crypto';

 import axios from 'axios';
-import { getSessionStatus, getClientsMap, getSessionIdForSocket } from './broadcast.js';
+import { getSessionStatus, getClientsMap, getSessionIdForSocket, extractSessionId } from './broadcast.js';
+
+// __dirname für ES-Module
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);

 // Bild-Upload-Konfiguration (temporäres Verzeichnis)
 const uploadsDir = join(__dirname, '../tmp');
@@ -57,15 +62,76 @@ export function setupRoutes(app, __dirname) {
        return res.status(400).json({ error: 'Kein Bild hochgeladen' });
      }
      
-      // Prüfe, ob Benutzer eingeloggt ist
-      const sessionId = req.sessionID;
-      const clientsMap = getClientsMap();
-      const client = clientsMap.get(sessionId);
+      // WICHTIG: Modifiziere req.session, damit Express-Session das Cookie setzt
+      // (saveUninitialized: false bedeutet, dass das Cookie nur gesetzt wird, wenn req.session modifiziert wird)
+      if (!req.session.initialized) {
+        req.session.initialized = true;
+      }
      
+      // Prüfe, ob Benutzer eingeloggt ist
+      // Versuche zuerst, Session-ID aus Cookie zu extrahieren (wie beim Login)
+      let sessionId = extractSessionId(req);
+      
+      // Wenn extractSessionId eine UUID generiert hat (kein Cookie gefunden),
+      // versuche req.sessionID zu verwenden
+      const isUUID = sessionId && sessionId.length === 36 && sessionId.match(/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i);
+      
+      if (isUUID) {
+        // extractSessionId hat eine UUID generiert, verwende req.sessionID stattdessen
+        sessionId = req.sessionID;
+        if (sessionId && sessionId.startsWith('s:')) {
+          const parts = sessionId.split('.');
+          if (parts.length > 0) {
+            sessionId = parts[0].substring(2); // Entferne 's:' Präfix
+          }
+        }
+      }
+      
+      console.log(`[Bild-Upload] Session-ID: ${sessionId}, req.sessionID (roh): ${req.sessionID}, Cookie vorhanden: ${!isUUID}, Alle Clients:`, Array.from(getClientsMap().keys()));
+      
+      const clientsMap = getClientsMap();
+      let client = clientsMap.get(sessionId);
+      
+      // Wenn kein Client gefunden wurde und req.sessionID vorhanden ist, versuche auch mit bereinigter req.sessionID
+      if (!client && req.sessionID) {
+        const cleanedSessionId = req.sessionID.startsWith('s:') ? req.sessionID.split('.')[0].substring(2) : req.sessionID;
+        if (cleanedSessionId !== sessionId) {
+          client = clientsMap.get(cleanedSessionId);
+          if (client) {
+            console.log(`[Bild-Upload] Client gefunden mit bereinigter req.sessionID: ${cleanedSessionId}`);
+            sessionId = cleanedSessionId;
+          }
+        }
+      }
+      
+      // Wenn kein Client gefunden wurde, versuche Fallback: Finde den zuletzt aktiven Client mit aktivem Socket
      if (!client || !client.userName) {
-        // Lösche hochgeladenes Bild, wenn nicht eingeloggt
-        unlinkSync(req.file.path);
-        return res.status(401).json({ error: 'Nicht eingeloggt' });
+        console.log(`[Bild-Upload] Client nicht gefunden für Session-ID: ${sessionId}`);
+        console.log(`[Bild-Upload] Cookies: ${req.headers.cookie || 'keine'}`);
+        
+        // Fallback: Suche nach dem zuletzt aktiven Client mit aktivem Socket
+        let fallbackClient = null;
+        let latestActivity = 0;
+        
+        for (const [sid, c] of clientsMap.entries()) {
+          if (c.userName && c.socket && c.socket.connected) {
+            const activityTime = c.lastActivity ? c.lastActivity.getTime() : 0;
+            if (activityTime > latestActivity) {
+              latestActivity = activityTime;
+              fallbackClient = c;
+            }
+          }
+        }
+        
+        // Wenn ein Fallback-Client gefunden wurde und er kürzlich aktiv war (innerhalb der letzten 5 Minuten)
+        if (fallbackClient && latestActivity > Date.now() - 5 * 60 * 1000) {
+          console.log(`[Bild-Upload] Fallback: Verwende zuletzt aktiven Client: ${fallbackClient.userName} (Session-ID: ${fallbackClient.sessionId})`);
+          client = fallbackClient;
+        } else {
+          // Lösche hochgeladenes Bild, wenn nicht eingeloggt
+          unlinkSync(req.file.path);
+          return res.status(401).json({ error: 'Nicht eingeloggt' });
+        }
      }
      
      // Generiere eindeutigen Code für das Bild
@@ -170,6 +236,12 @@ export function setupRoutes(app, __dirname) {
  // Session-Status-Endpoint
  app.get('/api/session', (req, res) => {
    try {
+      // WICHTIG: Modifiziere req.session, damit Express-Session das Cookie setzt
+      // (saveUninitialized: false bedeutet, dass das Cookie nur gesetzt wird, wenn req.session modifiziert wird)
+      if (!req.session.initialized) {
+        req.session.initialized = true;
+      }
+      
      const sessionId = req.sessionID;
      console.log('Session-Check - SessionID:', sessionId);
      console.log('Session-Check - Alle Clients:', Array.from(getClientsMap().keys()));
Author	SHA1	Message	Date
Torsten Schulz (local)	283880dc7d	Add visual feedback for unread messages in the menu. Implement a pulsing animation and color change for the inbox button when there are unread chats. Also, add sound notification for new messages received, enhancing user experience.	2025-12-05 11:54:33 +01:00
Torsten Schulz (local)	38f7eecfd7	Update menu button styles in CSS to enforce consistent appearance with !important rules. Adjust padding, margin, and display properties for improved layout and responsiveness.	2025-12-05 11:42:17 +01:00
Torsten Schulz (local)	240316a063	Add styles for menu button in CSS to enhance visual appearance. Set text color to white, background to transparent, and remove border for a cleaner look.	2025-12-05 11:38:14 +01:00
Torsten Schulz (local)	daffaacea7	Enhance session management in image upload route by initializing req.session to ensure cookie setting. Implement fallback logic to retrieve the most recently active client if the initial client lookup fails, improving user authentication robustness during uploads.	2025-12-05 11:34:57 +01:00
Torsten Schulz (local)	c998e32825	Enhance session ID handling in image upload route by refining extraction logic to prioritize cookie-based session IDs and fall back to req.sessionID when necessary. Improve logging for better debugging and client lookup, ensuring a more robust user authentication process during uploads.	2025-12-05 11:24:52 +01:00
Torsten Schulz (local)	0b82a47a69	Refactor session ID extraction by exporting the extractSessionId function from broadcast.js. Update routes.js to utilize this function for consistent session ID handling during image uploads, improving code clarity and maintainability.	2025-12-05 11:15:43 +01:00
Torsten Schulz (local)	669885c25c	Enhance session ID handling in image upload route by extracting and logging the session ID without the 's:' prefix. Improve client lookup error logging for better debugging during image uploads.	2025-12-05 11:09:06 +01:00
Torsten Schulz (local)	ffe7fabaca	Add support for __dirname in ES modules by importing dirname and fileURLToPath. This change enables correct path resolution for file uploads, enhancing the image upload functionality.	2025-12-05 11:04:22 +01:00
Torsten Schulz (local)	61a4b4738b	Update dependencies in package.json and package-lock.json to lower versions, including @vitejs/plugin-vue (5.0.4) and vite (5.4.11). Downgrade esbuild and related packages to version 0.21.5, ensuring compatibility with Node.js 12 or higher. Remove unused dev dependencies to streamline project dependencies.	2025-12-05 11:02:17 +01:00
Torsten Schulz (local)	8d2189dd7a	Refactor broadcast.js to improve logging functionality by consolidating log message formatting and enhancing error handling. This update ensures clearer log outputs and better management of log entries.	2025-12-05 11:00:10 +01:00