diff --git a/Backend/jest.config.js b/Backend/jest.config.js
deleted file mode 100644
index 89ba304b..00000000
--- a/Backend/jest.config.js
+++ /dev/null
@@ -1,22 +0,0 @@
-/** @type {import('jest').Config} */
-const config = {
-    preset: 'ts-jest',
-    testEnvironment: 'node',
-    roots: ['<rootDir>/tests'],
-    testMatch: ['**/*.test.ts'],
-    moduleNameMapper: {
-        '^@/(.*)$': '<rootDir>/src/$1'
-    },
-    clearMocks: true,
-    collectCoverageFrom: [
-        'src/**/*.ts',
-        '!src/**/*.d.ts',
-        '!src/generated/**',
-        '!src/server.ts'
-    ],
-    transform: {
-        '^.+\\.tsx?$': ['ts-jest', { tsconfig: './tsconfig.test.json' }]
-    }
-};
-
-module.exports = config;
diff --git a/Backend/package-lock.json b/Backend/package-lock.json
index 7891b301..87a6afa3 100644
--- a/Backend/package-lock.json
+++ b/Backend/package-lock.json
@@ -8,10 +8,10 @@
             "name": "e-learning-backend",
             "version": "1.0.0",
             "dependencies": {
-                "@node-rs/bcrypt": "^1.10.7",
                 "@pdf-lib/fontkit": "^1.1.1",
                 "@prisma/client": "^5.22.0",
                 "@tsoa/runtime": "^6.4.0",
+                "bcrypt": "^5.1.1",
                 "cors": "^2.8.5",
                 "dotenv": "^16.4.5",
                 "express": "^4.21.2",
@@ -33,7 +33,6 @@
                 "@types/bcrypt": "^5.0.2",
                 "@types/cors": "^2.8.17",
                 "@types/express": "^5.0.0",
-                "@types/jest": "^30.0.0",
                 "@types/jsonwebtoken": "^9.0.7",
                 "@types/multer": "^1.4.12",
                 "@types/node": "^22.10.5",
@@ -1365,37 +1364,6 @@
                 "kuler": "^2.0.0"
             }
         },
-        "node_modules/@emnapi/core": {
-            "version": "1.8.1",
-            "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.8.1.tgz",
-            "integrity": "sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg==",
-            "license": "MIT",
-            "optional": true,
-            "dependencies": {
-                "@emnapi/wasi-threads": "1.1.0",
-                "tslib": "^2.4.0"
-            }
-        },
-        "node_modules/@emnapi/runtime": {
-            "version": "1.8.1",
-            "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.8.1.tgz",
-            "integrity": "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==",
-            "license": "MIT",
-            "optional": true,
-            "dependencies": {
-                "tslib": "^2.4.0"
-            }
-        },
-        "node_modules/@emnapi/wasi-threads": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz",
-            "integrity": "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==",
-            "license": "MIT",
-            "optional": true,
-            "dependencies": {
-                "tslib": "^2.4.0"
-            }
-        },
         "node_modules/@eslint-community/eslint-utils": {
             "version": "4.9.1",
             "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
@@ -2382,16 +2350,6 @@
                 }
             }
         },
-        "node_modules/@jest/diff-sequences": {
-            "version": "30.0.1",
-            "resolved": "https://registry.npmjs.org/@jest/diff-sequences/-/diff-sequences-30.0.1.tgz",
-            "integrity": "sha512-n5H8QLDJ47QqbCNn5SuFjCRDrOLEZ0h8vAHCK5RL9Ls7Xa8AQLa/YxAc9UjFqoEDM48muwtBGjtMY5cr0PLDCw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-            }
-        },
         "node_modules/@jest/environment": {
             "version": "29.7.0",
             "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-29.7.0.tgz",
@@ -2453,16 +2411,6 @@
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
-        "node_modules/@jest/get-type": {
-            "version": "30.1.0",
-            "resolved": "https://registry.npmjs.org/@jest/get-type/-/get-type-30.1.0.tgz",
-            "integrity": "sha512-eMbZE2hUnx1WV0pmURZY9XoXPkUYjpc55mb0CrhtdWLtzMQPFvu/rZkTLZFTsdaVQa+Tr4eWAteqcUzoawq/uA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-            }
-        },
         "node_modules/@jest/globals": {
             "version": "29.7.0",
             "resolved": "https://registry.npmjs.org/@jest/globals/-/globals-29.7.0.tgz",
@@ -2479,30 +2427,6 @@
                 "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
             }
         },
-        "node_modules/@jest/pattern": {
-            "version": "30.0.1",
-            "resolved": "https://registry.npmjs.org/@jest/pattern/-/pattern-30.0.1.tgz",
-            "integrity": "sha512-gWp7NfQW27LaBQz3TITS8L7ZCQ0TLvtmI//4OwlQRx4rnWxcPNIYjxZpDcN4+UlGxgm3jS5QPz8IPTCkb59wZA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/node": "*",
-                "jest-regex-util": "30.0.1"
-            },
-            "engines": {
-                "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-            }
-        },
-        "node_modules/@jest/pattern/node_modules/jest-regex-util": {
-            "version": "30.0.1",
-            "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-30.0.1.tgz",
-            "integrity": "sha512-jHEQgBXAgc+Gh4g0p3bCevgRCVRkB4VB70zhoAE48gxeSr1hfUOsM/C2WoJgVL7Eyg//hudYENbm3Ne+/dRVVA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-            }
-        },
         "node_modules/@jest/reporters": {
             "version": "29.7.0",
             "resolved": "https://registry.npmjs.org/@jest/reporters/-/reporters-29.7.0.tgz",
@@ -2702,16 +2626,24 @@
                 "@jridgewell/sourcemap-codec": "^1.4.14"
             }
         },
-        "node_modules/@napi-rs/wasm-runtime": {
-            "version": "0.2.12",
-            "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.12.tgz",
-            "integrity": "sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==",
-            "license": "MIT",
-            "optional": true,
+        "node_modules/@mapbox/node-pre-gyp": {
+            "version": "1.0.11",
+            "resolved": "https://registry.npmjs.org/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.11.tgz",
+            "integrity": "sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==",
+            "license": "BSD-3-Clause",
             "dependencies": {
-                "@emnapi/core": "^1.4.3",
-                "@emnapi/runtime": "^1.4.3",
-                "@tybys/wasm-util": "^0.10.0"
+                "detect-libc": "^2.0.0",
+                "https-proxy-agent": "^5.0.0",
+                "make-dir": "^3.1.0",
+                "node-fetch": "^2.6.7",
+                "nopt": "^5.0.0",
+                "npmlog": "^5.0.1",
+                "rimraf": "^3.0.2",
+                "semver": "^7.3.5",
+                "tar": "^6.1.11"
+            },
+            "bin": {
+                "node-pre-gyp": "bin/node-pre-gyp"
             }
         },
         "node_modules/@noble/hashes": {
@@ -2727,259 +2659,6 @@
                 "url": "https://paulmillr.com/funding/"
             }
         },
-        "node_modules/@node-rs/bcrypt": {
-            "version": "1.10.7",
-            "resolved": "https://registry.npmjs.org/@node-rs/bcrypt/-/bcrypt-1.10.7.tgz",
-            "integrity": "sha512-1wk0gHsUQC/ap0j6SJa2K34qNhomxXRcEe3T8cI5s+g6fgHBgLTN7U9LzWTG/HE6G4+2tWWLeCabk1wiYGEQSA==",
-            "license": "MIT",
-            "engines": {
-                "node": ">= 10"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/Brooooooklyn"
-            },
-            "optionalDependencies": {
-                "@node-rs/bcrypt-android-arm-eabi": "1.10.7",
-                "@node-rs/bcrypt-android-arm64": "1.10.7",
-                "@node-rs/bcrypt-darwin-arm64": "1.10.7",
-                "@node-rs/bcrypt-darwin-x64": "1.10.7",
-                "@node-rs/bcrypt-freebsd-x64": "1.10.7",
-                "@node-rs/bcrypt-linux-arm-gnueabihf": "1.10.7",
-                "@node-rs/bcrypt-linux-arm64-gnu": "1.10.7",
-                "@node-rs/bcrypt-linux-arm64-musl": "1.10.7",
-                "@node-rs/bcrypt-linux-x64-gnu": "1.10.7",
-                "@node-rs/bcrypt-linux-x64-musl": "1.10.7",
-                "@node-rs/bcrypt-wasm32-wasi": "1.10.7",
-                "@node-rs/bcrypt-win32-arm64-msvc": "1.10.7",
-                "@node-rs/bcrypt-win32-ia32-msvc": "1.10.7",
-                "@node-rs/bcrypt-win32-x64-msvc": "1.10.7"
-            }
-        },
-        "node_modules/@node-rs/bcrypt-android-arm-eabi": {
-            "version": "1.10.7",
-            "resolved": "https://registry.npmjs.org/@node-rs/bcrypt-android-arm-eabi/-/bcrypt-android-arm-eabi-1.10.7.tgz",
-            "integrity": "sha512-8dO6/PcbeMZXS3VXGEtct9pDYdShp2WBOWlDvSbcRwVqyB580aCBh0BEFmKYtXLzLvUK8Wf+CG3U6sCdILW1lA==",
-            "cpu": [
-                "arm"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@node-rs/bcrypt-android-arm64": {
-            "version": "1.10.7",
-            "resolved": "https://registry.npmjs.org/@node-rs/bcrypt-android-arm64/-/bcrypt-android-arm64-1.10.7.tgz",
-            "integrity": "sha512-UASFBS/CucEMHiCtL/2YYsAY01ZqVR1N7vSb94EOvG5iwW7BQO06kXXCTgj+Xbek9azxixrCUmo3WJnkJZ0hTQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@node-rs/bcrypt-darwin-arm64": {
-            "version": "1.10.7",
-            "resolved": "https://registry.npmjs.org/@node-rs/bcrypt-darwin-arm64/-/bcrypt-darwin-arm64-1.10.7.tgz",
-            "integrity": "sha512-DgzFdAt455KTuiJ/zYIyJcKFobjNDR/hnf9OS7pK5NRS13Nq4gLcSIIyzsgHwZHxsJWbLpHmFc1H23Y7IQoQBw==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@node-rs/bcrypt-darwin-x64": {
-            "version": "1.10.7",
-            "resolved": "https://registry.npmjs.org/@node-rs/bcrypt-darwin-x64/-/bcrypt-darwin-x64-1.10.7.tgz",
-            "integrity": "sha512-SPWVfQ6sxSokoUWAKWD0EJauvPHqOGQTd7CxmYatcsUgJ/bruvEHxZ4bIwX1iDceC3FkOtmeHO0cPwR480n/xA==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@node-rs/bcrypt-freebsd-x64": {
-            "version": "1.10.7",
-            "resolved": "https://registry.npmjs.org/@node-rs/bcrypt-freebsd-x64/-/bcrypt-freebsd-x64-1.10.7.tgz",
-            "integrity": "sha512-gpa+Ixs6GwEx6U6ehBpsQetzUpuAGuAFbOiuLB2oo4N58yU4AZz1VIcWyWAHrSWRs92O0SHtmo2YPrMrwfBbSw==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@node-rs/bcrypt-linux-arm-gnueabihf": {
-            "version": "1.10.7",
-            "resolved": "https://registry.npmjs.org/@node-rs/bcrypt-linux-arm-gnueabihf/-/bcrypt-linux-arm-gnueabihf-1.10.7.tgz",
-            "integrity": "sha512-kYgJnTnpxrzl9sxYqzflobvMp90qoAlaX1oDL7nhNTj8OYJVDIk0jQgblj0bIkjmoPbBed53OJY/iu4uTS+wig==",
-            "cpu": [
-                "arm"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@node-rs/bcrypt-linux-arm64-gnu": {
-            "version": "1.10.7",
-            "resolved": "https://registry.npmjs.org/@node-rs/bcrypt-linux-arm64-gnu/-/bcrypt-linux-arm64-gnu-1.10.7.tgz",
-            "integrity": "sha512-7cEkK2RA+gBCj2tCVEI1rDSJV40oLbSq7bQ+PNMHNI6jCoXGmj9Uzo7mg7ZRbNZ7piIyNH5zlJqutjo8hh/tmA==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@node-rs/bcrypt-linux-arm64-musl": {
-            "version": "1.10.7",
-            "resolved": "https://registry.npmjs.org/@node-rs/bcrypt-linux-arm64-musl/-/bcrypt-linux-arm64-musl-1.10.7.tgz",
-            "integrity": "sha512-X7DRVjshhwxUqzdUKDlF55cwzh+wqWJ2E/tILvZPboO3xaNO07Um568Vf+8cmKcz+tiZCGP7CBmKbBqjvKN/Pw==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@node-rs/bcrypt-linux-x64-gnu": {
-            "version": "1.10.7",
-            "resolved": "https://registry.npmjs.org/@node-rs/bcrypt-linux-x64-gnu/-/bcrypt-linux-x64-gnu-1.10.7.tgz",
-            "integrity": "sha512-LXRZsvG65NggPD12hn6YxVgH0W3VR5fsE/o1/o2D5X0nxKcNQGeLWnRzs5cP8KpoFOuk1ilctXQJn8/wq+Gn/Q==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@node-rs/bcrypt-linux-x64-musl": {
-            "version": "1.10.7",
-            "resolved": "https://registry.npmjs.org/@node-rs/bcrypt-linux-x64-musl/-/bcrypt-linux-x64-musl-1.10.7.tgz",
-            "integrity": "sha512-tCjHmct79OfcO3g5q21ME7CNzLzpw1MAsUXCLHLGWH+V6pp/xTvMbIcLwzkDj6TI3mxK6kehTn40SEjBkZ3Rog==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@node-rs/bcrypt-wasm32-wasi": {
-            "version": "1.10.7",
-            "resolved": "https://registry.npmjs.org/@node-rs/bcrypt-wasm32-wasi/-/bcrypt-wasm32-wasi-1.10.7.tgz",
-            "integrity": "sha512-4qXSihIKeVXYglfXZEq/QPtYtBUvR8d3S85k15Lilv3z5B6NSGQ9mYiNleZ7QHVLN2gEc5gmi7jM353DMH9GkA==",
-            "cpu": [
-                "wasm32"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "dependencies": {
-                "@napi-rs/wasm-runtime": "^0.2.5"
-            },
-            "engines": {
-                "node": ">=14.0.0"
-            }
-        },
-        "node_modules/@node-rs/bcrypt-win32-arm64-msvc": {
-            "version": "1.10.7",
-            "resolved": "https://registry.npmjs.org/@node-rs/bcrypt-win32-arm64-msvc/-/bcrypt-win32-arm64-msvc-1.10.7.tgz",
-            "integrity": "sha512-FdfUQrqmDfvC5jFhntMBkk8EI+fCJTx/I1v7Rj+Ezlr9rez1j1FmuUnywbBj2Cg15/0BDhwYdbyZ5GCMFli2aQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@node-rs/bcrypt-win32-ia32-msvc": {
-            "version": "1.10.7",
-            "resolved": "https://registry.npmjs.org/@node-rs/bcrypt-win32-ia32-msvc/-/bcrypt-win32-ia32-msvc-1.10.7.tgz",
-            "integrity": "sha512-lZLf4Cx+bShIhU071p5BZft4OvP4PGhyp542EEsb3zk34U5GLsGIyCjOafcF/2DGewZL6u8/aqoxbSuROkgFXg==",
-            "cpu": [
-                "ia32"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@node-rs/bcrypt-win32-x64-msvc": {
-            "version": "1.10.7",
-            "resolved": "https://registry.npmjs.org/@node-rs/bcrypt-win32-x64-msvc/-/bcrypt-win32-x64-msvc-1.10.7.tgz",
-            "integrity": "sha512-hdw7tGmN1DxVAMTzICLdaHpXjy+4rxaxnBMgI8seG1JL5e3VcRGsd1/1vVDogVp2cbsmgq+6d6yAY+D9lW/DCg==",
-            "cpu": [
-                "x64"
-            ],
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
         "node_modules/@paralleldrive/cuid2": {
             "version": "2.3.1",
             "resolved": "https://registry.npmjs.org/@paralleldrive/cuid2/-/cuid2-2.3.1.tgz",
@@ -3920,16 +3599,6 @@
                 "yarn": ">=1.9.4"
             }
         },
-        "node_modules/@tybys/wasm-util": {
-            "version": "0.10.1",
-            "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
-            "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
-            "license": "MIT",
-            "optional": true,
-            "dependencies": {
-                "tslib": "^2.4.0"
-            }
-        },
         "node_modules/@types/accepts": {
             "version": "1.3.7",
             "resolved": "https://registry.npmjs.org/@types/accepts/-/accepts-1.3.7.tgz",
@@ -4120,230 +3789,6 @@
                 "@types/istanbul-lib-report": "*"
             }
         },
-        "node_modules/@types/jest": {
-            "version": "30.0.0",
-            "resolved": "https://registry.npmjs.org/@types/jest/-/jest-30.0.0.tgz",
-            "integrity": "sha512-XTYugzhuwqWjws0CVz8QpM36+T+Dz5mTEBKhNs/esGLnCIlGdRy+Dq78NRjd7ls7r8BC8ZRMOrKlkO1hU0JOwA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "expect": "^30.0.0",
-                "pretty-format": "^30.0.0"
-            }
-        },
-        "node_modules/@types/jest/node_modules/@jest/expect-utils": {
-            "version": "30.2.0",
-            "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-30.2.0.tgz",
-            "integrity": "sha512-1JnRfhqpD8HGpOmQp180Fo9Zt69zNtC+9lR+kT7NVL05tNXIi+QC8Csz7lfidMoVLPD3FnOtcmp0CEFnxExGEA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jest/get-type": "30.1.0"
-            },
-            "engines": {
-                "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-            }
-        },
-        "node_modules/@types/jest/node_modules/@jest/schemas": {
-            "version": "30.0.5",
-            "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-30.0.5.tgz",
-            "integrity": "sha512-DmdYgtezMkh3cpU8/1uyXakv3tJRcmcXxBOcO0tbaozPwpmh4YMsnWrQm9ZmZMfa5ocbxzbFk6O4bDPEc/iAnA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@sinclair/typebox": "^0.34.0"
-            },
-            "engines": {
-                "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-            }
-        },
-        "node_modules/@types/jest/node_modules/@jest/types": {
-            "version": "30.2.0",
-            "resolved": "https://registry.npmjs.org/@jest/types/-/types-30.2.0.tgz",
-            "integrity": "sha512-H9xg1/sfVvyfU7o3zMfBEjQ1gcsdeTMgqHoYdN79tuLqfTtuu7WckRA1R5whDwOzxaZAeMKTYWqP+WCAi0CHsg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jest/pattern": "30.0.1",
-                "@jest/schemas": "30.0.5",
-                "@types/istanbul-lib-coverage": "^2.0.6",
-                "@types/istanbul-reports": "^3.0.4",
-                "@types/node": "*",
-                "@types/yargs": "^17.0.33",
-                "chalk": "^4.1.2"
-            },
-            "engines": {
-                "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-            }
-        },
-        "node_modules/@types/jest/node_modules/@sinclair/typebox": {
-            "version": "0.34.48",
-            "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.34.48.tgz",
-            "integrity": "sha512-kKJTNuK3AQOrgjjotVxMrCn1sUJwM76wMszfq1kdU4uYVJjvEWuFQ6HgvLt4Xz3fSmZlTOxJ/Ie13KnIcWQXFA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/jest/node_modules/ansi-styles": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-            "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/@types/jest/node_modules/ci-info": {
-            "version": "4.4.0",
-            "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-4.4.0.tgz",
-            "integrity": "sha512-77PSwercCZU2Fc4sX94eF8k8Pxte6JAwL4/ICZLFjJLqegs7kCuAsqqj/70NQF6TvDpgFjkubQB2FW2ZZddvQg==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/sibiraj-s"
-                }
-            ],
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/@types/jest/node_modules/expect": {
-            "version": "30.2.0",
-            "resolved": "https://registry.npmjs.org/expect/-/expect-30.2.0.tgz",
-            "integrity": "sha512-u/feCi0GPsI+988gU2FLcsHyAHTU0MX1Wg68NhAnN7z/+C5wqG+CY8J53N9ioe8RXgaoz0nBR/TYMf3AycUuPw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jest/expect-utils": "30.2.0",
-                "@jest/get-type": "30.1.0",
-                "jest-matcher-utils": "30.2.0",
-                "jest-message-util": "30.2.0",
-                "jest-mock": "30.2.0",
-                "jest-util": "30.2.0"
-            },
-            "engines": {
-                "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-            }
-        },
-        "node_modules/@types/jest/node_modules/jest-diff": {
-            "version": "30.2.0",
-            "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-30.2.0.tgz",
-            "integrity": "sha512-dQHFo3Pt4/NLlG5z4PxZ/3yZTZ1C7s9hveiOj+GCN+uT109NC2QgsoVZsVOAvbJ3RgKkvyLGXZV9+piDpWbm6A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jest/diff-sequences": "30.0.1",
-                "@jest/get-type": "30.1.0",
-                "chalk": "^4.1.2",
-                "pretty-format": "30.2.0"
-            },
-            "engines": {
-                "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-            }
-        },
-        "node_modules/@types/jest/node_modules/jest-matcher-utils": {
-            "version": "30.2.0",
-            "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-30.2.0.tgz",
-            "integrity": "sha512-dQ94Nq4dbzmUWkQ0ANAWS9tBRfqCrn0bV9AMYdOi/MHW726xn7eQmMeRTpX2ViC00bpNaWXq+7o4lIQ3AX13Hg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jest/get-type": "30.1.0",
-                "chalk": "^4.1.2",
-                "jest-diff": "30.2.0",
-                "pretty-format": "30.2.0"
-            },
-            "engines": {
-                "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-            }
-        },
-        "node_modules/@types/jest/node_modules/jest-message-util": {
-            "version": "30.2.0",
-            "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-30.2.0.tgz",
-            "integrity": "sha512-y4DKFLZ2y6DxTWD4cDe07RglV88ZiNEdlRfGtqahfbIjfsw1nMCPx49Uev4IA/hWn3sDKyAnSPwoYSsAEdcimw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@babel/code-frame": "^7.27.1",
-                "@jest/types": "30.2.0",
-                "@types/stack-utils": "^2.0.3",
-                "chalk": "^4.1.2",
-                "graceful-fs": "^4.2.11",
-                "micromatch": "^4.0.8",
-                "pretty-format": "30.2.0",
-                "slash": "^3.0.0",
-                "stack-utils": "^2.0.6"
-            },
-            "engines": {
-                "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-            }
-        },
-        "node_modules/@types/jest/node_modules/jest-mock": {
-            "version": "30.2.0",
-            "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-30.2.0.tgz",
-            "integrity": "sha512-JNNNl2rj4b5ICpmAcq+WbLH83XswjPbjH4T7yvGzfAGCPh1rw+xVNbtk+FnRslvt9lkCcdn9i1oAoKUuFsOxRw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jest/types": "30.2.0",
-                "@types/node": "*",
-                "jest-util": "30.2.0"
-            },
-            "engines": {
-                "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-            }
-        },
-        "node_modules/@types/jest/node_modules/jest-util": {
-            "version": "30.2.0",
-            "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-30.2.0.tgz",
-            "integrity": "sha512-QKNsM0o3Xe6ISQU869e+DhG+4CK/48aHYdJZGlFQVTjnbvgpcKyxpzk29fGiO7i/J8VENZ+d2iGnSsvmuHywlA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jest/types": "30.2.0",
-                "@types/node": "*",
-                "chalk": "^4.1.2",
-                "ci-info": "^4.2.0",
-                "graceful-fs": "^4.2.11",
-                "picomatch": "^4.0.2"
-            },
-            "engines": {
-                "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-            }
-        },
-        "node_modules/@types/jest/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/@types/jest/node_modules/pretty-format": {
-            "version": "30.2.0",
-            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-30.2.0.tgz",
-            "integrity": "sha512-9uBdv/B4EefsuAL+pWqueZyZS2Ba+LxfFeQ9DN14HU4bN8bhaxKdkpjpB6fs9+pSjIBu+FXQHImEg8j/Lw0+vA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jest/schemas": "30.0.5",
-                "ansi-styles": "^5.2.0",
-                "react-is": "^18.3.1"
-            },
-            "engines": {
-                "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
-            }
-        },
         "node_modules/@types/json-schema": {
             "version": "7.0.15",
             "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
@@ -4741,6 +4186,12 @@
             "license": "(Unlicense OR Apache-2.0)",
             "optional": true
         },
+        "node_modules/abbrev": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+            "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+            "license": "ISC"
+        },
         "node_modules/accepts": {
             "version": "1.3.8",
             "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
@@ -4777,6 +4228,18 @@
                 "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
             }
         },
+        "node_modules/agent-base": {
+            "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+            "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+            "license": "MIT",
+            "dependencies": {
+                "debug": "4"
+            },
+            "engines": {
+                "node": ">= 6.0.0"
+            }
+        },
         "node_modules/ajv": {
             "version": "6.12.6",
             "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -4854,6 +4317,26 @@
             "integrity": "sha512-klpgFSWLW1ZEs8svjfb7g4qWY0YS5imI82dTg+QahUvJ8YqAY0P10Uk8tTyh9ZGuYEZEMaeJYCF5BFuX552hsw==",
             "license": "MIT"
         },
+        "node_modules/aproba": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.1.0.tgz",
+            "integrity": "sha512-tLIEcj5GuR2RSTnxNKdkK0dJ/GrC7P38sUkiDmDuHfsHmbagTFAxDVIBltoklXEVIQ/f14IL8IMJ5pn9Hez1Ew==",
+            "license": "ISC"
+        },
+        "node_modules/are-we-there-yet": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
+            "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
+            "deprecated": "This package is no longer supported.",
+            "license": "ISC",
+            "dependencies": {
+                "delegates": "^1.0.0",
+                "readable-stream": "^3.6.0"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
         "node_modules/argparse": {
             "version": "2.0.1",
             "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -5044,6 +4527,20 @@
                 "baseline-browser-mapping": "dist/cli.js"
             }
         },
+        "node_modules/bcrypt": {
+            "version": "5.1.1",
+            "resolved": "https://registry.npmjs.org/bcrypt/-/bcrypt-5.1.1.tgz",
+            "integrity": "sha512-AGBHOG5hPYZ5Xl9KXzU5iKq9516yEmvCKDg3ecP5kX2aB6UqTeXZxk2ELnDgDm6BQSMlLt9rDB4LoSMx0rYwww==",
+            "hasInstallScript": true,
+            "license": "MIT",
+            "dependencies": {
+                "@mapbox/node-pre-gyp": "^1.0.11",
+                "node-addon-api": "^5.0.0"
+            },
+            "engines": {
+                "node": ">= 10.0.0"
+            }
+        },
         "node_modules/binary-extensions": {
             "version": "2.3.0",
             "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
@@ -5391,6 +4888,15 @@
                 "node": ">= 6"
             }
         },
+        "node_modules/chownr": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
+            "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
+            "license": "ISC",
+            "engines": {
+                "node": ">=10"
+            }
+        },
         "node_modules/ci-info": {
             "version": "3.9.0",
             "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
@@ -5507,6 +5013,15 @@
                 "node": ">=12.20"
             }
         },
+        "node_modules/color-support": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
+            "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
+            "license": "ISC",
+            "bin": {
+                "color-support": "bin.js"
+            }
+        },
         "node_modules/color/node_modules/color-convert": {
             "version": "3.1.3",
             "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-3.1.3.tgz",
@@ -5555,7 +5070,6 @@
             "version": "0.0.1",
             "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
             "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-            "dev": true,
             "license": "MIT"
         },
         "node_modules/concat-stream": {
@@ -5603,6 +5117,12 @@
                 "safe-buffer": "~5.1.0"
             }
         },
+        "node_modules/console-control-strings": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
+            "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==",
+            "license": "ISC"
+        },
         "node_modules/content-disposition": {
             "version": "0.5.4",
             "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
@@ -5712,7 +5232,6 @@
             "version": "4.4.3",
             "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
             "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
-            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "ms": "^2.1.3"
@@ -5794,6 +5313,12 @@
                 "node": ">=0.4.0"
             }
         },
+        "node_modules/delegates": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+            "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
+            "license": "MIT"
+        },
         "node_modules/depd": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
@@ -5813,6 +5338,15 @@
                 "npm": "1.2.8000 || >= 1.4.16"
             }
         },
+        "node_modules/detect-libc": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+            "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+            "license": "Apache-2.0",
+            "engines": {
+                "node": ">=8"
+            }
+        },
         "node_modules/detect-newline": {
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
@@ -6669,11 +6203,40 @@
                 "node": ">=14.14"
             }
         },
+        "node_modules/fs-minipass": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
+            "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+            "license": "ISC",
+            "dependencies": {
+                "minipass": "^3.0.0"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/fs-minipass/node_modules/minipass": {
+            "version": "3.3.6",
+            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+            "license": "ISC",
+            "dependencies": {
+                "yallist": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/fs-minipass/node_modules/yallist": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+            "license": "ISC"
+        },
         "node_modules/fs.realpath": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
             "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-            "dev": true,
             "license": "ISC"
         },
         "node_modules/fsevents": {
@@ -6700,6 +6263,27 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/gauge": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz",
+            "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==",
+            "deprecated": "This package is no longer supported.",
+            "license": "ISC",
+            "dependencies": {
+                "aproba": "^1.0.3 || ^2.0.0",
+                "color-support": "^1.1.2",
+                "console-control-strings": "^1.0.0",
+                "has-unicode": "^2.0.1",
+                "object-assign": "^4.1.1",
+                "signal-exit": "^3.0.0",
+                "string-width": "^4.2.3",
+                "strip-ansi": "^6.0.1",
+                "wide-align": "^1.1.2"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
         "node_modules/generator-function": {
             "version": "2.0.1",
             "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
@@ -6802,7 +6386,6 @@
             "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
             "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
             "deprecated": "Glob versions prior to v9 are no longer supported",
-            "dev": true,
             "license": "ISC",
             "dependencies": {
                 "fs.realpath": "^1.0.0",
@@ -6836,7 +6419,6 @@
             "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,
             "license": "MIT",
             "dependencies": {
                 "balanced-match": "^1.0.0",
@@ -6847,7 +6429,6 @@
             "version": "3.1.2",
             "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
             "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-            "dev": true,
             "license": "ISC",
             "dependencies": {
                 "brace-expansion": "^1.1.7"
@@ -6957,6 +6538,12 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/has-unicode": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
+            "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
+            "license": "ISC"
+        },
         "node_modules/hasown": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
@@ -7005,6 +6592,19 @@
                 "url": "https://opencollective.com/express"
             }
         },
+        "node_modules/https-proxy-agent": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+            "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+            "license": "MIT",
+            "dependencies": {
+                "agent-base": "6",
+                "debug": "4"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
         "node_modules/human-signals": {
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
@@ -7096,7 +6696,6 @@
             "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
             "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
             "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
-            "dev": true,
             "license": "ISC",
             "dependencies": {
                 "once": "^1.3.0",
@@ -8311,6 +7910,30 @@
                 "yallist": "^3.0.2"
             }
         },
+        "node_modules/make-dir": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+            "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+            "license": "MIT",
+            "dependencies": {
+                "semver": "^6.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/make-dir/node_modules/semver": {
+            "version": "6.3.1",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+            "license": "ISC",
+            "bin": {
+                "semver": "bin/semver.js"
+            }
+        },
         "node_modules/make-error": {
             "version": "1.3.6",
             "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
@@ -8501,6 +8124,37 @@
                 "node": ">=8"
             }
         },
+        "node_modules/minizlib": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
+            "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+            "license": "MIT",
+            "dependencies": {
+                "minipass": "^3.0.0",
+                "yallist": "^4.0.0"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/minizlib/node_modules/minipass": {
+            "version": "3.3.6",
+            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+            "license": "ISC",
+            "dependencies": {
+                "yallist": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/minizlib/node_modules/yallist": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+            "license": "ISC"
+        },
         "node_modules/mkdirp": {
             "version": "0.5.6",
             "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
@@ -8560,6 +8214,32 @@
             "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
             "license": "MIT"
         },
+        "node_modules/node-addon-api": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-5.1.0.tgz",
+            "integrity": "sha512-eh0GgfEkpnoWDq+VY8OyvYhFEzBk6jIYbRKdIlyTiAXIVJ8PyBaKb0rp7oDtoddbdoHWhq8wwr+XZ81F1rpNdA==",
+            "license": "MIT"
+        },
+        "node_modules/node-fetch": {
+            "version": "2.7.0",
+            "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+            "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+            "license": "MIT",
+            "dependencies": {
+                "whatwg-url": "^5.0.0"
+            },
+            "engines": {
+                "node": "4.x || >=6.0.0"
+            },
+            "peerDependencies": {
+                "encoding": "^0.1.0"
+            },
+            "peerDependenciesMeta": {
+                "encoding": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/node-int64": {
             "version": "0.4.0",
             "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
@@ -8659,6 +8339,21 @@
                 "node": ">=4"
             }
         },
+        "node_modules/nopt": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz",
+            "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==",
+            "license": "ISC",
+            "dependencies": {
+                "abbrev": "1"
+            },
+            "bin": {
+                "nopt": "bin/nopt.js"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
         "node_modules/normalize-path": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -8682,6 +8377,19 @@
                 "node": ">=8"
             }
         },
+        "node_modules/npmlog": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz",
+            "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==",
+            "deprecated": "This package is no longer supported.",
+            "license": "ISC",
+            "dependencies": {
+                "are-we-there-yet": "^2.0.0",
+                "console-control-strings": "^1.1.0",
+                "gauge": "^3.0.0",
+                "set-blocking": "^2.0.0"
+            }
+        },
         "node_modules/object-assign": {
             "version": "4.1.1",
             "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -8719,7 +8427,6 @@
             "version": "1.4.0",
             "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
             "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-            "dev": true,
             "license": "ISC",
             "dependencies": {
                 "wrappy": "1"
@@ -8877,7 +8584,6 @@
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
             "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=0.10.0"
@@ -9390,6 +9096,22 @@
                 "node": ">=10"
             }
         },
+        "node_modules/rimraf": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+            "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+            "deprecated": "Rimraf versions prior to v4 are no longer supported",
+            "license": "ISC",
+            "dependencies": {
+                "glob": "^7.1.3"
+            },
+            "bin": {
+                "rimraf": "bin.js"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
+            }
+        },
         "node_modules/safe-buffer": {
             "version": "5.2.1",
             "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
@@ -9517,6 +9239,12 @@
                 "node": ">= 0.8.0"
             }
         },
+        "node_modules/set-blocking": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+            "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+            "license": "ISC"
+        },
         "node_modules/set-function-length": {
             "version": "1.2.2",
             "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
@@ -9637,7 +9365,6 @@
             "version": "3.0.7",
             "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
             "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-            "dev": true,
             "license": "ISC"
         },
         "node_modules/simple-update-notifier": {
@@ -10010,6 +9737,41 @@
                 "express": ">=4.0.0 || >=5.0.0-beta"
             }
         },
+        "node_modules/tar": {
+            "version": "6.2.1",
+            "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",
+            "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
+            "license": "ISC",
+            "dependencies": {
+                "chownr": "^2.0.0",
+                "fs-minipass": "^2.0.0",
+                "minipass": "^5.0.0",
+                "minizlib": "^2.1.1",
+                "mkdirp": "^1.0.3",
+                "yallist": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/tar/node_modules/mkdirp": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+            "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+            "license": "MIT",
+            "bin": {
+                "mkdirp": "bin/cmd.js"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/tar/node_modules/yallist": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+            "license": "ISC"
+        },
         "node_modules/test-exclude": {
             "version": "6.0.0",
             "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
@@ -10151,6 +9913,12 @@
                 "nodetouch": "bin/nodetouch.js"
             }
         },
+        "node_modules/tr46": {
+            "version": "0.0.3",
+            "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+            "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+            "license": "MIT"
+        },
         "node_modules/triple-beam": {
             "version": "1.4.1",
             "resolved": "https://registry.npmjs.org/triple-beam/-/triple-beam-1.4.1.tgz",
@@ -10277,7 +10045,7 @@
             "version": "2.8.1",
             "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
             "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-            "devOptional": true,
+            "dev": true,
             "license": "0BSD"
         },
         "node_modules/tsoa": {
@@ -10533,6 +10301,22 @@
                 "@zxing/text-encoding": "0.9.0"
             }
         },
+        "node_modules/webidl-conversions": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+            "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+            "license": "BSD-2-Clause"
+        },
+        "node_modules/whatwg-url": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+            "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+            "license": "MIT",
+            "dependencies": {
+                "tr46": "~0.0.3",
+                "webidl-conversions": "^3.0.0"
+            }
+        },
         "node_modules/which": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -10569,6 +10353,15 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/wide-align": {
+            "version": "1.1.5",
+            "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz",
+            "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
+            "license": "ISC",
+            "dependencies": {
+                "string-width": "^1.0.2 || 2 || 3 || 4"
+            }
+        },
         "node_modules/winston": {
             "version": "3.19.0",
             "resolved": "https://registry.npmjs.org/winston/-/winston-3.19.0.tgz",
@@ -10660,7 +10453,6 @@
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
             "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-            "dev": true,
             "license": "ISC"
         },
         "node_modules/write-file-atomic": {
diff --git a/Backend/package.json b/Backend/package.json
index 8f71c83c..392d6b82 100644
--- a/Backend/package.json
+++ b/Backend/package.json
@@ -44,7 +44,6 @@
         "@types/bcrypt": "^5.0.2",
         "@types/cors": "^2.8.17",
         "@types/express": "^5.0.0",
-        "@types/jest": "^30.0.0",
         "@types/jsonwebtoken": "^9.0.7",
         "@types/multer": "^1.4.12",
         "@types/node": "^22.10.5",
diff --git a/Backend/pnpm-lock.yaml b/Backend/pnpm-lock.yaml
index a30e07ad..f7f8d01b 100644
--- a/Backend/pnpm-lock.yaml
+++ b/Backend/pnpm-lock.yaml
@@ -78,9 +78,6 @@ importers:
       '@types/express':
         specifier: ^5.0.0
         version: 5.0.6
-      '@types/jest':
-        specifier: ^30.0.0
-        version: 30.0.0
       '@types/jsonwebtoken':
         specifier: ^9.0.7
         version: 9.0.10
@@ -122,7 +119,7 @@ importers:
         version: 7.2.2
       ts-jest:
         specifier: ^29.2.5
-        version: 29.4.6(@babel/core@7.28.5)(@jest/transform@29.7.0)(@jest/types@30.2.0)(babel-jest@29.7.0(@babel/core@7.28.5))(jest-util@30.2.0)(jest@29.7.0(@types/node@22.19.5))(typescript@5.9.3)
+        version: 29.4.6(@babel/core@7.28.5)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.28.5))(jest-util@29.7.0)(jest@29.7.0(@types/node@22.19.5))(typescript@5.9.3)
       tsconfig-paths:
         specifier: ^4.2.0
         version: 4.2.0
@@ -618,10 +615,6 @@ packages:
       node-notifier:
         optional: true
 
-  '@jest/diff-sequences@30.0.1':
-    resolution: {integrity: sha512-n5H8QLDJ47QqbCNn5SuFjCRDrOLEZ0h8vAHCK5RL9Ls7Xa8AQLa/YxAc9UjFqoEDM48muwtBGjtMY5cr0PLDCw==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   '@jest/environment@29.7.0':
     resolution: {integrity: sha512-aQIfHDq33ExsN4jP1NWGXhxgQ/wixs60gDiKO+XVMd8Mn0NWPWgc34ZQDTb2jKaUWQ7MuwoitXAsN2XVXNMpAw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -630,10 +623,6 @@ packages:
     resolution: {integrity: sha512-GlsNBWiFQFCVi9QVSx7f5AgMeLxe9YCCs5PuP2O2LdjDAA8Jh9eX7lA1Jq/xdXw3Wb3hyvlFNfZIfcRetSzYcA==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  '@jest/expect-utils@30.2.0':
-    resolution: {integrity: sha512-1JnRfhqpD8HGpOmQp180Fo9Zt69zNtC+9lR+kT7NVL05tNXIi+QC8Csz7lfidMoVLPD3FnOtcmp0CEFnxExGEA==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   '@jest/expect@29.7.0':
     resolution: {integrity: sha512-8uMeAMycttpva3P1lBHB8VciS9V0XAr3GymPpipdyQXbBcuhkLQOSe8E/p92RyAdToS6ZD1tFkX+CkhoECE0dQ==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -642,18 +631,10 @@ packages:
     resolution: {integrity: sha512-q4DH1Ha4TTFPdxLsqDXK1d3+ioSL7yL5oCMJZgDYm6i+6CygW5E5xVr/D1HdsGxjt1ZWSfUAs9OxSB/BNelWrQ==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  '@jest/get-type@30.1.0':
-    resolution: {integrity: sha512-eMbZE2hUnx1WV0pmURZY9XoXPkUYjpc55mb0CrhtdWLtzMQPFvu/rZkTLZFTsdaVQa+Tr4eWAteqcUzoawq/uA==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   '@jest/globals@29.7.0':
     resolution: {integrity: sha512-mpiz3dutLbkW2MNFubUGUEVLkTGiqW6yLVTA+JbP6fI6J5iL9Y0Nlg8k95pcF8ctKwCS7WVxteBs29hhfAotzQ==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  '@jest/pattern@30.0.1':
-    resolution: {integrity: sha512-gWp7NfQW27LaBQz3TITS8L7ZCQ0TLvtmI//4OwlQRx4rnWxcPNIYjxZpDcN4+UlGxgm3jS5QPz8IPTCkb59wZA==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   '@jest/reporters@29.7.0':
     resolution: {integrity: sha512-DApq0KJbJOEzAFYjHADNNxAE3KbhxQB1y5Kplb5Waqw6zVbuWatSnMjE5gs8FUgEPmNsnZA3NCWl9NG0ia04Pg==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -667,10 +648,6 @@ packages:
     resolution: {integrity: sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  '@jest/schemas@30.0.5':
-    resolution: {integrity: sha512-DmdYgtezMkh3cpU8/1uyXakv3tJRcmcXxBOcO0tbaozPwpmh4YMsnWrQm9ZmZMfa5ocbxzbFk6O4bDPEc/iAnA==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   '@jest/source-map@29.6.3':
     resolution: {integrity: sha512-MHjT95QuipcPrpLM+8JMSzFx6eHp5Bm+4XeFDJlwsvVBjmKNiIAvasGK2fxz2WbGRlnvqehFbh07MMa7n3YJnw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -691,10 +668,6 @@ packages:
     resolution: {integrity: sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  '@jest/types@30.2.0':
-    resolution: {integrity: sha512-H9xg1/sfVvyfU7o3zMfBEjQ1gcsdeTMgqHoYdN79tuLqfTtuu7WckRA1R5whDwOzxaZAeMKTYWqP+WCAi0CHsg==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   '@jridgewell/gen-mapping@0.3.13':
     resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
 
@@ -889,9 +862,6 @@ packages:
   '@sinclair/typebox@0.27.8':
     resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
 
-  '@sinclair/typebox@0.34.48':
-    resolution: {integrity: sha512-kKJTNuK3AQOrgjjotVxMrCn1sUJwM76wMszfq1kdU4uYVJjvEWuFQ6HgvLt4Xz3fSmZlTOxJ/Ie13KnIcWQXFA==}
-
   '@sinonjs/commons@3.0.1':
     resolution: {integrity: sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==}
 
@@ -1145,9 +1115,6 @@ packages:
   '@types/istanbul-reports@3.0.4':
     resolution: {integrity: sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==}
 
-  '@types/jest@30.0.0':
-    resolution: {integrity: sha512-XTYugzhuwqWjws0CVz8QpM36+T+Dz5mTEBKhNs/esGLnCIlGdRy+Dq78NRjd7ls7r8BC8ZRMOrKlkO1hU0JOwA==}
-
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
@@ -1466,10 +1433,6 @@ packages:
     resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
     engines: {node: '>=8'}
 
-  ci-info@4.4.0:
-    resolution: {integrity: sha512-77PSwercCZU2Fc4sX94eF8k8Pxte6JAwL4/ICZLFjJLqegs7kCuAsqqj/70NQF6TvDpgFjkubQB2FW2ZZddvQg==}
-    engines: {node: '>=8'}
-
   cjs-module-lexer@1.4.3:
     resolution: {integrity: sha512-9z8TZaGM1pfswYeXrUpzPrkx8UnWYdhJclsiYMm6x/w5+nN+8Tf/LnAgfLGQCm59qAOxU8WwHEq2vNwF6i4j+Q==}
 
@@ -1766,10 +1729,6 @@ packages:
     resolution: {integrity: sha512-2Zks0hf1VLFYI1kbh0I5jP3KHHyCHpkfyHBzsSXRFgl/Bg9mWYfMW8oD+PdMPlEwy5HNsR9JutYy6pMeOh61nw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  expect@30.2.0:
-    resolution: {integrity: sha512-u/feCi0GPsI+988gU2FLcsHyAHTU0MX1Wg68NhAnN7z/+C5wqG+CY8J53N9ioe8RXgaoz0nBR/TYMf3AycUuPw==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   express-rate-limit@7.5.1:
     resolution: {integrity: sha512-7iN8iPMDzOMHPUYllBEsQdWVB6fPDMPqwjBaFrgr4Jgr/+okjvzAy+UHlYYL/Vs0OsOrMkwS6PJDkFlJwoxUnw==}
     engines: {node: '>= 16'}
@@ -2159,10 +2118,6 @@ packages:
     resolution: {integrity: sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  jest-diff@30.2.0:
-    resolution: {integrity: sha512-dQHFo3Pt4/NLlG5z4PxZ/3yZTZ1C7s9hveiOj+GCN+uT109NC2QgsoVZsVOAvbJ3RgKkvyLGXZV9+piDpWbm6A==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   jest-docblock@29.7.0:
     resolution: {integrity: sha512-q617Auw3A612guyaFgsbFeYpNP5t2aoUNLwBUbc/0kD1R4t9ixDbyFTHd1nok4epoVFpr7PmeWHrhvuV3XaJ4g==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -2191,26 +2146,14 @@ packages:
     resolution: {integrity: sha512-sBkD+Xi9DtcChsI3L3u0+N0opgPYnCRPtGcQYrgXmR+hmt/fYfWAL0xRXYU8eWOdfuLgBe0YCW3AFtnRLagq/g==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  jest-matcher-utils@30.2.0:
-    resolution: {integrity: sha512-dQ94Nq4dbzmUWkQ0ANAWS9tBRfqCrn0bV9AMYdOi/MHW726xn7eQmMeRTpX2ViC00bpNaWXq+7o4lIQ3AX13Hg==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   jest-message-util@29.7.0:
     resolution: {integrity: sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  jest-message-util@30.2.0:
-    resolution: {integrity: sha512-y4DKFLZ2y6DxTWD4cDe07RglV88ZiNEdlRfGtqahfbIjfsw1nMCPx49Uev4IA/hWn3sDKyAnSPwoYSsAEdcimw==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   jest-mock@29.7.0:
     resolution: {integrity: sha512-ITOMZn+UkYS4ZFh83xYAOzWStloNzJFO2s8DWrE4lhtGD+AorgnbkiKERe4wQVBydIGPx059g6riW5Btp6Llnw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  jest-mock@30.2.0:
-    resolution: {integrity: sha512-JNNNl2rj4b5ICpmAcq+WbLH83XswjPbjH4T7yvGzfAGCPh1rw+xVNbtk+FnRslvt9lkCcdn9i1oAoKUuFsOxRw==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   jest-pnp-resolver@1.2.3:
     resolution: {integrity: sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==}
     engines: {node: '>=6'}
@@ -2224,10 +2167,6 @@ packages:
     resolution: {integrity: sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  jest-regex-util@30.0.1:
-    resolution: {integrity: sha512-jHEQgBXAgc+Gh4g0p3bCevgRCVRkB4VB70zhoAE48gxeSr1hfUOsM/C2WoJgVL7Eyg//hudYENbm3Ne+/dRVVA==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   jest-resolve-dependencies@29.7.0:
     resolution: {integrity: sha512-un0zD/6qxJ+S0et7WxeI3H5XSe9lTBBR7bOHCHXkKR6luG5mwDDlIzVQ0V5cZCuoTgEdcdwzTghYkTWfubi+nA==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -2252,10 +2191,6 @@ packages:
     resolution: {integrity: sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  jest-util@30.2.0:
-    resolution: {integrity: sha512-QKNsM0o3Xe6ISQU869e+DhG+4CK/48aHYdJZGlFQVTjnbvgpcKyxpzk29fGiO7i/J8VENZ+d2iGnSsvmuHywlA==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   jest-validate@29.7.0:
     resolution: {integrity: sha512-ZB7wHqaRGVw/9hST/OuFUReG7M8vKeq0/J2egIGLdvjHCmYqGARhzXmtgi+gVeZ5uXFF219aOc3Ls2yLg27tkw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -2649,10 +2584,6 @@ packages:
     resolution: {integrity: sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  pretty-format@30.2.0:
-    resolution: {integrity: sha512-9uBdv/B4EefsuAL+pWqueZyZS2Ba+LxfFeQ9DN14HU4bN8bhaxKdkpjpB6fs9+pSjIBu+FXQHImEg8j/Lw0+vA==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   prisma@5.22.0:
     resolution: {integrity: sha512-vtpjW3XuYCSnMsNVBjLMNkTj6OZbudcPPTPYHqX0CJfpcdWciI1dM8uHETwmDxxiqEwCIE6WvXucWUetJgfu/A==}
     engines: {node: '>=16.13'}
@@ -4096,8 +4027,6 @@ snapshots:
       - supports-color
       - ts-node
 
-  '@jest/diff-sequences@30.0.1': {}
-
   '@jest/environment@29.7.0':
     dependencies:
       '@jest/fake-timers': 29.7.0
@@ -4109,10 +4038,6 @@ snapshots:
     dependencies:
       jest-get-type: 29.6.3
 
-  '@jest/expect-utils@30.2.0':
-    dependencies:
-      '@jest/get-type': 30.1.0
-
   '@jest/expect@29.7.0':
     dependencies:
       expect: 29.7.0
@@ -4129,8 +4054,6 @@ snapshots:
       jest-mock: 29.7.0
       jest-util: 29.7.0
 
-  '@jest/get-type@30.1.0': {}
-
   '@jest/globals@29.7.0':
     dependencies:
       '@jest/environment': 29.7.0
@@ -4140,11 +4063,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@jest/pattern@30.0.1':
-    dependencies:
-      '@types/node': 22.19.5
-      jest-regex-util: 30.0.1
-
   '@jest/reporters@29.7.0':
     dependencies:
       '@bcoe/v8-coverage': 0.2.3
@@ -4178,10 +4096,6 @@ snapshots:
     dependencies:
       '@sinclair/typebox': 0.27.8
 
-  '@jest/schemas@30.0.5':
-    dependencies:
-      '@sinclair/typebox': 0.34.48
-
   '@jest/source-map@29.6.3':
     dependencies:
       '@jridgewell/trace-mapping': 0.3.31
@@ -4231,16 +4145,6 @@ snapshots:
       '@types/yargs': 17.0.35
       chalk: 4.1.2
 
-  '@jest/types@30.2.0':
-    dependencies:
-      '@jest/pattern': 30.0.1
-      '@jest/schemas': 30.0.5
-      '@types/istanbul-lib-coverage': 2.0.6
-      '@types/istanbul-reports': 3.0.4
-      '@types/node': 22.19.5
-      '@types/yargs': 17.0.35
-      chalk: 4.1.2
-
   '@jridgewell/gen-mapping@0.3.13':
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
@@ -4412,8 +4316,6 @@ snapshots:
 
   '@sinclair/typebox@0.27.8': {}
 
-  '@sinclair/typebox@0.34.48': {}
-
   '@sinonjs/commons@3.0.1':
     dependencies:
       type-detect: 4.0.8
@@ -4819,11 +4721,6 @@ snapshots:
     dependencies:
       '@types/istanbul-lib-report': 3.0.3
 
-  '@types/jest@30.0.0':
-    dependencies:
-      expect: 30.2.0
-      pretty-format: 30.2.0
-
   '@types/json-schema@7.0.15': {}
 
   '@types/jsonwebtoken@9.0.10':
@@ -5219,8 +5116,6 @@ snapshots:
 
   ci-info@3.9.0: {}
 
-  ci-info@4.4.0: {}
-
   cjs-module-lexer@1.4.3: {}
 
   cliui@8.0.1:
@@ -5503,15 +5398,6 @@ snapshots:
       jest-message-util: 29.7.0
       jest-util: 29.7.0
 
-  expect@30.2.0:
-    dependencies:
-      '@jest/expect-utils': 30.2.0
-      '@jest/get-type': 30.1.0
-      jest-matcher-utils: 30.2.0
-      jest-message-util: 30.2.0
-      jest-mock: 30.2.0
-      jest-util: 30.2.0
-
   express-rate-limit@7.5.1(express@4.22.1):
     dependencies:
       express: 4.22.1
@@ -5986,13 +5872,6 @@ snapshots:
       jest-get-type: 29.6.3
       pretty-format: 29.7.0
 
-  jest-diff@30.2.0:
-    dependencies:
-      '@jest/diff-sequences': 30.0.1
-      '@jest/get-type': 30.1.0
-      chalk: 4.1.2
-      pretty-format: 30.2.0
-
   jest-docblock@29.7.0:
     dependencies:
       detect-newline: 3.1.0
@@ -6044,13 +5923,6 @@ snapshots:
       jest-get-type: 29.6.3
       pretty-format: 29.7.0
 
-  jest-matcher-utils@30.2.0:
-    dependencies:
-      '@jest/get-type': 30.1.0
-      chalk: 4.1.2
-      jest-diff: 30.2.0
-      pretty-format: 30.2.0
-
   jest-message-util@29.7.0:
     dependencies:
       '@babel/code-frame': 7.27.1
@@ -6063,38 +5935,18 @@ snapshots:
       slash: 3.0.0
       stack-utils: 2.0.6
 
-  jest-message-util@30.2.0:
-    dependencies:
-      '@babel/code-frame': 7.27.1
-      '@jest/types': 30.2.0
-      '@types/stack-utils': 2.0.3
-      chalk: 4.1.2
-      graceful-fs: 4.2.11
-      micromatch: 4.0.8
-      pretty-format: 30.2.0
-      slash: 3.0.0
-      stack-utils: 2.0.6
-
   jest-mock@29.7.0:
     dependencies:
       '@jest/types': 29.6.3
       '@types/node': 22.19.5
       jest-util: 29.7.0
 
-  jest-mock@30.2.0:
-    dependencies:
-      '@jest/types': 30.2.0
-      '@types/node': 22.19.5
-      jest-util: 30.2.0
-
   jest-pnp-resolver@1.2.3(jest-resolve@29.7.0):
     optionalDependencies:
       jest-resolve: 29.7.0
 
   jest-regex-util@29.6.3: {}
 
-  jest-regex-util@30.0.1: {}
-
   jest-resolve-dependencies@29.7.0:
     dependencies:
       jest-regex-util: 29.6.3
@@ -6201,15 +6053,6 @@ snapshots:
       graceful-fs: 4.2.11
       picomatch: 2.3.1
 
-  jest-util@30.2.0:
-    dependencies:
-      '@jest/types': 30.2.0
-      '@types/node': 22.19.5
-      chalk: 4.1.2
-      ci-info: 4.4.0
-      graceful-fs: 4.2.11
-      picomatch: 4.0.3
-
   jest-validate@29.7.0:
     dependencies:
       '@jest/types': 29.6.3
@@ -6601,12 +6444,6 @@ snapshots:
       ansi-styles: 5.2.0
       react-is: 18.3.1
 
-  pretty-format@30.2.0:
-    dependencies:
-      '@jest/schemas': 30.0.5
-      ansi-styles: 5.2.0
-      react-is: 18.3.1
-
   prisma@5.22.0:
     dependencies:
       '@prisma/engines': 5.22.0
@@ -6960,7 +6797,7 @@ snapshots:
 
   ts-deepmerge@7.0.3: {}
 
-  ts-jest@29.4.6(@babel/core@7.28.5)(@jest/transform@29.7.0)(@jest/types@30.2.0)(babel-jest@29.7.0(@babel/core@7.28.5))(jest-util@30.2.0)(jest@29.7.0(@types/node@22.19.5))(typescript@5.9.3):
+  ts-jest@29.4.6(@babel/core@7.28.5)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.28.5))(jest-util@29.7.0)(jest@29.7.0(@types/node@22.19.5))(typescript@5.9.3):
     dependencies:
       bs-logger: 0.2.6
       fast-json-stable-stringify: 2.1.0
@@ -6976,9 +6813,9 @@ snapshots:
     optionalDependencies:
       '@babel/core': 7.28.5
       '@jest/transform': 29.7.0
-      '@jest/types': 30.2.0
+      '@jest/types': 29.6.3
       babel-jest: 29.7.0(@babel/core@7.28.5)
-      jest-util: 30.2.0
+      jest-util: 29.7.0
 
   tsconfig-paths@4.2.0:
     dependencies:
diff --git a/Backend/src/controllers/AdminCourseApprovalController.ts b/Backend/src/controllers/AdminCourseApprovalController.ts
index 46cc1028..f10b99ca 100644
--- a/Backend/src/controllers/AdminCourseApprovalController.ts
+++ b/Backend/src/controllers/AdminCourseApprovalController.ts
@@ -24,7 +24,9 @@ export class AdminCourseApprovalController {
     @Response('401', 'Unauthorized')
     @Response('403', 'Forbidden - Admin only')
     public async listPendingCourses(@Request() request: any): Promise<ListPendingCoursesResponse> {
-        return await AdminCourseApprovalService.listPendingCourses(request.user.id);
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+        return await AdminCourseApprovalService.listPendingCourses(token);
     }
 
     /**
@@ -39,7 +41,9 @@ export class AdminCourseApprovalController {
     @Response('403', 'Forbidden - Admin only')
     @Response('404', 'Course not found')
     public async getCourseDetail(@Request() request: any, @Path() courseId: number): Promise<GetCourseDetailForAdminResponse> {
-        return await AdminCourseApprovalService.getCourseDetail(request.user.id, courseId);
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+        return await AdminCourseApprovalService.getCourseDetail(token, courseId);
     }
 
     /**
@@ -58,7 +62,10 @@ export class AdminCourseApprovalController {
         @Request() request: any,
         @Path() courseId: number
     ): Promise<ApproveCourseResponse> {
-        return await AdminCourseApprovalService.approveCourse(request.user.id, courseId, undefined);
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+
+        return await AdminCourseApprovalService.approveCourse(token, courseId, undefined);
     }
 
     /**
@@ -78,10 +85,13 @@ export class AdminCourseApprovalController {
         @Path() courseId: number,
         @Body() body: RejectCourseBody
     ): Promise<RejectCourseResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+
         // Validate body
         const { error } = RejectCourseValidator.validate(body);
         if (error) throw new ValidationError(error.details[0].message);
 
-        return await AdminCourseApprovalService.rejectCourse(request.user.id, courseId, body.comment);
+        return await AdminCourseApprovalService.rejectCourse(token, courseId, body.comment);
     }
 }
diff --git a/Backend/src/controllers/AuditController.ts b/Backend/src/controllers/AuditController.ts
index 6f715061..a78c8d5a 100644
--- a/Backend/src/controllers/AuditController.ts
+++ b/Backend/src/controllers/AuditController.ts
@@ -40,6 +40,11 @@ export class AuditController {
         @Query() page?: number,
         @Query() limit?: number
     ): Promise<ListAuditLogsResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) {
+            throw new ValidationError('No token provided');
+        }
+
         return await auditService.getLogs({
             userId,
             action,
@@ -67,6 +72,11 @@ export class AuditController {
         @Request() request: any,
         @Path() logId: number
     ): Promise<AuditLogResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) {
+            throw new ValidationError('No token provided');
+        }
+
         const log = await auditService.getLogById(logId);
         if (!log) {
             throw new ValidationError('Audit log not found');
@@ -84,6 +94,11 @@ export class AuditController {
     @Response('401', 'Unauthorized')
     @Response('403', 'Forbidden - Admin only')
     public async getAuditStats(@Request() request: any): Promise<AuditLogStats> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) {
+            throw new ValidationError('No token provided');
+        }
+
         return await auditService.getStats();
     }
 
@@ -103,6 +118,11 @@ export class AuditController {
         @Path() entityType: string,
         @Path() entityId: number
     ): Promise<AuditLogResponse[]> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) {
+            throw new ValidationError('No token provided');
+        }
+
         return await auditService.getEntityHistory(entityType, entityId);
     }
 
@@ -122,6 +142,11 @@ export class AuditController {
         @Path() userId: number,
         @Query() limit?: number
     ): Promise<AuditLogResponse[]> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) {
+            throw new ValidationError('No token provided');
+        }
+
         return await auditService.getUserActivity(userId, limit || 50);
     }
 
@@ -139,6 +164,11 @@ export class AuditController {
         @Request() request: any,
         @Query() days: number = 90
     ): Promise<{ deleted: number; message: string }> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) {
+            throw new ValidationError('No token provided');
+        }
+
         if (days < 6) {
             throw new ValidationError('Cannot delete logs newer than 6 days');
         }
diff --git a/Backend/src/controllers/AuthController.ts b/Backend/src/controllers/AuthController.ts
index b3c8e280..96cb0673 100644
--- a/Backend/src/controllers/AuthController.ts
+++ b/Backend/src/controllers/AuthController.ts
@@ -33,6 +33,32 @@ export class AuthController {
         data: {
             token: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...',
             refreshToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...',
+            user: {
+                id: 1,
+                username: 'admin',
+                email: 'admin@elearning.local',
+                email_verified_at: new Date('2024-01-01T00:00:00Z'),
+                updated_at: new Date('2024-01-01T00:00:00Z'),
+                created_at: new Date('2024-01-01T00:00:00Z'),
+                role: {
+                    code: 'ADMIN',
+                    name: {
+                        th: 'ผู้ดูแลระบบ',
+                        en: 'Administrator'
+                    }
+                },
+                profile: {
+                    prefix: {
+                        th: 'นาย',
+                        en: 'Mr.'
+                    },
+                    first_name: 'Admin',
+                    last_name: 'User',
+                    phone: null,
+                    avatar_url: null,
+                    birth_date: null
+                }
+            }
         }
     })
     public async login(@Body() body: LoginRequest): Promise<LoginResponse> {
diff --git a/Backend/src/controllers/CategoriesController.ts b/Backend/src/controllers/CategoriesController.ts
index fd4b0d20..81fd8b86 100644
--- a/Backend/src/controllers/CategoriesController.ts
+++ b/Backend/src/controllers/CategoriesController.ts
@@ -27,11 +27,13 @@ export class CategoriesAdminController {
     @SuccessResponse('200', 'Category created successfully')
     @Response('401', 'Invalid or expired token')
     public async createCategory(@Request() request: any, @Body() body: createCategory): Promise<createCategoryResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '') || '';
+
         // Validate body
         const { error } = CreateCategoryValidator.validate(body);
         if (error) throw new ValidationError(error.details[0].message);
 
-        return await this.categoryService.createCategory(request.user.id, body);
+        return await this.categoryService.createCategory(token, body);
     }
 
     @Put('{id}')
@@ -39,11 +41,13 @@ export class CategoriesAdminController {
     @SuccessResponse('200', 'Category updated successfully')
     @Response('401', 'Invalid or expired token')
     public async updateCategory(@Request() request: any, @Body() body: updateCategory): Promise<updateCategoryResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '') || '';
+
         // Validate body
         const { error } = UpdateCategoryValidator.validate(body);
         if (error) throw new ValidationError(error.details[0].message);
 
-        return await this.categoryService.updateCategory(request.user.id, body.id, body);
+        return await this.categoryService.updateCategory(token, body.id, body);
     }
 
     @Delete('{id}')
@@ -51,6 +55,7 @@ export class CategoriesAdminController {
     @SuccessResponse('200', 'Category deleted successfully')
     @Response('401', 'Invalid or expired token')
     public async deleteCategory(@Request() request: any, @Path() id: number): Promise<deleteCategoryResponse> {
-        return await this.categoryService.deleteCategory(request.user.id, id);
+        const token = request.headers.authorization?.replace('Bearer ', '') || '';
+        return await this.categoryService.deleteCategory(token, id);
     }
 }
\ No newline at end of file
diff --git a/Backend/src/controllers/CertificateController.ts b/Backend/src/controllers/CertificateController.ts
index a6e3f5bf..13ec2075 100644
--- a/Backend/src/controllers/CertificateController.ts
+++ b/Backend/src/controllers/CertificateController.ts
@@ -1,4 +1,5 @@
 import { Get, Post, Route, Tags, SuccessResponse, Response, Security, Path, Request } from 'tsoa';
+import { ValidationError } from '../middleware/errorHandler';
 import { CertificateService } from '../services/certificate.service';
 import {
     GenerateCertificateResponse,
@@ -20,7 +21,9 @@ export class CertificateController {
     @SuccessResponse('200', 'Certificates retrieved successfully')
     @Response('401', 'Invalid or expired token')
     public async listMyCertificates(@Request() request: any): Promise<ListMyCertificatesResponse> {
-        return await this.certificateService.listMyCertificates({ userId: request.user.id });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+        return await this.certificateService.listMyCertificates({ token });
     }
 
     /**
@@ -34,7 +37,9 @@ export class CertificateController {
     @Response('401', 'Invalid or expired token')
     @Response('404', 'Certificate not found')
     public async getCertificate(@Request() request: any, @Path() courseId: number): Promise<GetCertificateResponse> {
-        return await this.certificateService.getCertificate({ userId: request.user.id, course_id: courseId });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+        return await this.certificateService.getCertificate({ token, course_id: courseId });
     }
 
     /**
@@ -49,6 +54,8 @@ export class CertificateController {
     @Response('401', 'Invalid or expired token')
     @Response('404', 'Enrollment not found')
     public async generateCertificate(@Request() request: any, @Path() courseId: number): Promise<GenerateCertificateResponse> {
-        return await this.certificateService.generateCertificate({ userId: request.user.id, course_id: courseId });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+        return await this.certificateService.generateCertificate({ token, course_id: courseId });
     }
 }
diff --git a/Backend/src/controllers/ChaptersLessonInstructorController.ts b/Backend/src/controllers/ChaptersLessonInstructorController.ts
index 213ae095..7ba48f5c 100644
--- a/Backend/src/controllers/ChaptersLessonInstructorController.ts
+++ b/Backend/src/controllers/ChaptersLessonInstructorController.ts
@@ -65,11 +65,14 @@ export class ChaptersLessonInstructorController {
         @Path() courseId: number,
         @Body() body: CreateChapterBody
     ): Promise<CreateChapterResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+
         const { error } = CreateChapterValidator.validate(body);
         if (error) throw new ValidationError(error.details[0].message);
 
         return await chaptersLessonService.createChapter({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             title: body.title,
             description: body.description,
@@ -93,11 +96,14 @@ export class ChaptersLessonInstructorController {
         @Path() chapterId: number,
         @Body() body: UpdateChapterBody
     ): Promise<UpdateChapterResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+
         const { error } = UpdateChapterValidator.validate(body);
         if (error) throw new ValidationError(error.details[0].message);
 
         return await chaptersLessonService.updateChapter({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             chapter_id: chapterId,
             ...body,
@@ -119,7 +125,9 @@ export class ChaptersLessonInstructorController {
         @Path() courseId: number,
         @Path() chapterId: number
     ): Promise<DeleteChapterResponse> {
-        return await chaptersLessonService.deleteChapter({ userId: request.user.id, course_id: courseId, chapter_id: chapterId });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+        return await chaptersLessonService.deleteChapter({ token, course_id: courseId, chapter_id: chapterId });
     }
 
     /**
@@ -135,11 +143,14 @@ export class ChaptersLessonInstructorController {
         @Path() chapterId: number,
         @Body() body: ReorderChapterBody
     ): Promise<ReorderChapterResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+
         const { error } = ReorderChapterValidator.validate(body);
         if (error) throw new ValidationError(error.details[0].message);
 
         return await chaptersLessonService.reorderChapter({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             chapter_id: chapterId,
             sort_order: body.sort_order,
@@ -163,7 +174,9 @@ export class ChaptersLessonInstructorController {
         @Path() chapterId: number,
         @Path() lessonId: number
     ): Promise<GetLessonResponse> {
-        return await chaptersLessonService.getLesson({ userId: request.user.id, course_id: courseId, chapter_id: chapterId, lesson_id: lessonId });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+        return await chaptersLessonService.getLesson({ token, course_id: courseId, chapter_id: chapterId, lesson_id: lessonId });
     }
 
     /**
@@ -179,11 +192,14 @@ export class ChaptersLessonInstructorController {
         @Path() chapterId: number,
         @Body() body: CreateLessonBody
     ): Promise<CreateLessonResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+
         const { error } = CreateLessonValidator.validate(body);
         if (error) throw new ValidationError(error.details[0].message);
 
         return await chaptersLessonService.createLesson({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             chapter_id: chapterId,
             title: body.title,
@@ -207,11 +223,14 @@ export class ChaptersLessonInstructorController {
         @Path() lessonId: number,
         @Body() body: UpdateLessonBody
     ): Promise<UpdateLessonResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+
         const { error } = UpdateLessonValidator.validate(body);
         if (error) throw new ValidationError(error.details[0].message);
 
         return await chaptersLessonService.updateLesson({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             chapter_id: chapterId,
             lesson_id: lessonId,
@@ -239,7 +258,9 @@ export class ChaptersLessonInstructorController {
         @Path() chapterId: number,
         @Path() lessonId: number
     ): Promise<DeleteLessonResponse> {
-        return await chaptersLessonService.deleteLesson({ userId: request.user.id, course_id: courseId, chapter_id: chapterId, lesson_id: lessonId });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+        return await chaptersLessonService.deleteLesson({ token, course_id: courseId, chapter_id: chapterId, lesson_id: lessonId });
     }
 
     /**
@@ -255,11 +276,14 @@ export class ChaptersLessonInstructorController {
         @Path() chapterId: number,
         @Body() body: ReorderLessonsBody
     ): Promise<ReorderLessonsResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+
         const { error } = ReorderLessonsValidator.validate(body);
         if (error) throw new ValidationError(error.details[0].message);
 
         return await chaptersLessonService.reorderLessons({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             chapter_id: chapterId,
             lesson_id: body.lesson_id,
@@ -285,11 +309,14 @@ export class ChaptersLessonInstructorController {
         @Path() lessonId: number,
         @Body() body: AddQuestionBody
     ): Promise<AddQuestionResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+
         const { error } = AddQuestionValidator.validate(body);
         if (error) throw new ValidationError(error.details[0].message);
 
         return await chaptersLessonService.addQuestion({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             lesson_id: lessonId,
             ...body,
@@ -311,11 +338,14 @@ export class ChaptersLessonInstructorController {
         @Path() questionId: number,
         @Body() body: UpdateQuestionBody
     ): Promise<UpdateQuestionResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+
         const { error } = UpdateQuestionValidator.validate(body);
         if (error) throw new ValidationError(error.details[0].message);
 
         return await chaptersLessonService.updateQuestion({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             lesson_id: lessonId,
             question_id: questionId,
@@ -334,11 +364,14 @@ export class ChaptersLessonInstructorController {
         @Path() questionId: number,
         @Body() body: ReorderQuestionBody
     ): Promise<ReorderQuestionResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+
         const { error } = ReorderQuestionValidator.validate(body);
         if (error) throw new ValidationError(error.details[0].message);
 
         return await chaptersLessonService.reorderQuestion({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             lesson_id: lessonId,
             question_id: questionId,
@@ -360,8 +393,10 @@ export class ChaptersLessonInstructorController {
         @Path() lessonId: number,
         @Path() questionId: number
     ): Promise<DeleteQuestionResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
         return await chaptersLessonService.deleteQuestion({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             lesson_id: lessonId,
             question_id: questionId,
@@ -382,11 +417,14 @@ export class ChaptersLessonInstructorController {
         @Path() lessonId: number,
         @Body() body: UpdateQuizBody
     ): Promise<UpdateQuizResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+
         const { error } = UpdateQuizValidator.validate(body);
         if (error) throw new ValidationError(error.details[0].message);
 
         return await chaptersLessonService.updateQuiz({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             lesson_id: lessonId,
             ...body,
diff --git a/Backend/src/controllers/CoursesInstructorController.ts b/Backend/src/controllers/CoursesInstructorController.ts
index 4556281c..3657e928 100644
--- a/Backend/src/controllers/CoursesInstructorController.ts
+++ b/Backend/src/controllers/CoursesInstructorController.ts
@@ -22,10 +22,12 @@ import {
     GetCourseApprovalHistoryResponse,
     setCourseDraftResponse,
     CloneCourseResponse,
-    GetAllMyStudentsResponse,
 } from '../types/CoursesInstructor.types';
 import { CreateCourseValidator, UpdateCourseValidator, CloneCourseValidator } from "../validators/CoursesInstructor.validator";
 
+import jwt from 'jsonwebtoken';
+import { config } from '../config';
+
 @Route('api/instructors/courses')
 @Tags('CoursesInstructor')
 export class CoursesInstructorController {
@@ -43,7 +45,11 @@ export class CoursesInstructorController {
         @Request() request: any,
         @Query() status?: 'DRAFT' | 'PENDING' | 'APPROVED' | 'REJECTED' | 'ARCHIVED'
     ): Promise<ListMyCourseResponse> {
-        return await CoursesInstructorService.listMyCourses({ userId: request.user.id, status });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) {
+            throw new ValidationError('No token provided');
+        }
+        return await CoursesInstructorService.listMyCourses({ token, status });
     }
 
     /**
@@ -61,23 +67,9 @@ export class CoursesInstructorController {
         @Path() courseId: number,
         @Query() query: string
     ): Promise<SearchInstructorResponse> {
-        return await CoursesInstructorService.searchInstructors({ userId: request.user.id, query, course_id: courseId });
-    }
-
-    /**
-     * ดึงผู้เรียนทั้งหมดของ instructor ทุกคอร์ส
-     * Get all students enrolled in all of instructor's courses
-     *
-     * @returns รายการผู้เรียนแยกตามคอร์ส พร้อม total_enrolled และ total_completed ต่อคอร์ส
-     */
-    @Get('my-students')
-    @Security('jwt', ['instructor'])
-    @SuccessResponse('200', 'Students retrieved successfully')
-    @Response('401', 'Unauthorized')
-    public async getMyAllStudents(
-        @Request() request: any
-    ): Promise<GetAllMyStudentsResponse> {
-        return await CoursesInstructorService.getMyAllStudents(request.user.id);
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+        return await CoursesInstructorService.searchInstructors({ token, query, course_id: courseId });
     }
 
     /**
@@ -91,7 +83,11 @@ export class CoursesInstructorController {
     @Response('401', 'Invalid or expired token')
     @Response('404', 'Course not found')
     public async getMyCourse(@Request() request: any, @Path() courseId: number): Promise<GetMyCourseResponse> {
-        return await CoursesInstructorService.getmyCourse({ userId: request.user.id, course_id: courseId });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) {
+            throw new ValidationError('No token provided');
+        }
+        return await CoursesInstructorService.getmyCourse({ token, course_id: courseId });
     }
 
     /**
@@ -105,10 +101,13 @@ export class CoursesInstructorController {
     @Response('401', 'Invalid or expired token')
     @Response('404', 'Course not found')
     public async updateCourse(@Request() request: any, @Path() courseId: number, @Body() body: UpdateMyCourse): Promise<UpdateMyCourseResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+
         const { error } = UpdateCourseValidator.validate(body.data);
         if (error) throw new ValidationError(error.details[0].message);
 
-        return await CoursesInstructorService.updateCourse(request.user.id, courseId, body.data);
+        return await CoursesInstructorService.updateCourse(token, courseId, body.data);
     }
 
     /**
@@ -127,6 +126,10 @@ export class CoursesInstructorController {
         @FormField() data: string,
         @UploadedFile() thumbnail?: Express.Multer.File
     ): Promise<createCourseResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+
+        const decoded = jwt.verify(token, config.jwt.secret) as { id: number };
         const parsed = JSON.parse(data);
         const { error, value } = CreateCourseValidator.validate(parsed);
         if (error) throw new ValidationError(error.details[0].message);
@@ -134,7 +137,7 @@ export class CoursesInstructorController {
         // Validate thumbnail file type if provided
         if (thumbnail && !thumbnail.mimetype?.startsWith('image/')) throw new ValidationError('Only image files are allowed for thumbnail');
 
-        return await CoursesInstructorService.createCourse(value, request.user.id, thumbnail);
+        return await CoursesInstructorService.createCourse(value, decoded.id, thumbnail);
     }
 
     /**
@@ -153,9 +156,11 @@ export class CoursesInstructorController {
         @Path() courseId: number,
         @UploadedFile() file: Express.Multer.File
     ): Promise<{ code: number; message: string; data: { course_id: number; thumbnail_url: string } }> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
         if (!file.mimetype?.startsWith('image/')) throw new ValidationError('Only image files are allowed');
 
-        return await CoursesInstructorService.uploadThumbnail(request.user.id, courseId, file);
+        return await CoursesInstructorService.uploadThumbnail(token, courseId, file);
     }
 
     /**
@@ -169,7 +174,9 @@ export class CoursesInstructorController {
     @Response('401', 'Invalid or expired token')
     @Response('404', 'Course not found')
     public async deleteCourse(@Request() request: any, @Path() courseId: number): Promise<DeleteMyCourseResponse> {
-        return await CoursesInstructorService.deleteCourse(request.user.id, courseId);
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided')
+        return await CoursesInstructorService.deleteCourse(token, courseId);
     }
 
     /**
@@ -189,11 +196,14 @@ export class CoursesInstructorController {
         @Path() courseId: number,
         @Body() body: { title: { th: string; en: string } }
     ): Promise<CloneCourseResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+
         const { error } = CloneCourseValidator.validate(body);
         if (error) throw new ValidationError(error.details[0].message);
 
         const result = await CoursesInstructorService.cloneCourse({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             title: body.title
         });
@@ -210,7 +220,9 @@ export class CoursesInstructorController {
     @Response('401', 'Invalid or expired token')
     @Response('404', 'Course not found')
     public async submitCourse(@Request() request: any, @Path() courseId: number): Promise<submitCourseResponse> {
-        return await CoursesInstructorService.sendCourseForReview({ userId: request.user.id, course_id: courseId });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided')
+        return await CoursesInstructorService.sendCourseForReview({ token, course_id: courseId });
     }
 
     /**
@@ -224,7 +236,9 @@ export class CoursesInstructorController {
     @Response('401', 'Invalid or expired token')
     @Response('404', 'Course not found')
     public async setCourseDraft(@Request() request: any, @Path() courseId: number): Promise<setCourseDraftResponse> {
-        return await CoursesInstructorService.setCourseDraft({ userId: request.user.id, course_id: courseId });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided')
+        return await CoursesInstructorService.setCourseDraft({ token, course_id: courseId });
     }
 
     /**
@@ -239,7 +253,9 @@ export class CoursesInstructorController {
     @Response('403', 'You are not an instructor of this course')
     @Response('404', 'Course not found')
     public async getCourseApprovals(@Request() request: any, @Path() courseId: number): Promise<GetCourseApprovalsResponse> {
-        return await CoursesInstructorService.getCourseApprovals(request.user.id, courseId);
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided')
+        return await CoursesInstructorService.getCourseApprovals(token, courseId);
     }
 
     /**
@@ -253,7 +269,9 @@ export class CoursesInstructorController {
     @Response('401', 'Invalid or expired token')
     @Response('404', 'Instructors not found')
     public async listInstructorCourses(@Request() request: any, @Path() courseId: number): Promise<listinstructorCourseResponse> {
-        return await CoursesInstructorService.listInstructorsOfCourse({ userId: request.user.id, course_id: courseId });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided')
+        return await CoursesInstructorService.listInstructorsOfCourse({ token, course_id: courseId });
     }
 
     /**
@@ -268,7 +286,9 @@ export class CoursesInstructorController {
     @Response('401', 'Invalid or expired token')
     @Response('404', 'Instructor not found')
     public async addInstructor(@Request() request: any, @Path() courseId: number, @Path() emailOrUsername: string): Promise<addinstructorCourseResponse> {
-        return await CoursesInstructorService.addInstructorToCourse({ userId: request.user.id, course_id: courseId, email_or_username: emailOrUsername });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided')
+        return await CoursesInstructorService.addInstructorToCourse({ token, course_id: courseId, email_or_username: emailOrUsername });
     }
 
     /**
@@ -283,7 +303,9 @@ export class CoursesInstructorController {
     @Response('401', 'Invalid or expired token')
     @Response('404', 'Instructor not found')
     public async removeInstructor(@Request() request: any, @Path() courseId: number, @Path() userId: number): Promise<removeinstructorCourseResponse> {
-        return await CoursesInstructorService.removeInstructorFromCourse({ userId: request.user.id, course_id: courseId, user_id: userId });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided')
+        return await CoursesInstructorService.removeInstructorFromCourse({ token, course_id: courseId, user_id: userId });
     }
 
     /**
@@ -298,7 +320,9 @@ export class CoursesInstructorController {
     @Response('401', 'Invalid or expired token')
     @Response('404', 'Primary instructor not found')
     public async setPrimaryInstructor(@Request() request: any, @Path() courseId: number, @Path() userId: number): Promise<setprimaryCourseInstructorResponse> {
-        return await CoursesInstructorService.setPrimaryInstructor({ userId: request.user.id, course_id: courseId, user_id: userId });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided')
+        return await CoursesInstructorService.setPrimaryInstructor({ token, course_id: courseId, user_id: userId });
     }
 
     /**
@@ -323,8 +347,10 @@ export class CoursesInstructorController {
         @Query() search?: string,
         @Query() status?: 'ENROLLED' | 'COMPLETED'
     ): Promise<GetEnrolledStudentsResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
         return await CoursesInstructorService.getEnrolledStudents({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             page,
             limit,
@@ -350,8 +376,10 @@ export class CoursesInstructorController {
         @Path() courseId: number,
         @Path() studentId: number
     ): Promise<GetEnrolledStudentDetailResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
         return await CoursesInstructorService.getEnrolledStudentDetail({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             student_id: studentId,
         });
@@ -382,8 +410,10 @@ export class CoursesInstructorController {
         @Query() search?: string,
         @Query() isPassed?: boolean
     ): Promise<GetQuizScoresResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
         return await CoursesInstructorService.getQuizScores({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             lesson_id: lessonId,
             page,
@@ -412,8 +442,10 @@ export class CoursesInstructorController {
         @Path() lessonId: number,
         @Path() studentId: number
     ): Promise<GetQuizAttemptDetailResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
         return await CoursesInstructorService.getQuizAttemptDetail({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             lesson_id: lessonId,
             student_id: studentId,
@@ -435,6 +467,8 @@ export class CoursesInstructorController {
         @Request() request: any,
         @Path() courseId: number
     ): Promise<GetCourseApprovalHistoryResponse> {
-        return await CoursesInstructorService.getCourseApprovalHistory(request.user.id, courseId);
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+        return await CoursesInstructorService.getCourseApprovalHistory(token, courseId);
     }
 }
\ No newline at end of file
diff --git a/Backend/src/controllers/CoursesStudentController.ts b/Backend/src/controllers/CoursesStudentController.ts
index 62e01636..87a5a613 100644
--- a/Backend/src/controllers/CoursesStudentController.ts
+++ b/Backend/src/controllers/CoursesStudentController.ts
@@ -36,7 +36,11 @@ export class CoursesStudentController {
     @Response('404', 'Course not found')
     @Response('409', 'Already enrolled in this course')
     public async enrollCourse(@Request() request: any, @Path() courseId: number): Promise<EnrollCourseResponse> {
-        return await this.service.enrollCourse({ userId: request.user.id, course_id: courseId });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) {
+            throw new ValidationError('No token provided');
+        }
+        return await this.service.enrollCourse({ token, course_id: courseId });
     }
 
     /**
@@ -56,7 +60,11 @@ export class CoursesStudentController {
         @Query() limit?: number,
         @Query() status?: EnrollmentStatus
     ): Promise<ListEnrolledCoursesResponse> {
-        return await this.service.GetEnrolledCourses({ userId: request.user.id, page, limit, status });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) {
+            throw new ValidationError('No token provided');
+        }
+        return await this.service.GetEnrolledCourses({ token, page, limit, status });
     }
 
     /**
@@ -71,7 +79,11 @@ export class CoursesStudentController {
     @Response('403', 'Not enrolled in this course')
     @Response('404', 'Course not found')
     public async getCourseLearning(@Request() request: any, @Path() courseId: number): Promise<GetCourseLearningResponse> {
-        return await this.service.getCourseLearning({ userId: request.user.id, course_id: courseId });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) {
+            throw new ValidationError('No token provided');
+        }
+        return await this.service.getCourseLearning({ token, course_id: courseId });
     }
 
     /**
@@ -91,7 +103,11 @@ export class CoursesStudentController {
         @Path() courseId: number,
         @Path() lessonId: number
     ): Promise<GetLessonContentResponse> {
-        return await this.service.getlessonContent({ userId: request.user.id, course_id: courseId, lesson_id: lessonId });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) {
+            throw new ValidationError('No token provided');
+        }
+        return await this.service.getlessonContent({ token, course_id: courseId, lesson_id: lessonId });
     }
 
     /**
@@ -110,7 +126,11 @@ export class CoursesStudentController {
         @Path() courseId: number,
         @Path() lessonId: number
     ): Promise<CheckLessonAccessResponse> {
-        return await this.service.checkAccessLesson({ userId: request.user.id, course_id: courseId, lesson_id: lessonId });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) {
+            throw new ValidationError('No token provided');
+        }
+        return await this.service.checkAccessLesson({ token, course_id: courseId, lesson_id: lessonId });
     }
 
     /**
@@ -129,12 +149,14 @@ export class CoursesStudentController {
         @Path() lessonId: number,
         @Body() body: SaveVideoProgressBody
     ): Promise<SaveVideoProgressResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
 
         const { error } = SaveVideoProgressValidator.validate(body);
         if (error) throw new ValidationError(error.details[0].message);
 
         return await this.service.saveVideoProgress({
-            userId: request.user.id,
+            token,
             lesson_id: lessonId,
             video_progress_seconds: body.video_progress_seconds,
             video_duration_seconds: body.video_duration_seconds,
@@ -156,7 +178,11 @@ export class CoursesStudentController {
         @Request() request: any,
         @Path() lessonId: number
     ): Promise<GetVideoProgressResponse> {
-        return await this.service.getVideoProgress({ userId: request.user.id, lesson_id: lessonId });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) {
+            throw new ValidationError('No token provided');
+        }
+        return await this.service.getVideoProgress({ token, lesson_id: lessonId });
     }
 
     /**
@@ -176,7 +202,11 @@ export class CoursesStudentController {
         @Path() courseId: number,
         @Path() lessonId: number
     ): Promise<CompleteLessonResponse> {
-        return await this.service.completeLesson({ userId: request.user.id, lesson_id: lessonId });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) {
+            throw new ValidationError('No token provided');
+        }
+        return await this.service.completeLesson({ token, lesson_id: lessonId });
     }
 
     /**
@@ -197,12 +227,14 @@ export class CoursesStudentController {
         @Path() lessonId: number,
         @Body() body: SubmitQuizBody
     ): Promise<SubmitQuizResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
 
         const { error } = SubmitQuizValidator.validate(body);
         if (error) throw new ValidationError(error.details[0].message);
 
         return await this.service.submitQuiz({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             lesson_id: lessonId,
             answers: body.answers,
@@ -226,8 +258,12 @@ export class CoursesStudentController {
         @Path() courseId: number,
         @Path() lessonId: number
     ): Promise<GetQuizAttemptsResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) {
+            throw new ValidationError('No token provided');
+        }
         return await this.service.getQuizAttempts({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             lesson_id: lessonId,
         });
diff --git a/Backend/src/controllers/LessonsController.ts b/Backend/src/controllers/LessonsController.ts
index 33cc1cef..0323f4ab 100644
--- a/Backend/src/controllers/LessonsController.ts
+++ b/Backend/src/controllers/LessonsController.ts
@@ -42,6 +42,8 @@ export class LessonsController {
         @Path() lessonId: number,
         @UploadedFile() video: Express.Multer.File
     ): Promise<VideoOperationResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
 
         if (!video) {
             throw new ValidationError('Video file is required');
@@ -55,7 +57,7 @@ export class LessonsController {
         };
 
         return await chaptersLessonService.uploadVideo({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             lesson_id: lessonId,
             video: videoInfo,
@@ -85,6 +87,8 @@ export class LessonsController {
         @Path() lessonId: number,
         @UploadedFile() video: Express.Multer.File
     ): Promise<VideoOperationResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
 
         if (!video) {
             throw new ValidationError('Video file is required');
@@ -98,7 +102,7 @@ export class LessonsController {
         };
 
         return await chaptersLessonService.updateVideo({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             lesson_id: lessonId,
             video: videoInfo,
@@ -128,6 +132,8 @@ export class LessonsController {
         @Path() lessonId: number,
         @UploadedFile() attachment: Express.Multer.File
     ): Promise<AttachmentOperationResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
 
         if (!attachment) {
             throw new ValidationError('Attachment file is required');
@@ -141,7 +147,7 @@ export class LessonsController {
         };
 
         return await chaptersLessonService.uploadAttachment({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             lesson_id: lessonId,
             attachment: attachmentInfo,
@@ -171,9 +177,11 @@ export class LessonsController {
         @Path() lessonId: number,
         @Path() attachmentId: number
     ): Promise<DeleteAttachmentResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
 
         return await chaptersLessonService.deleteAttachment({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             lesson_id: lessonId,
             attachment_id: attachmentId,
@@ -203,12 +211,14 @@ export class LessonsController {
         @Path() lessonId: number,
         @Body() body: SetYouTubeVideoBody
     ): Promise<YouTubeVideoResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
 
         const { error } = SetYouTubeVideoValidator.validate(body);
         if (error) throw new ValidationError(error.details[0].message);
 
         return await chaptersLessonService.setYouTubeVideo({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             lesson_id: lessonId,
             youtube_video_id: body.youtube_video_id,
diff --git a/Backend/src/controllers/RecommendedCoursesController.ts b/Backend/src/controllers/RecommendedCoursesController.ts
index fa0b17c5..720bff7c 100644
--- a/Backend/src/controllers/RecommendedCoursesController.ts
+++ b/Backend/src/controllers/RecommendedCoursesController.ts
@@ -1,4 +1,5 @@
 import { Get, Path, Put, Query, Request, Response, Route, Security, SuccessResponse, Tags } from 'tsoa';
+import { ValidationError } from '../middleware/errorHandler';
 import { RecommendedCoursesService } from '../services/RecommendedCourses.service';
 import {
     ListApprovedCoursesResponse,
@@ -24,7 +25,9 @@ export class RecommendedCoursesController {
         @Query() search?: string,
         @Query() categoryId?: number
     ): Promise<ListApprovedCoursesResponse> {
-        return await RecommendedCoursesService.listApprovedCourses(request.user.id, { search, categoryId });
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+        return await RecommendedCoursesService.listApprovedCourses(token, { search, categoryId });
     }
 
     /**
@@ -40,7 +43,9 @@ export class RecommendedCoursesController {
     @Response('403', 'Forbidden - Admin only')
     @Response('404', 'Course not found')
     public async getCourseById(@Request() request: any, @Path() courseId: number): Promise<GetCourseByIdResponse> {
-        return await RecommendedCoursesService.getCourseById(request.user.id, courseId);
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+        return await RecommendedCoursesService.getCourseById(token, courseId);
     }
 
     /**
@@ -60,6 +65,8 @@ export class RecommendedCoursesController {
         @Path() courseId: number,
         @Query() is_recommended: boolean
     ): Promise<ToggleRecommendedResponse> {
-        return await RecommendedCoursesService.toggleRecommended(request.user.id, courseId, is_recommended);
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+        return await RecommendedCoursesService.toggleRecommended(token, courseId, is_recommended);
     }
 }
diff --git a/Backend/src/controllers/UserController.ts b/Backend/src/controllers/UserController.ts
index 72b9a33a..ccbe7c76 100644
--- a/Backend/src/controllers/UserController.ts
+++ b/Backend/src/controllers/UserController.ts
@@ -1,10 +1,12 @@
-import { Get, Body, Post, Route, Tags, SuccessResponse, Response, Security, Request, Put, UploadedFile } from 'tsoa';
+import { Get, Body, Post, Route, Tags, SuccessResponse, Response, Example, Controller, Security, Request, Put, UploadedFile } from 'tsoa';
 import { ValidationError } from '../middleware/errorHandler';
 import { UserService } from '../services/user.service';
 import {
     UserResponse,
+    ProfileResponse,
     ProfileUpdate,
     ProfileUpdateResponse,
+    ChangePasswordRequest,
     ChangePasswordResponse,
     updateAvatarResponse,
     SendVerifyEmailResponse,
@@ -21,6 +23,8 @@ export class UserController {
 
     /**
      * Get current user profile
+     * @summary Retrieve authenticated user's profile information
+     * @param request Express request object with JWT token in Authorization header
      */
     @Get('me')
     @SuccessResponse('200', 'User found')
@@ -28,7 +32,12 @@ export class UserController {
     @Response('401', 'Invalid or expired token')
     @Security('jwt')
     public async getMe(@Request() request: any): Promise<UserResponse> {
-        return await this.userService.getUserProfile(request.user.id);
+        // Extract token from Authorization header
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) {
+            throw new ValidationError('No token provided');
+        }
+        return await this.userService.getUserProfile(token);
     }
 
     @Put('me')
@@ -38,20 +47,34 @@ export class UserController {
     @Response('400', 'Validation error')
     public async updateProfile(@Request() request: any, @Body() body: ProfileUpdate): Promise<ProfileUpdateResponse> {
         const { error } = profileUpdateSchema.validate(body);
-        if (error) throw new ValidationError(error.details[0].message);
-        return await this.userService.updateProfile(request.user.id, body);
+        if (error) {
+            throw new ValidationError(error.details[0].message);
+        }
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) {
+            throw new ValidationError('No token provided');
+        }
+        return await this.userService.updateProfile(token, body);
     }
 
     @Get('roles')
     @Security('jwt')
     @SuccessResponse('200', 'Roles retrieved successfully')
     @Response('401', 'Invalid or expired token')
-    public async getRoles(): Promise<rolesResponse> {
-        return await this.userService.getRoles();
+    public async getRoles(@Request() request: any): Promise<rolesResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) {
+            throw new ValidationError('No token provided');
+        }
+        return await this.userService.getRoles(token);
     }
 
     /**
      * Change password
+     * @summary Change user password using old password
+     * @param request Express request object with JWT token in Authorization header
+     * @param body Old password and new password
+     * @returns Success message
      */
     @Post('change-password')
     @Security('jwt')
@@ -60,12 +83,22 @@ export class UserController {
     @Response('400', 'Validation error')
     public async changePassword(@Request() request: any, @Body() body: ChangePassword): Promise<ChangePasswordResponse> {
         const { error } = changePasswordSchema.validate(body);
-        if (error) throw new ValidationError(error.details[0].message);
-        return await this.userService.changePassword(request.user.id, body.oldPassword, body.newPassword);
+        if (error) {
+            throw new ValidationError(error.details[0].message);
+        }
+
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) {
+            throw new ValidationError('No token provided');
+        }
+
+        return await this.userService.changePassword(token, body.oldPassword, body.newPassword);
     }
 
     /**
      * Upload user avatar picture
+     * @param request Express request object with JWT token in Authorization header
+     * @param file Avatar image file
      */
     @Post('upload-avatar')
     @Security('jwt')
@@ -76,6 +109,9 @@ export class UserController {
         @Request() request: any,
         @UploadedFile() file: Express.Multer.File
     ): Promise<updateAvatarResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+
         // Validate file type (images only)
         if (!file.mimetype?.startsWith('image/')) throw new ValidationError('Only image files are allowed');
 
@@ -83,11 +119,13 @@ export class UserController {
         const maxSize = 5 * 1024 * 1024; // 5MB
         if (file.size > maxSize) throw new ValidationError('File size must be less than 5MB');
 
-        return await this.userService.uploadAvatarPicture(request.user.id, file);
+        return await this.userService.uploadAvatarPicture(token, file);
     }
 
     /**
      * Send verification email to user
+     * @summary Send email verification link to authenticated user's email
+     * @param request Express request object with JWT token in Authorization header
      */
     @Post('send-verify-email')
     @Security('jwt')
@@ -95,7 +133,9 @@ export class UserController {
     @Response('401', 'Invalid or expired token')
     @Response('400', 'Email already verified')
     public async sendVerifyEmail(@Request() request: any): Promise<SendVerifyEmailResponse> {
-        return await this.userService.sendVerifyEmail(request.user.id);
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+        return await this.userService.sendVerifyEmail(token);
     }
 
     /**
diff --git a/Backend/src/controllers/announcementsController.ts b/Backend/src/controllers/announcementsController.ts
index aa38ca54..8ac03c70 100644
--- a/Backend/src/controllers/announcementsController.ts
+++ b/Backend/src/controllers/announcementsController.ts
@@ -37,8 +37,10 @@ export class AnnouncementsController {
         @Query() page?: number,
         @Query() limit?: number
     ): Promise<ListAnnouncementResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
         return await announcementsService.listAnnouncement({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             page,
             limit,
@@ -61,6 +63,9 @@ export class AnnouncementsController {
         @FormField() data: string,
         @UploadedFiles() files?: Express.Multer.File[]
     ): Promise<CreateAnnouncementResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+
         // Parse JSON data field
         const parsed = JSON.parse(data) as CreateAnnouncementBody;
 
@@ -69,7 +74,7 @@ export class AnnouncementsController {
         if (error) throw new ValidationError(error.details[0].message);
 
         return await announcementsService.createAnnouncement({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             title: parsed.title,
             content: parsed.content,
@@ -98,12 +103,15 @@ export class AnnouncementsController {
         @Path() announcementId: number,
         @Body() body: UpdateAnnouncementBody
     ): Promise<UpdateAnnouncementResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
+
         // Validate body
         const { error } = UpdateAnnouncementValidator.validate(body);
         if (error) throw new ValidationError(error.details[0].message);
 
         return await announcementsService.updateAnnouncement({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             announcement_id: announcementId,
             title: body.title,
@@ -131,8 +139,10 @@ export class AnnouncementsController {
         @Path() courseId: number,
         @Path() announcementId: number
     ): Promise<DeleteAnnouncementResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
         return await announcementsService.deleteAnnouncement({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             announcement_id: announcementId,
         });
@@ -156,8 +166,10 @@ export class AnnouncementsController {
         @Path() announcementId: number,
         @UploadedFile() file: Express.Multer.File
     ): Promise<UploadAnnouncementAttachmentResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
         return await announcementsService.uploadAttachment({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             announcement_id: announcementId,
             file: file as any,
@@ -183,8 +195,10 @@ export class AnnouncementsController {
         @Path() announcementId: number,
         @Path() attachmentId: number
     ): Promise<DeleteAnnouncementAttachmentResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
         return await announcementsService.deleteAttachment({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             announcement_id: announcementId,
             attachment_id: attachmentId,
@@ -214,8 +228,10 @@ export class AnnouncementsStudentController {
         @Query() page?: number,
         @Query() limit?: number
     ): Promise<ListAnnouncementResponse> {
+        const token = request.headers.authorization?.replace('Bearer ', '');
+        if (!token) throw new ValidationError('No token provided');
         return await announcementsService.listAnnouncement({
-            userId: request.user.id,
+            token,
             course_id: courseId,
             page,
             limit,
diff --git a/Backend/src/services/AdminCourseApproval.service.ts b/Backend/src/services/AdminCourseApproval.service.ts
index 808f2747..0596034c 100644
--- a/Backend/src/services/AdminCourseApproval.service.ts
+++ b/Backend/src/services/AdminCourseApproval.service.ts
@@ -1,6 +1,8 @@
 import { prisma } from '../config/database';
+import { config } from '../config';
 import { logger } from '../config/logger';
-import { ValidationError, NotFoundError } from '../middleware/errorHandler';
+import { UnauthorizedError, ValidationError, ForbiddenError, NotFoundError } from '../middleware/errorHandler';
+import jwt from 'jsonwebtoken';
 import { getPresignedUrl } from '../config/minio';
 import {
     ListPendingCoursesResponse,
@@ -16,7 +18,7 @@ export class AdminCourseApprovalService {
     /**
      * Get all pending courses for admin review
      */
-    static async listPendingCourses(userId: number): Promise<ListPendingCoursesResponse> {
+    static async listPendingCourses(token: string): Promise<ListPendingCoursesResponse> {
         try {
             const courses = await prisma.course.findMany({
                 where: { status: 'PENDING' },
@@ -94,8 +96,9 @@ export class AdminCourseApprovalService {
             };
         } catch (error) {
             logger.error('Failed to list pending courses', { error });
+            const decoded = jwt.decode(token) as { id: number } | null;
             await auditService.logSync({
-                userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: 0,
@@ -110,7 +113,7 @@ export class AdminCourseApprovalService {
     /**
      * Get course details for admin review
      */
-    static async getCourseDetail(userId: number, courseId: number): Promise<GetCourseDetailForAdminResponse> {
+    static async getCourseDetail(token: string, courseId: number): Promise<GetCourseDetailForAdminResponse> {
         try {
             const course = await prisma.course.findUnique({
                 where: { id: courseId },
@@ -225,8 +228,9 @@ export class AdminCourseApprovalService {
             };
         } catch (error) {
             logger.error('Failed to get course detail', { error });
+            const decoded = jwt.decode(token) as { id: number } | null;
             await auditService.logSync({
-                userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: courseId,
@@ -241,8 +245,9 @@ export class AdminCourseApprovalService {
     /**
      * Approve a course
      */
-    static async approveCourse(userId: number, courseId: number, comment?: string): Promise<ApproveCourseResponse> {
+    static async approveCourse(token: string, courseId: number, comment?: string): Promise<ApproveCourseResponse> {
         try {
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number };
 
             const course = await prisma.course.findUnique({ where: { id: courseId } });
             if (!course) {
@@ -259,7 +264,7 @@ export class AdminCourseApprovalService {
                     where: { id: courseId },
                     data: {
                         status: 'APPROVED',
-                        approved_by: userId,
+                        approved_by: decoded.id,
                         approved_at: new Date()
                     }
                 }),
@@ -268,7 +273,7 @@ export class AdminCourseApprovalService {
                     data: {
                         course_id: courseId,
                         submitted_by: course.created_by,
-                        reviewed_by: userId,
+                        reviewed_by: decoded.id,
                         action: 'APPROVED',
                         previous_status: course.status,
                         new_status: 'APPROVED',
@@ -279,7 +284,7 @@ export class AdminCourseApprovalService {
 
             // Audit log - APPROVE_COURSE
             await auditService.logSync({
-                userId,
+                userId: decoded.id,
                 action: AuditAction.APPROVE_COURSE,
                 entityType: 'Course',
                 entityId: courseId,
@@ -294,8 +299,9 @@ export class AdminCourseApprovalService {
             };
         } catch (error) {
             logger.error('Failed to approve course', { error });
+            const decoded = jwt.decode(token) as { id: number } | null;
             await auditService.logSync({
-                userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: courseId,
@@ -311,8 +317,9 @@ export class AdminCourseApprovalService {
     /**
      * Reject a course
      */
-    static async rejectCourse(userId: number, courseId: number, comment: string): Promise<RejectCourseResponse> {
+    static async rejectCourse(token: string, courseId: number, comment: string): Promise<RejectCourseResponse> {
         try {
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number };
 
             const course = await prisma.course.findUnique({ where: { id: courseId } });
             if (!course) {
@@ -343,7 +350,7 @@ export class AdminCourseApprovalService {
                     data: {
                         course_id: courseId,
                         submitted_by: course.created_by,
-                        reviewed_by: userId,
+                        reviewed_by: decoded.id,
                         action: 'REJECTED',
                         previous_status: course.status,
                         new_status: 'REJECTED',
@@ -354,7 +361,7 @@ export class AdminCourseApprovalService {
 
             // Audit log - REJECT_COURSE
             await auditService.logSync({
-                userId,
+                userId: decoded.id,
                 action: AuditAction.REJECT_COURSE,
                 entityType: 'Course',
                 entityId: courseId,
@@ -369,8 +376,9 @@ export class AdminCourseApprovalService {
             };
         } catch (error) {
             logger.error('Failed to reject course', { error });
+            const decoded = jwt.decode(token) as { id: number } | null;
             await auditService.logSync({
-                userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: courseId,
diff --git a/Backend/src/services/ChaptersLesson.service.ts b/Backend/src/services/ChaptersLesson.service.ts
index 63a68356..003670b1 100644
--- a/Backend/src/services/ChaptersLesson.service.ts
+++ b/Backend/src/services/ChaptersLesson.service.ts
@@ -59,11 +59,14 @@ import { AuditAction } from '@prisma/client';
  * ตรวจสอบสิทธิ์เข้าถึง Course (สำหรับทั้ง Instructor และ Student)
  * Returns: { hasAccess: boolean, role: 'INSTRUCTOR' | 'STUDENT' | null, userId: number }
  */
-async function validateCourseAccess(userId: number, course_id: number): Promise<{
+async function validateCourseAccess(token: string, course_id: number): Promise<{
     hasAccess: boolean;
     role: 'INSTRUCTOR' | 'STUDENT' | null;
     userId: number;
 }> {
+    const decodedToken = jwt.verify(token, config.jwt.secret) as { id: number };
+    const userId = decodedToken.id;
+
     const user = await prisma.user.findUnique({ where: { id: userId } });
     if (!user) {
         throw new UnauthorizedError('Invalid token');
@@ -95,8 +98,9 @@ async function validateCourseAccess(userId: number, course_id: number): Promise<
 export class ChaptersLessonService {
     async listChapters(request: ChaptersRequest): Promise<ListChaptersResponse> {
         try {
-            const { userId, course_id } = request;
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            const { token, course_id } = request;
+            const decodedToken = jwt.verify(token, config.jwt.secret) as { id: number };
+            const user = await prisma.user.findUnique({ where: { id: decodedToken.id } });
             if (!user) {
                 throw new UnauthorizedError('Invalid token');
             }
@@ -113,13 +117,14 @@ export class ChaptersLessonService {
 
     async createChapter(request: CreateChapterInput): Promise<CreateChapterResponse> {
         try {
-            const { userId, course_id, title, description, sort_order } = request;
+            const { token, course_id, title, description, sort_order } = request;
+            const decodedToken = jwt.verify(token, config.jwt.secret) as { id: number };
             await CoursesInstructorService.validateCourseStatus(course_id);
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            const user = await prisma.user.findUnique({ where: { id: decodedToken.id } });
             if (!user) {
                 throw new UnauthorizedError('Invalid token');
             }
-            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(token, course_id);
             if (!courseInstructor) {
                 throw new ForbiddenError('You are not permitted to create chapter');
             }
@@ -127,7 +132,7 @@ export class ChaptersLessonService {
 
             // Audit log - CREATE Chapter
             auditService.log({
-                userId: userId,
+                userId: decodedToken.id,
                 action: AuditAction.CREATE,
                 entityType: 'Chapter',
                 entityId: chapter.id,
@@ -137,8 +142,9 @@ export class ChaptersLessonService {
             return { code: 200, message: 'Chapter created successfully', data: chapter as ChapterData };
         } catch (error) {
             logger.error(`Error creating chapter: ${error}`);
+            const decodedToken = jwt.decode(request.token) as { id: number } | null;
             await auditService.logSync({
-                userId: request.userId || 0,
+                userId: decodedToken?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Chapter',
                 entityId: 0,
@@ -153,13 +159,14 @@ export class ChaptersLessonService {
 
     async updateChapter(request: UpdateChapterInput): Promise<UpdateChapterResponse> {
         try {
-            const { userId, course_id, chapter_id, title, description, sort_order } = request;
+            const { token, course_id, chapter_id, title, description, sort_order } = request;
+            const decodedToken = jwt.verify(token, config.jwt.secret) as { id: number };
             await CoursesInstructorService.validateCourseStatus(course_id);
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            const user = await prisma.user.findUnique({ where: { id: decodedToken.id } });
             if (!user) {
                 throw new UnauthorizedError('Invalid token');
             }
-            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(token, course_id);
             if (!courseInstructor) {
                 throw new ForbiddenError('You are not permitted to update chapter');
             }
@@ -167,8 +174,9 @@ export class ChaptersLessonService {
             return { code: 200, message: 'Chapter updated successfully', data: chapter as ChapterData };
         } catch (error) {
             logger.error(`Error updating chapter: ${error}`);
+            const decodedToken = jwt.decode(request.token) as { id: number } | null;
             await auditService.logSync({
-                userId: request.userId || 0,
+                userId: decodedToken?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Chapter',
                 entityId: request.chapter_id,
@@ -183,13 +191,14 @@ export class ChaptersLessonService {
 
     async deleteChapter(request: DeleteChapterRequest): Promise<DeleteChapterResponse> {
         try {
-            const { userId, course_id, chapter_id } = request;
+            const { token, course_id, chapter_id } = request;
+            const decodedToken = jwt.verify(token, config.jwt.secret) as { id: number };
             await CoursesInstructorService.validateCourseStatus(course_id);
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            const user = await prisma.user.findUnique({ where: { id: decodedToken.id } });
             if (!user) {
                 throw new UnauthorizedError('Invalid token');
             }
-            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(token, course_id);
             if (!courseInstructor) {
                 throw new ForbiddenError('You are not permitted to delete chapter');
             }
@@ -197,7 +206,7 @@ export class ChaptersLessonService {
 
             // Audit log - DELETE Chapter
             auditService.log({
-                userId: userId,
+                userId: decodedToken.id,
                 action: AuditAction.DELETE,
                 entityType: 'Chapter',
                 entityId: chapter_id,
@@ -210,8 +219,9 @@ export class ChaptersLessonService {
             return { code: 200, message: 'Chapter deleted successfully' };
         } catch (error) {
             logger.error(`Error deleting chapter: ${error}`);
+            const decodedToken = jwt.decode(request.token) as { id: number } | null;
             await auditService.logSync({
-                userId: request.userId || 0,
+                userId: decodedToken?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Chapter',
                 entityId: request.chapter_id,
@@ -226,13 +236,14 @@ export class ChaptersLessonService {
 
     async reorderChapter(request: ReorderChapterRequest): Promise<ReorderChapterResponse> {
         try {
-            const { userId, course_id, chapter_id, sort_order: newSortOrder } = request;
+            const { token, course_id, chapter_id, sort_order: newSortOrder } = request;
+            const decodedToken = jwt.verify(token, config.jwt.secret) as { id: number };
             await CoursesInstructorService.validateCourseStatus(course_id);
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            const user = await prisma.user.findUnique({ where: { id: decodedToken.id } });
             if (!user) {
                 throw new UnauthorizedError('Invalid token');
             }
-            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(token, course_id);
             if (!courseInstructor) {
                 throw new ForbiddenError('You are not permitted to reorder chapter');
             }
@@ -302,8 +313,9 @@ export class ChaptersLessonService {
             return { code: 200, message: 'Chapter reordered successfully', data: chapters as ChapterData[] };
         } catch (error) {
             logger.error(`Error reordering chapter: ${error}`);
+            const decodedToken = jwt.decode(request.token) as { id: number } | null;
             await auditService.logSync({
-                userId: request.userId || 0,
+                userId: decodedToken?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Chapter',
                 entityId: request.chapter_id,
@@ -323,13 +335,14 @@ export class ChaptersLessonService {
      */
     async createLesson(request: CreateLessonInput): Promise<CreateLessonResponse> {
         try {
-            const { userId, course_id, chapter_id, title, content, type, sort_order } = request;
+            const { token, course_id, chapter_id, title, content, type, sort_order } = request;
+            const decodedToken = jwt.verify(token, config.jwt.secret) as { id: number };
             await CoursesInstructorService.validateCourseStatus(course_id);
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            const user = await prisma.user.findUnique({ where: { id: decodedToken.id } });
             if (!user) {
                 throw new UnauthorizedError('Invalid token');
             }
-            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(token, course_id);
             if (!courseInstructor) {
                 throw new ForbiddenError('You are not permitted to create lesson');
             }
@@ -341,6 +354,7 @@ export class ChaptersLessonService {
 
             // If QUIZ type, create empty Quiz shell
             if (type === 'QUIZ') {
+                const userId = decodedToken.id;
 
                 await prisma.quiz.create({
                     data: {
@@ -362,7 +376,7 @@ export class ChaptersLessonService {
 
                 // Audit log - CREATE Lesson (QUIZ)
                 auditService.log({
-                    userId: userId,
+                    userId: decodedToken.id,
                     action: AuditAction.CREATE,
                     entityType: 'Lesson',
                     entityId: lesson.id,
@@ -374,7 +388,7 @@ export class ChaptersLessonService {
 
             // Audit log - CREATE Lesson
             auditService.log({
-                userId: userId,
+                userId: decodedToken.id,
                 action: AuditAction.CREATE,
                 entityType: 'Lesson',
                 entityId: lesson.id,
@@ -384,8 +398,9 @@ export class ChaptersLessonService {
             return { code: 200, message: 'Lesson created successfully', data: lesson as LessonData };
         } catch (error) {
             logger.error(`Error creating lesson: ${error}`);
+            const decodedToken = jwt.decode(request.token) as { id: number } | null;
             await auditService.logSync({
-                userId: request.userId || 0,
+                userId: decodedToken?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Lesson',
                 entityId: 0,
@@ -404,10 +419,10 @@ export class ChaptersLessonService {
      */
     async getLesson(request: GetLessonRequest): Promise<GetLessonResponse> {
         try {
-            const { userId, course_id, lesson_id } = request;
+            const { token, course_id, lesson_id } = request;
 
             // Check access for both instructor and enrolled student
-            const access = await validateCourseAccess(userId, course_id);
+            const access = await validateCourseAccess(token, course_id);
             if (!access.hasAccess) {
                 throw new ForbiddenError('You do not have access to this course');
             }
@@ -534,8 +549,9 @@ export class ChaptersLessonService {
             return { code: 200, message: 'Lesson fetched successfully', data: lessonData as LessonData };
         } catch (error) {
             logger.error(`Error fetching lesson: ${error}`);
+            const decodedToken = jwt.decode(request.token) as { id: number } | null;
             await auditService.logSync({
-                userId: request.userId || 0,
+                userId: decodedToken?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Lesson',
                 entityId: request.lesson_id,
@@ -550,13 +566,14 @@ export class ChaptersLessonService {
 
     async updateLesson(request: UpdateLessonRequest): Promise<UpdateLessonResponse> {
         try {
-            const { userId, course_id, lesson_id, data } = request;
+            const { token, course_id, lesson_id, data } = request;
+            const decodedToken = jwt.verify(token, config.jwt.secret) as { id: number };
             await CoursesInstructorService.validateCourseStatus(course_id);
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            const user = await prisma.user.findUnique({ where: { id: decodedToken.id } });
             if (!user) {
                 throw new UnauthorizedError('Invalid token');
             }
-            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(token, course_id);
             if (!courseInstructor) {
                 throw new ForbiddenError('You are not permitted to update lesson');
             }
@@ -564,8 +581,9 @@ export class ChaptersLessonService {
             return { code: 200, message: 'Lesson updated successfully', data: lesson as LessonData };
         } catch (error) {
             logger.error(`Error updating lesson: ${error}`);
+            const decodedToken = jwt.decode(request.token) as { id: number } | null;
             await auditService.logSync({
-                userId: request.userId || 0,
+                userId: decodedToken?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Lesson',
                 entityId: request.lesson_id,
@@ -584,13 +602,14 @@ export class ChaptersLessonService {
      */
     async reorderLessons(request: ReorderLessonsRequest): Promise<ReorderLessonsResponse> {
         try {
-            const { userId, course_id, chapter_id, lesson_id, sort_order: newSortOrder } = request;
+            const { token, course_id, chapter_id, lesson_id, sort_order: newSortOrder } = request;
+            const decodedToken = jwt.verify(token, config.jwt.secret) as { id: number };
             await CoursesInstructorService.validateCourseStatus(course_id);
 
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            const user = await prisma.user.findUnique({ where: { id: decodedToken.id } });
             if (!user) throw new UnauthorizedError('Invalid token');
 
-            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(token, course_id);
             if (!courseInstructor) throw new ForbiddenError('You are not permitted to reorder lessons');
 
             // Verify chapter exists and belongs to the course
@@ -663,8 +682,9 @@ export class ChaptersLessonService {
             return { code: 200, message: 'Lessons reordered successfully', data: lessons as LessonData[] };
         } catch (error) {
             logger.error(`Error reordering lessons: ${error}`);
+            const decodedToken = jwt.decode(request.token) as { id: number } | null;
             await auditService.logSync({
-                userId: request.userId || 0,
+                userId: decodedToken?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Lesson',
                 entityId: request.lesson_id,
@@ -684,13 +704,14 @@ export class ChaptersLessonService {
      */
     async deleteLesson(request: DeleteLessonRequest): Promise<DeleteLessonResponse> {
         try {
-            const { userId, course_id, lesson_id } = request;
+            const { token, course_id, lesson_id } = request;
+            const decodedToken = jwt.verify(token, config.jwt.secret) as { id: number };
             await CoursesInstructorService.validateCourseStatus(course_id);
 
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            const user = await prisma.user.findUnique({ where: { id: decodedToken.id } });
             if (!user) throw new UnauthorizedError('Invalid token');
 
-            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(token, course_id);
             if (!courseInstructor) throw new ForbiddenError('You are not permitted to delete this lesson');
 
             // Fetch lesson with all related data
@@ -730,7 +751,7 @@ export class ChaptersLessonService {
 
             // Audit log - DELETE Lesson
             auditService.log({
-                userId: userId,
+                userId: decodedToken.id,
                 action: AuditAction.DELETE,
                 entityType: 'Lesson',
                 entityId: lesson_id,
@@ -743,8 +764,9 @@ export class ChaptersLessonService {
             return { code: 200, message: 'Lesson deleted successfully' };
         } catch (error) {
             logger.error(`Error deleting lesson: ${error}`);
+            const decodedToken = jwt.decode(request.token) as { id: number } | null;
             await auditService.logSync({
-                userId: request.userId || 0,
+                userId: decodedToken?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Lesson',
                 entityId: request.lesson_id,
@@ -767,13 +789,14 @@ export class ChaptersLessonService {
      */
     async uploadVideo(request: UploadVideoInput): Promise<VideoOperationResponse> {
         try {
-            const { userId, course_id, lesson_id, video } = request;
+            const { token, course_id, lesson_id, video } = request;
+            const decodedToken = jwt.verify(token, config.jwt.secret) as { id: number };
             await CoursesInstructorService.validateCourseStatus(course_id);
 
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            const user = await prisma.user.findUnique({ where: { id: decodedToken.id } });
             if (!user) throw new UnauthorizedError('Invalid token');
 
-            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(token, course_id);
             if (!courseInstructor) throw new ForbiddenError('You are not permitted to modify this lesson');
 
             // Verify lesson exists and is VIDEO type
@@ -810,7 +833,7 @@ export class ChaptersLessonService {
 
             // Audit log - UPLOAD_FILE (Video)
             auditService.log({
-                userId: userId,
+                userId: decodedToken.id,
                 action: AuditAction.UPLOAD_FILE,
                 entityType: 'Lesson',
                 entityId: lesson_id,
@@ -830,8 +853,9 @@ export class ChaptersLessonService {
             };
         } catch (error) {
             logger.error(`Error uploading video: ${error}`);
+            const decodedToken = jwt.decode(request.token) as { id: number } | null;
             await auditService.logSync({
-                userId: request.userId || 0,
+                userId: decodedToken?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Lesson',
                 entityId: request.lesson_id,
@@ -850,13 +874,14 @@ export class ChaptersLessonService {
      */
     async updateVideo(request: UpdateVideoInput): Promise<VideoOperationResponse> {
         try {
-            const { userId, course_id, lesson_id, video } = request;
+            const { token, course_id, lesson_id, video } = request;
+            const decodedToken = jwt.verify(token, config.jwt.secret) as { id: number };
             await CoursesInstructorService.validateCourseStatus(course_id);
 
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            const user = await prisma.user.findUnique({ where: { id: decodedToken.id } });
             if (!user) throw new UnauthorizedError('Invalid token');
 
-            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(token, course_id);
             if (!courseInstructor) throw new ForbiddenError('You are not permitted to modify this lesson');
 
             // Verify lesson exists and is VIDEO type
@@ -921,8 +946,9 @@ export class ChaptersLessonService {
             };
         } catch (error) {
             logger.error(`Error updating video: ${error}`);
+            const decodedToken = jwt.decode(request.token) as { id: number } | null;
             await auditService.logSync({
-                userId: request.userId || 0,
+                userId: decodedToken?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Lesson',
                 entityId: request.lesson_id,
@@ -941,13 +967,14 @@ export class ChaptersLessonService {
      */
     async setYouTubeVideo(request: SetYouTubeVideoInput): Promise<YouTubeVideoResponse> {
         try {
-            const { userId, course_id, lesson_id, youtube_video_id, video_title } = request;
+            const { token, course_id, lesson_id, youtube_video_id, video_title } = request;
+            const decodedToken = jwt.verify(token, config.jwt.secret) as { id: number };
             await CoursesInstructorService.validateCourseStatus(course_id);
 
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            const user = await prisma.user.findUnique({ where: { id: decodedToken.id } });
             if (!user) throw new UnauthorizedError('Invalid token');
 
-            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(token, course_id);
             if (!courseInstructor) throw new ForbiddenError('You are not permitted to modify this lesson');
 
             // Verify lesson exists and is VIDEO type
@@ -1011,8 +1038,9 @@ export class ChaptersLessonService {
             };
         } catch (error) {
             logger.error(`Error setting YouTube video: ${error}`);
+            const decodedToken = jwt.decode(request.token) as { id: number } | null;
             await auditService.logSync({
-                userId: request.userId || 0,
+                userId: decodedToken?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Lesson',
                 entityId: request.lesson_id,
@@ -1031,13 +1059,14 @@ export class ChaptersLessonService {
      */
     async uploadAttachment(request: UploadAttachmentInput): Promise<AttachmentOperationResponse> {
         try {
-            const { userId, course_id, lesson_id, attachment } = request;
+            const { token, course_id, lesson_id, attachment } = request;
+            const decodedToken = jwt.verify(token, config.jwt.secret) as { id: number };
             await CoursesInstructorService.validateCourseStatus(course_id);
 
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            const user = await prisma.user.findUnique({ where: { id: decodedToken.id } });
             if (!user) throw new UnauthorizedError('Invalid token');
 
-            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(token, course_id);
             if (!courseInstructor) throw new ForbiddenError('You are not permitted to modify this lesson');
 
             // Verify lesson exists
@@ -1072,7 +1101,7 @@ export class ChaptersLessonService {
 
             // Audit log - UPLOAD_FILE (Attachment)
             auditService.log({
-                userId: userId,
+                userId: decodedToken.id,
                 action: AuditAction.UPLOAD_FILE,
                 entityType: 'LessonAttachment',
                 entityId: newAttachment.id,
@@ -1096,8 +1125,9 @@ export class ChaptersLessonService {
             };
         } catch (error) {
             logger.error(`Error uploading attachment: ${error}`);
+            const decodedToken = jwt.decode(request.token) as { id: number } | null;
             await auditService.logSync({
-                userId: request.userId || 0,
+                userId: decodedToken?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'LessonAttachment',
                 entityId: request.lesson_id,
@@ -1116,13 +1146,14 @@ export class ChaptersLessonService {
      */
     async deleteAttachment(request: DeleteAttachmentInput): Promise<DeleteAttachmentResponse> {
         try {
-            const { userId, course_id, lesson_id, attachment_id } = request;
+            const { token, course_id, lesson_id, attachment_id } = request;
+            const decodedToken = jwt.verify(token, config.jwt.secret) as { id: number };
             await CoursesInstructorService.validateCourseStatus(course_id);
 
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            const user = await prisma.user.findUnique({ where: { id: decodedToken.id } });
             if (!user) throw new UnauthorizedError('Invalid token');
 
-            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(token, course_id);
             if (!courseInstructor) throw new ForbiddenError('You are not permitted to modify this lesson');
 
             // Verify lesson exists
@@ -1153,7 +1184,7 @@ export class ChaptersLessonService {
 
             // Audit log - DELETE_FILE (Attachment)
             auditService.log({
-                userId: userId,
+                userId: decodedToken.id,
                 action: AuditAction.DELETE_FILE,
                 entityType: 'LessonAttachment',
                 entityId: attachment_id,
@@ -1163,8 +1194,9 @@ export class ChaptersLessonService {
             return { code: 200, message: 'Attachment deleted successfully' };
         } catch (error) {
             logger.error(`Error deleting attachment: ${error}`);
+            const decodedToken = jwt.decode(request.token) as { id: number } | null;
             await auditService.logSync({
-                userId: request.userId || 0,
+                userId: decodedToken?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'LessonAttachment',
                 entityId: request.attachment_id,
@@ -1184,13 +1216,14 @@ export class ChaptersLessonService {
      */
     async addQuestion(request: AddQuestionInput): Promise<AddQuestionResponse> {
         try {
-            const { userId, course_id, lesson_id, question, explanation, question_type, sort_order, choices } = request;
+            const { token, course_id, lesson_id, question, explanation, question_type, sort_order, choices } = request;
+            const decodedToken = jwt.verify(token, config.jwt.secret) as { id: number };
             await CoursesInstructorService.validateCourseStatus(course_id);
 
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            const user = await prisma.user.findUnique({ where: { id: decodedToken.id } });
             if (!user) throw new UnauthorizedError('Invalid token');
 
-            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(token, course_id);
             if (!courseInstructor) throw new ForbiddenError('You are not permitted to modify this lesson');
 
             // Verify lesson exists and is QUIZ type
@@ -1248,8 +1281,9 @@ export class ChaptersLessonService {
             return { code: 200, message: 'Question added successfully', data: completeQuestion as QuizQuestionData };
         } catch (error) {
             logger.error(`Error adding question: ${error}`);
+            const decodedToken = jwt.decode(request.token) as { id: number } | null;
             await auditService.logSync({
-                userId: request.userId || 0,
+                userId: decodedToken?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Question',
                 entityId: 0,
@@ -1269,13 +1303,14 @@ export class ChaptersLessonService {
      */
     async updateQuestion(request: UpdateQuestionInput): Promise<UpdateQuestionResponse> {
         try {
-            const { userId, course_id, lesson_id, question_id, question, explanation, question_type, sort_order, choices } = request;
+            const { token, course_id, lesson_id, question_id, question, explanation, question_type, sort_order, choices } = request;
+            const decodedToken = jwt.verify(token, config.jwt.secret) as { id: number };
             await CoursesInstructorService.validateCourseStatus(course_id);
 
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            const user = await prisma.user.findUnique({ where: { id: decodedToken.id } });
             if (!user) throw new UnauthorizedError('Invalid token');
 
-            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(token, course_id);
             if (!courseInstructor) throw new ForbiddenError('You are not permitted to modify this lesson');
 
             // Verify lesson exists and is QUIZ type
@@ -1332,8 +1367,9 @@ export class ChaptersLessonService {
             return { code: 200, message: 'Question updated successfully', data: completeQuestion as QuizQuestionData };
         } catch (error) {
             logger.error(`Error updating question: ${error}`);
+            const decodedToken = jwt.decode(request.token) as { id: number } | null;
             await auditService.logSync({
-                userId: request.userId || 0,
+                userId: decodedToken?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Question',
                 entityId: request.question_id,
@@ -1348,13 +1384,14 @@ export class ChaptersLessonService {
 
     async reorderQuestion(request: ReorderQuestionInput): Promise<ReorderQuestionResponse> {
         try {
-            const { userId, course_id, lesson_id, question_id, sort_order } = request;
+            const { token, course_id, lesson_id, question_id, sort_order } = request;
+            const decodedToken = jwt.verify(token, config.jwt.secret) as { id: number };
             await CoursesInstructorService.validateCourseStatus(course_id);
 
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            const user = await prisma.user.findUnique({ where: { id: decodedToken.id } });
             if (!user) throw new UnauthorizedError('Invalid token');
 
-            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(token, course_id);
             if (!courseInstructor) throw new ForbiddenError('You are not permitted to modify this lesson');
 
             // Verify lesson exists and is QUIZ type
@@ -1434,8 +1471,9 @@ export class ChaptersLessonService {
             return { code: 200, message: 'Question reordered successfully', data: questions as QuizQuestionData[] };
         } catch (error) {
             logger.error(`Error reordering question: ${error}`);
+            const decodedToken = jwt.decode(request.token) as { id: number } | null;
             await auditService.logSync({
-                userId: request.userId || 0,
+                userId: decodedToken?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Question',
                 entityId: request.question_id,
@@ -1455,13 +1493,14 @@ export class ChaptersLessonService {
      */
     async deleteQuestion(request: DeleteQuestionInput): Promise<DeleteQuestionResponse> {
         try {
-            const { userId, course_id, lesson_id, question_id } = request;
+            const { token, course_id, lesson_id, question_id } = request;
+            const decodedToken = jwt.verify(token, config.jwt.secret) as { id: number };
             await CoursesInstructorService.validateCourseStatus(course_id);
 
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            const user = await prisma.user.findUnique({ where: { id: decodedToken.id } });
             if (!user) throw new UnauthorizedError('Invalid token');
 
-            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(token, course_id);
             if (!courseInstructor) throw new ForbiddenError('You are not permitted to modify this lesson');
 
             // Verify lesson exists and is QUIZ type
@@ -1491,8 +1530,9 @@ export class ChaptersLessonService {
             return { code: 200, message: 'Question deleted successfully' };
         } catch (error) {
             logger.error(`Error deleting question: ${error}`);
+            const decodedToken = jwt.decode(request.token) as { id: number } | null;
             await auditService.logSync({
-                userId: request.userId || 0,
+                userId: decodedToken?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Question',
                 entityId: request.question_id,
@@ -1640,13 +1680,14 @@ export class ChaptersLessonService {
      */
     async updateQuiz(request: UpdateQuizInput): Promise<UpdateQuizResponse> {
         try {
-            const { userId, course_id, lesson_id, title, description, passing_score, time_limit, shuffle_questions, shuffle_choices, show_answers_after_completion, is_skippable, allow_multiple_attempts } = request;
+            const { token, course_id, lesson_id, title, description, passing_score, time_limit, shuffle_questions, shuffle_choices, show_answers_after_completion, is_skippable, allow_multiple_attempts } = request;
+            const decodedToken = jwt.verify(token, config.jwt.secret) as { id: number };
             await CoursesInstructorService.validateCourseStatus(course_id);
 
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            const user = await prisma.user.findUnique({ where: { id: decodedToken.id } });
             if (!user) throw new UnauthorizedError('Invalid token');
 
-            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            const courseInstructor = await CoursesInstructorService.validateCourseInstructor(token, course_id);
             if (!courseInstructor) throw new ForbiddenError('You are not permitted to modify this lesson');
 
             // Verify lesson exists and is QUIZ type
diff --git a/Backend/src/services/CoursesInstructor.service.ts b/Backend/src/services/CoursesInstructor.service.ts
index 959ef80f..e1b40d0c 100644
--- a/Backend/src/services/CoursesInstructor.service.ts
+++ b/Backend/src/services/CoursesInstructor.service.ts
@@ -1,7 +1,9 @@
 import { prisma } from '../config/database';
 import { Prisma } from '@prisma/client';
+import { config } from '../config';
 import { logger } from '../config/logger';
-import { ValidationError, ForbiddenError, NotFoundError } from '../middleware/errorHandler';
+import { UnauthorizedError, ValidationError, ForbiddenError, NotFoundError } from '../middleware/errorHandler';
+import jwt from 'jsonwebtoken';
 import { uploadFile, deleteFile, getPresignedUrl } from '../config/minio';
 import {
     CreateCourseInput,
@@ -25,7 +27,6 @@ import {
     SearchInstructorResponse,
     GetEnrolledStudentsInput,
     GetEnrolledStudentsResponse,
-    EnrolledStudentData,
     GetQuizScoresInput,
     GetQuizScoresResponse,
     GetQuizAttemptDetailInput,
@@ -37,7 +38,6 @@ import {
     CloneCourseResponse,
     setCourseDraft,
     setCourseDraftResponse,
-    GetAllMyStudentsResponse,
 } from "../types/CoursesInstructor.types";
 import { auditService } from './audit.service';
 import { AuditAction } from '@prisma/client';
@@ -121,9 +121,10 @@ export class CoursesInstructorService {
 
     static async listMyCourses(input: ListMyCoursesInput): Promise<ListMyCourseResponse> {
         try {
+            const decoded = jwt.verify(input.token, config.jwt.secret) as { id: number; type: string };
             const courseInstructors = await prisma.courseInstructor.findMany({
                 where: {
-                    user_id: input.userId,
+                    user_id: decoded.id,
                     course: input.status ? { status: input.status } : undefined
                 },
                 include: {
@@ -156,8 +157,9 @@ export class CoursesInstructorService {
             };
         } catch (error) {
             logger.error('Failed to retrieve courses', { error });
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || undefined,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: 0,
@@ -172,10 +174,12 @@ export class CoursesInstructorService {
 
     static async getmyCourse(getmyCourse: getmyCourse): Promise<GetMyCourseResponse> {
         try {
+            const decoded = jwt.verify(getmyCourse.token, config.jwt.secret) as { id: number; type: string };
+
             // Check if user is instructor of this course
             const courseInstructor = await prisma.courseInstructor.findFirst({
                 where: {
-                    user_id: getmyCourse.userId,
+                    user_id: decoded.id,
                     course_id: getmyCourse.course_id
                 },
                 include: {
@@ -221,8 +225,9 @@ export class CoursesInstructorService {
             };
         } catch (error) {
             logger.error('Failed to retrieve course', { error });
+            const decoded = jwt.decode(getmyCourse.token) as { id: number } | null;
             await auditService.logSync({
-                userId: getmyCourse.userId,
+                userId: decoded?.id || undefined,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: getmyCourse.course_id,
@@ -235,9 +240,9 @@ export class CoursesInstructorService {
         }
     }
 
-    static async updateCourse(userId: number, courseId: number, courseData: UpdateCourseInput): Promise<createCourseResponse> {
+    static async updateCourse(token: string, courseId: number, courseData: UpdateCourseInput): Promise<createCourseResponse> {
         try {
-            await this.validateCourseInstructor(userId, courseId);
+            await this.validateCourseInstructor(token, courseId);
 
             const course = await prisma.course.update({
                 where: {
@@ -253,8 +258,9 @@ export class CoursesInstructorService {
             };
         } catch (error) {
             logger.error('Failed to update course', { error });
+            const decoded = jwt.decode(token) as { id: number } | null;
             await auditService.logSync({
-                userId,
+                userId: decoded?.id || undefined,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: courseId,
@@ -267,9 +273,9 @@ export class CoursesInstructorService {
         }
     }
 
-    static async uploadThumbnail(userId: number, courseId: number, file: Express.Multer.File): Promise<{ code: number; message: string; data: { course_id: number; thumbnail_url: string } }> {
+    static async uploadThumbnail(token: string, courseId: number, file: Express.Multer.File): Promise<{ code: number; message: string; data: { course_id: number; thumbnail_url: string } }> {
         try {
-            await this.validateCourseInstructor(userId, courseId);
+            await this.validateCourseInstructor(token, courseId);
 
             // Get current course to check for existing thumbnail
             const currentCourse = await prisma.course.findUnique({
@@ -316,8 +322,9 @@ export class CoursesInstructorService {
             };
         } catch (error) {
             logger.error('Failed to upload thumbnail', { error });
+            const decoded = jwt.decode(token) as { id: number } | null;
             await auditService.logSync({
-                userId,
+                userId: decoded?.id || undefined,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: courseId,
@@ -330,9 +337,9 @@ export class CoursesInstructorService {
         }
     }
 
-    static async deleteCourse(userId: number, courseId: number): Promise<createCourseResponse> {
+    static async deleteCourse(token: string, courseId: number): Promise<createCourseResponse> {
         try {
-            const courseInstructorId = await this.validateCourseInstructor(userId, courseId);
+            const courseInstructorId = await this.validateCourseInstructor(token, courseId);
             if (!courseInstructorId.is_primary) {
                 throw new ForbiddenError('You have no permission to delete this course');
             }
@@ -358,8 +365,9 @@ export class CoursesInstructorService {
             };
         } catch (error) {
             logger.error('Failed to delete course', { error });
+            const decoded = jwt.decode(token) as { id: number } | null;
             await auditService.logSync({
-                userId,
+                userId: decoded?.id || undefined,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: courseId,
@@ -374,10 +382,11 @@ export class CoursesInstructorService {
 
     static async sendCourseForReview(sendCourseForReview: sendCourseForReview): Promise<submitCourseResponse> {
         try {
+            const decoded = jwt.verify(sendCourseForReview.token, config.jwt.secret) as { id: number; type: string };
             await prisma.courseApproval.create({
                 data: {
                     course_id: sendCourseForReview.course_id,
-                    submitted_by: sendCourseForReview.userId,
+                    submitted_by: decoded.id,
                 }
             });
             await prisma.course.update({
@@ -389,7 +398,7 @@ export class CoursesInstructorService {
                 }
             });
             await auditService.logSync({
-                userId: sendCourseForReview.userId,
+                userId: decoded.id,
                 action: AuditAction.UPDATE,
                 entityType: 'Course',
                 entityId: sendCourseForReview.course_id,
@@ -403,8 +412,9 @@ export class CoursesInstructorService {
             };
         } catch (error) {
             logger.error('Failed to send course for review', { error });
+            const decoded = jwt.decode(sendCourseForReview.token) as { id: number } | null;
             await auditService.logSync({
-                userId: sendCourseForReview.userId,
+                userId: decoded?.id || undefined,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: sendCourseForReview.course_id,
@@ -419,7 +429,7 @@ export class CoursesInstructorService {
 
     static async setCourseDraft(setCourseDraft: setCourseDraft): Promise<setCourseDraftResponse> {
         try {
-            await this.validateCourseInstructor(setCourseDraft.userId, setCourseDraft.course_id);
+            await this.validateCourseInstructor(setCourseDraft.token, setCourseDraft.course_id);
             await prisma.course.update({
                 where: {
                     id: setCourseDraft.course_id,
@@ -435,8 +445,9 @@ export class CoursesInstructorService {
             };
         } catch (error) {
             logger.error('Failed to set course to draft', { error });
+            const decoded = jwt.decode(setCourseDraft.token) as { id: number } | null;
             await auditService.logSync({
-                userId: setCourseDraft.userId,
+                userId: decoded?.id || undefined,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: setCourseDraft.course_id,
@@ -449,7 +460,7 @@ export class CoursesInstructorService {
         }
     }
 
-    static async getCourseApprovals(userId: number, courseId: number): Promise<{
+    static async getCourseApprovals(token: string, courseId: number): Promise<{
         code: number;
         message: string;
         data: any[];
@@ -457,7 +468,7 @@ export class CoursesInstructorService {
     }> {
         try {
             // Validate instructor access
-            await this.validateCourseInstructor(userId, courseId);
+            await this.validateCourseInstructor(token, courseId);
 
             const approvals = await prisma.courseApproval.findMany({
                 where: { course_id: courseId },
@@ -480,8 +491,9 @@ export class CoursesInstructorService {
             };
         } catch (error) {
             logger.error('Failed to retrieve course approvals', { error });
+            const decoded = jwt.decode(token) as { id: number } | null;
             await auditService.logSync({
-                userId,
+                userId: decoded?.id || undefined,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: courseId,
@@ -498,6 +510,8 @@ export class CoursesInstructorService {
 
     static async searchInstructors(input: SearchInstructorInput): Promise<SearchInstructorResponse> {
         try {
+            const decoded = jwt.verify(input.token, config.jwt.secret) as { id: number };
+
             // Get existing instructors in the course
             const existingInstructors = await prisma.courseInstructor.findMany({
                 where: { course_id: input.course_id },
@@ -514,7 +528,7 @@ export class CoursesInstructorService {
                     ],
                     role: { code: 'INSTRUCTOR' },
                     id: {
-                        notIn: [input.userId, ...existingInstructorIds],
+                        notIn: [decoded.id, ...existingInstructorIds],
                     },
                 },
                 include: {
@@ -549,8 +563,9 @@ export class CoursesInstructorService {
             };
         } catch (error) {
             logger.error('Failed to search instructors', { error });
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || undefined,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: input.course_id,
@@ -566,7 +581,7 @@ export class CoursesInstructorService {
     static async addInstructorToCourse(addinstructorCourse: addinstructorCourse): Promise<addinstructorCourseResponse> {
         try {
             // Validate user is instructor of this course
-            await this.validateCourseInstructor(addinstructorCourse.userId, addinstructorCourse.course_id);
+            await this.validateCourseInstructor(addinstructorCourse.token, addinstructorCourse.course_id);
 
             // Find user by email or username
             const user = await prisma.user.findFirst({
@@ -604,8 +619,9 @@ export class CoursesInstructorService {
                 }
             });
 
+            const decoded = jwt.decode(addinstructorCourse.token) as { id: number } | null;
             await auditService.logSync({
-                userId: addinstructorCourse.userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.CREATE,
                 entityType: 'Course',
                 entityId: addinstructorCourse.course_id,
@@ -621,8 +637,9 @@ export class CoursesInstructorService {
             };
         } catch (error) {
             logger.error('Failed to add instructor to course', { error });
+            const decoded = jwt.decode(addinstructorCourse.token) as { id: number } | null;
             await auditService.logSync({
-                userId: addinstructorCourse.userId,
+                userId: decoded?.id || undefined,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: addinstructorCourse.course_id,
@@ -637,6 +654,7 @@ export class CoursesInstructorService {
 
     static async removeInstructorFromCourse(removeinstructorCourse: removeinstructorCourse): Promise<removeinstructorCourseResponse> {
         try {
+            const decoded = jwt.verify(removeinstructorCourse.token, config.jwt.secret) as { id: number; type: string };
             await prisma.courseInstructor.delete({
                 where: {
                     course_id_user_id: {
@@ -647,7 +665,7 @@ export class CoursesInstructorService {
             });
 
             await auditService.logSync({
-                userId: removeinstructorCourse.userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.DELETE,
                 entityType: 'Course',
                 entityId: removeinstructorCourse.course_id,
@@ -664,8 +682,9 @@ export class CoursesInstructorService {
             };
         } catch (error) {
             logger.error('Failed to remove instructor from course', { error });
+            const decoded = jwt.decode(removeinstructorCourse.token) as { id: number } | null;
             await auditService.logSync({
-                userId: removeinstructorCourse.userId,
+                userId: decoded?.id || undefined,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: removeinstructorCourse.course_id,
@@ -680,6 +699,7 @@ export class CoursesInstructorService {
 
     static async listInstructorsOfCourse(listinstructorCourse: listinstructorCourse): Promise<listinstructorCourseResponse> {
         try {
+            const decoded = jwt.verify(listinstructorCourse.token, config.jwt.secret) as { id: number; type: string };
             const courseInstructors = await prisma.courseInstructor.findMany({
                 where: {
                     course_id: listinstructorCourse.course_id,
@@ -723,8 +743,9 @@ export class CoursesInstructorService {
             };
         } catch (error) {
             logger.error('Failed to retrieve instructors of course', { error });
+            const decoded = jwt.decode(listinstructorCourse.token) as { id: number } | null;
             await auditService.logSync({
-                userId: listinstructorCourse.userId,
+                userId: decoded?.id || undefined,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: listinstructorCourse.course_id,
@@ -739,6 +760,7 @@ export class CoursesInstructorService {
 
     static async setPrimaryInstructor(setprimaryCourseInstructor: setprimaryCourseInstructor): Promise<setprimaryCourseInstructorResponse> {
         try {
+            const decoded = jwt.verify(setprimaryCourseInstructor.token, config.jwt.secret) as { id: number; type: string };
             await prisma.courseInstructor.update({
                 where: {
                     course_id_user_id: {
@@ -752,7 +774,7 @@ export class CoursesInstructorService {
             });
 
             await auditService.logSync({
-                userId: setprimaryCourseInstructor.userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.UPDATE,
                 entityType: 'Course',
                 entityId: setprimaryCourseInstructor.course_id,
@@ -769,8 +791,9 @@ export class CoursesInstructorService {
             };
         } catch (error) {
             logger.error('Failed to set primary instructor', { error });
+            const decoded = jwt.decode(setprimaryCourseInstructor.token) as { id: number } | null;
             await auditService.logSync({
-                userId: setprimaryCourseInstructor.userId,
+                userId: decoded?.id || undefined,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: setprimaryCourseInstructor.course_id,
@@ -783,10 +806,11 @@ export class CoursesInstructorService {
         }
     }
 
-    static async validateCourseInstructor(userId: number, courseId: number): Promise<{ user_id: number; is_primary: boolean }> {
+    static async validateCourseInstructor(token: string, courseId: number): Promise<{ user_id: number; is_primary: boolean }> {
+        const decoded = jwt.verify(token, config.jwt.secret) as { id: number; type: string };
         const courseInstructor = await prisma.courseInstructor.findFirst({
             where: {
-                user_id: userId,
+                user_id: decoded.id,
                 course_id: courseId
             }
         });
@@ -815,10 +839,10 @@ export class CoursesInstructorService {
      */
     static async getEnrolledStudents(input: GetEnrolledStudentsInput): Promise<GetEnrolledStudentsResponse> {
         try {
-            const { userId, course_id, page = 1, limit = 20, search, status } = input;
+            const { token, course_id, page = 1, limit = 20, search, status } = input;
 
             // Validate instructor
-            await this.validateCourseInstructor(userId, course_id);
+            await this.validateCourseInstructor(token, course_id);
 
             // Build where clause
             const whereClause: any = { course_id };
@@ -893,8 +917,9 @@ export class CoursesInstructorService {
             };
         } catch (error) {
             logger.error(`Error getting enrolled students: ${error}`);
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || undefined,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: input.course_id,
@@ -913,10 +938,11 @@ export class CoursesInstructorService {
      */
     static async getQuizScores(input: GetQuizScoresInput): Promise<GetQuizScoresResponse> {
         try {
-            const { userId, course_id, lesson_id, page = 1, limit = 20, search, is_passed } = input;
+            const { token, course_id, lesson_id, page = 1, limit = 20, search, is_passed } = input;
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number };
 
             // Validate instructor
-            await this.validateCourseInstructor(userId, course_id);
+            await this.validateCourseInstructor(token, course_id);
 
             // Get lesson and verify it's a QUIZ type
             const lesson = await prisma.lesson.findUnique({
@@ -1069,8 +1095,9 @@ export class CoursesInstructorService {
             };
         } catch (error) {
             logger.error(`Error getting quiz scores: ${error}`);
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || undefined,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: input.course_id,
@@ -1089,10 +1116,10 @@ export class CoursesInstructorService {
      */
     static async getQuizAttemptDetail(input: GetQuizAttemptDetailInput): Promise<GetQuizAttemptDetailResponse> {
         try {
-            const { userId, course_id, lesson_id, student_id } = input;
+            const { token, course_id, lesson_id, student_id } = input;
 
             // Validate instructor
-            await this.validateCourseInstructor(userId, course_id);
+            await this.validateCourseInstructor(token, course_id);
 
             // Get lesson and verify it's a QUIZ type
             const lesson = await prisma.lesson.findUnique({
@@ -1192,8 +1219,9 @@ export class CoursesInstructorService {
             };
         } catch (error) {
             logger.error(`Error getting quiz attempt detail: ${error}`);
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || undefined,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: input.course_id,
@@ -1212,10 +1240,10 @@ export class CoursesInstructorService {
      */
     static async getEnrolledStudentDetail(input: GetEnrolledStudentDetailInput): Promise<GetEnrolledStudentDetailResponse> {
         try {
-            const { userId, course_id, student_id } = input;
+            const { token, course_id, student_id } = input;
 
             // Validate instructor
-            await this.validateCourseInstructor(userId, course_id);
+            await this.validateCourseInstructor(token, course_id);
 
             // Get student info
             const student = await prisma.user.findUnique({
@@ -1339,8 +1367,9 @@ export class CoursesInstructorService {
             };
         } catch (error) {
             logger.error(`Error getting enrolled student detail: ${error}`);
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || undefined,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: input.course_id,
@@ -1357,10 +1386,12 @@ export class CoursesInstructorService {
      * ดึงประวัติการขออนุมัติคอร์ส
      * Get course approval history for instructor to see rejection reasons
      */
-    static async getCourseApprovalHistory(userId: number, courseId: number): Promise<GetCourseApprovalHistoryResponse> {
+    static async getCourseApprovalHistory(token: string, courseId: number): Promise<GetCourseApprovalHistoryResponse> {
         try {
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number };
+
             // Validate instructor access
-            await this.validateCourseInstructor(userId, courseId);
+            await this.validateCourseInstructor(token, courseId);
 
             // Get course with approval history
             const course = await prisma.course.findUnique({
@@ -1403,8 +1434,9 @@ export class CoursesInstructorService {
             };
         } catch (error) {
             logger.error(`Error getting course approval history: ${error}`);
+            const decoded = jwt.decode(token) as { id: number } | null;
             await auditService.logSync({
-                userId,
+                userId: decoded?.id || undefined,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: courseId,
@@ -1422,10 +1454,11 @@ export class CoursesInstructorService {
      */
     static async cloneCourse(input: CloneCourseInput): Promise<CloneCourseResponse> {
         try {
-            const { userId, course_id, title } = input;
+            const { token, course_id, title } = input;
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number };
 
             // Validate instructor
-            const courseInstructor = await this.validateCourseInstructor(userId, course_id);
+            const courseInstructor = await this.validateCourseInstructor(token, course_id);
             if (!courseInstructor) {
                 throw new ForbiddenError('You are not an instructor of this course');
             }
@@ -1475,7 +1508,7 @@ export class CoursesInstructorService {
                         is_free: originalCourse.is_free,
                         have_certificate: originalCourse.have_certificate,
                         status: 'DRAFT', // Reset status
-                        created_by: userId
+                        created_by: decoded.id
                     }
                 });
 
@@ -1483,7 +1516,7 @@ export class CoursesInstructorService {
                 await tx.courseInstructor.create({
                     data: {
                         course_id: createdCourse.id,
-                        user_id: userId,
+                        user_id: decoded.id,
                         is_primary: true
                     }
                 });
@@ -1556,7 +1589,7 @@ export class CoursesInstructorService {
                                     shuffle_questions: lesson.quiz.shuffle_questions,
                                     shuffle_choices: lesson.quiz.shuffle_choices,
                                     show_answers_after_completion: lesson.quiz.show_answers_after_completion,
-                                    created_by: userId
+                                    created_by: decoded.id
                                 }
                             });
 
@@ -1603,7 +1636,7 @@ export class CoursesInstructorService {
             });
 
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded.id,
                 action: AuditAction.CREATE,
                 entityType: 'Course',
                 entityId: newCourse.id,
@@ -1625,8 +1658,9 @@ export class CoursesInstructorService {
 
         } catch (error) {
             logger.error(`Error cloning course: ${error}`);
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Course',
                 entityId: input.course_id,
@@ -1638,45 +1672,4 @@ export class CoursesInstructorService {
             throw error;
         }
     }
-
-    /**
-     * ดึงผู้เรียนทั้งหมดในทุกคอร์สของ instructor
-     * Get all enrolled students across all courses the instructor owns/teaches
-     */
-    static async getMyAllStudents(userId: number): Promise<GetAllMyStudentsResponse> {
-        try {
-            // หา course IDs ทั้งหมดที่ instructor สอน
-            const instructorCourses = await prisma.courseInstructor.findMany({
-                where: { user_id: userId },
-                select: { course_id: true }
-            });
-
-            const courseIds = instructorCourses.map(ci => ci.course_id);
-
-            if (courseIds.length === 0) {
-                return { code: 200, message: 'Students retrieved successfully', total_students: 0, total_completed: 0 };
-            }
-
-            // unique students ทั้งหมด
-            const uniqueStudents = await prisma.enrollment.groupBy({
-                by: ['user_id'],
-                where: { course_id: { in: courseIds } },
-            });
-
-            // จำนวน enrollment ที่ COMPLETED
-            const totalCompleted = await prisma.enrollment.count({
-                where: { course_id: { in: courseIds }, status: 'COMPLETED' }
-            });
-
-            return {
-                code: 200,
-                message: 'Students retrieved successfully',
-                total_students: uniqueStudents.length,
-                total_completed: totalCompleted,
-            };
-        } catch (error) {
-            logger.error(`Error getting all students: ${error}`);
-            throw error;
-        }
-    }
 }
diff --git a/Backend/src/services/CoursesStudent.service.ts b/Backend/src/services/CoursesStudent.service.ts
index 2ae599fc..986695b1 100644
--- a/Backend/src/services/CoursesStudent.service.ts
+++ b/Backend/src/services/CoursesStudent.service.ts
@@ -133,7 +133,7 @@ export class CoursesStudentService {
     async enrollCourse(input: EnrollCourseInput): Promise<EnrollCourseResponse> {
         try {
             const { course_id } = input;
-            const userId = input.userId;
+            const decoded = jwt.verify(input.token, config.jwt.secret) as { id: number; type: string };
 
             const course = await prisma.course.findUnique({
                 where: { id: course_id },
@@ -146,7 +146,7 @@ export class CoursesStudentService {
             const existingEnrollment = await prisma.enrollment.findUnique({
                 where: {
                     unique_enrollment: {
-                        user_id: userId,
+                        user_id: decoded.id,
                         course_id,
                     },
                 },
@@ -159,7 +159,7 @@ export class CoursesStudentService {
             const enrollment = await prisma.enrollment.create({
                 data: {
                     course_id,
-                    user_id: userId,
+                    user_id: decoded.id,
                     status: 'ENROLLED',
                     enrolled_at: new Date(),
                 },
@@ -167,11 +167,11 @@ export class CoursesStudentService {
 
             // Audit log - ENROLL
             auditService.log({
-                userId: userId,
+                userId: decoded.id,
                 action: AuditAction.ENROLL,
                 entityType: 'Enrollment',
                 entityId: enrollment.id,
-                newValue: { course_id, user_id: userId, status: 'ENROLLED' }
+                newValue: { course_id, user_id: decoded.id, status: 'ENROLLED' }
             });
 
             return {
@@ -187,9 +187,9 @@ export class CoursesStudentService {
             };
         } catch (error) {
             logger.error(`Error enrolling in course: ${error}`);
-            // userId from middleware
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Enrollment',
                 entityId: 0,
@@ -206,13 +206,13 @@ export class CoursesStudentService {
 
     async GetEnrolledCourses(input: ListEnrolledCoursesInput): Promise<ListEnrolledCoursesResponse> {
         try {
-            // destructure input
+            const { token } = input;
             const page = input.page ?? 1;
             const limit = input.limit ?? 20;
-            const userId = input.userId;
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number; type: string };
             const enrollments = await prisma.enrollment.findMany({
                 where: {
-                    user_id: userId,
+                    user_id: decoded.id,
                 },
                 include: {
                     course: {
@@ -230,7 +230,7 @@ export class CoursesStudentService {
             });
             const total = await prisma.enrollment.count({
                 where: {
-                    user_id: userId,
+                    user_id: decoded.id,
                 },
             });
 
@@ -274,9 +274,9 @@ export class CoursesStudentService {
             };
         } catch (error) {
             logger.error(error);
-            // userId from middleware
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Enrollment',
                 entityId: 0,
@@ -290,8 +290,8 @@ export class CoursesStudentService {
     }
     async getCourseLearning(input: GetCourseLearningInput): Promise<GetCourseLearningResponse> {
         try {
-            const { course_id } = input;
-            const userId = input.userId;
+            const { token, course_id } = input;
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number; type: string };
 
             // Get course with chapters and lessons (basic info only)
             const course = await prisma.course.findUnique({
@@ -330,7 +330,7 @@ export class CoursesStudentService {
             const enrollment = await prisma.enrollment.findUnique({
                 where: {
                     unique_enrollment: {
-                        user_id: userId,
+                        user_id: decoded.id,
                         course_id,
                     },
                 },
@@ -345,7 +345,7 @@ export class CoursesStudentService {
                 prisma.enrollment.update({
                     where: {
                         unique_enrollment: {
-                            user_id: userId,
+                            user_id: decoded.id,
                             course_id,
                         },
                     },
@@ -357,7 +357,7 @@ export class CoursesStudentService {
             const lessonIds = course.chapters.flatMap(ch => ch.lessons.map(l => l.id));
             const lessonProgress = await prisma.lessonProgress.findMany({
                 where: {
-                    user_id: userId,
+                    user_id: decoded.id,
                     lesson_id: { in: lessonIds },
                 },
             });
@@ -453,9 +453,9 @@ export class CoursesStudentService {
             };
         } catch (error) {
             logger.error(error);
-            // userId from middleware
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Enrollment',
                 entityId: 0,
@@ -470,8 +470,8 @@ export class CoursesStudentService {
 
     async getlessonContent(input: GetLessonContentInput): Promise<GetLessonContentResponse> {
         try {
-            const { course_id, lesson_id } = input;
-            const userId = input.userId;
+            const { token, course_id, lesson_id } = input;
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number; type: string };
 
             // Import MinIO functions
 
@@ -479,7 +479,7 @@ export class CoursesStudentService {
             const enrollment = await prisma.enrollment.findUnique({
                 where: {
                     unique_enrollment: {
-                        user_id: userId,
+                        user_id: decoded.id,
                         course_id,
                     },
                 },
@@ -528,7 +528,7 @@ export class CoursesStudentService {
             const lessonProgress = await prisma.lessonProgress.findUnique({
                 where: {
                     user_id_lesson_id: {
-                        user_id: userId,
+                        user_id: decoded.id,
                         lesson_id,
                     },
                 },
@@ -639,7 +639,7 @@ export class CoursesStudentService {
                 // Get latest quiz attempt for this user
                 latestQuizAttempt = await prisma.quizAttempt.findFirst({
                     where: {
-                        user_id: userId,
+                        user_id: decoded.id,
                         quiz_id: lesson.quiz.id,
                     },
                     orderBy: {
@@ -726,9 +726,9 @@ export class CoursesStudentService {
             };
         } catch (error) {
             logger.error(error);
-            // userId from middleware
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Enrollment',
                 entityId: 0,
@@ -744,14 +744,14 @@ export class CoursesStudentService {
 
     async checkAccessLesson(input: CheckLessonAccessInput): Promise<CheckLessonAccessResponse> {
         try {
-            const { course_id, lesson_id } = input;
-            const userId = input.userId;
+            const { token, course_id, lesson_id } = input;
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number; type: string };
 
             // Check enrollment
             const enrollment = await prisma.enrollment.findUnique({
                 where: {
                     unique_enrollment: {
-                        user_id: userId,
+                        user_id: decoded.id,
                         course_id,
                     },
                 },
@@ -845,7 +845,7 @@ export class CoursesStudentService {
             // Get user's progress for prerequisite lessons
             const prerequisiteProgress = await prisma.lessonProgress.findMany({
                 where: {
-                    user_id: userId,
+                    user_id: decoded.id,
                     lesson_id: { in: prerequisiteIds },
                 },
             });
@@ -879,7 +879,7 @@ export class CoursesStudentService {
                     // Check if user passed the quiz
                     const quizAttempt = await prisma.quizAttempt.findFirst({
                         where: {
-                            user_id: userId,
+                            user_id: decoded.id,
                             quiz_id: prereqLesson.quiz.id,
                             is_passed: true,
                         },
@@ -925,9 +925,9 @@ export class CoursesStudentService {
             };
         } catch (error) {
             logger.error(error);
-            // userId from middleware
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Enrollment',
                 entityId: 0,
@@ -942,8 +942,8 @@ export class CoursesStudentService {
 
     async getVideoProgress(input: GetVideoProgressInput): Promise<GetVideoProgressResponse> {
         try {
-            const { lesson_id } = input;
-            const userId = input.userId;
+            const { token, lesson_id } = input;
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number; type: string };
 
             // Get lesson to find course_id
             const lesson = await prisma.lesson.findUnique({
@@ -966,7 +966,7 @@ export class CoursesStudentService {
             const enrollment = await prisma.enrollment.findUnique({
                 where: {
                     unique_enrollment: {
-                        user_id: userId,
+                        user_id: decoded.id,
                         course_id,
                     },
                 },
@@ -980,7 +980,7 @@ export class CoursesStudentService {
             const progress = await prisma.lessonProgress.findUnique({
                 where: {
                     user_id_lesson_id: {
-                        user_id: userId,
+                        user_id: decoded.id,
                         lesson_id,
                     },
                 },
@@ -1010,9 +1010,9 @@ export class CoursesStudentService {
             };
         } catch (error) {
             logger.error(error);
-            // userId from middleware
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Enrollment',
                 entityId: 0,
@@ -1027,8 +1027,8 @@ export class CoursesStudentService {
 
     async saveVideoProgress(input: SaveVideoProgressInput): Promise<SaveVideoProgressResponse> {
         try {
-            const { lesson_id, video_progress_seconds, video_duration_seconds } = input;
-            const userId = input.userId;
+            const { token, lesson_id, video_progress_seconds, video_duration_seconds } = input;
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number; type: string };
 
             // Get lesson to find course_id
             const lesson = await prisma.lesson.findUnique({
@@ -1051,7 +1051,7 @@ export class CoursesStudentService {
             const enrollment = await prisma.enrollment.findUnique({
                 where: {
                     unique_enrollment: {
-                        user_id: userId,
+                        user_id: decoded.id,
                         course_id,
                     },
                 },
@@ -1074,12 +1074,12 @@ export class CoursesStudentService {
             const progress = await prisma.lessonProgress.upsert({
                 where: {
                     user_id_lesson_id: {
-                        user_id: userId,
+                        user_id: decoded.id,
                         lesson_id,
                     },
                 },
                 create: {
-                    user_id: userId,
+                    user_id: decoded.id,
                     lesson_id,
                     video_progress_seconds,
                     video_duration_seconds: video_duration_seconds ?? null,
@@ -1098,7 +1098,7 @@ export class CoursesStudentService {
             // If video completed, mark lesson as complete and update enrollment progress
             let enrollmentProgress: { progress_percentage: number; is_course_completed: boolean } | undefined;
             if (isCompleted) {
-                const result = await this.markLessonComplete(userId, lesson_id, course_id);
+                const result = await this.markLessonComplete(decoded.id, lesson_id, course_id);
                 enrollmentProgress = result.enrollmentProgress;
             }
 
@@ -1118,9 +1118,9 @@ export class CoursesStudentService {
             };
         } catch (error) {
             logger.error(error);
-            // userId from middleware
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Enrollment',
                 entityId: 0,
@@ -1135,8 +1135,8 @@ export class CoursesStudentService {
 
     async completeLesson(input: CompleteLessonInput): Promise<CompleteLessonResponse> {
         try {
-            const { lesson_id } = input;
-            const userId = input.userId;
+            const { token, lesson_id } = input;
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number; type: string };
 
             // Get lesson with chapter and course info
             const lesson = await prisma.lesson.findUnique({
@@ -1185,7 +1185,7 @@ export class CoursesStudentService {
             const enrollment = await prisma.enrollment.findUnique({
                 where: {
                     unique_enrollment: {
-                        user_id: userId,
+                        user_id: decoded.id,
                         course_id,
                     },
                 },
@@ -1196,7 +1196,7 @@ export class CoursesStudentService {
             }
 
             // Mark lesson as complete and update enrollment progress
-            const { lessonProgress, enrollmentProgress } = await this.markLessonComplete(userId, lesson_id, course_id);
+            const { lessonProgress, enrollmentProgress } = await this.markLessonComplete(decoded.id, lesson_id, course_id);
             const { progress_percentage: course_progress_percentage, is_course_completed } = enrollmentProgress;
 
             // Find next lesson
@@ -1225,7 +1225,7 @@ export class CoursesStudentService {
                 // Check if certificate already exists
                 const existingCertificate = await prisma.certificate.findFirst({
                     where: {
-                        user_id: userId,
+                        user_id: decoded.id,
                         course_id,
                     },
                 });
@@ -1233,10 +1233,10 @@ export class CoursesStudentService {
                 if (!existingCertificate) {
                     await prisma.certificate.create({
                         data: {
-                            user_id: userId,
+                            user_id: decoded.id,
                             course_id,
                             enrollment_id: enrollment.id,
-                            file_path: `certificates/${course_id}/${userId}/${Date.now()}.pdf`,
+                            file_path: `certificates/${course_id}/${decoded.id}/${Date.now()}.pdf`,
                             issued_at: new Date(),
                         },
                     });
@@ -1261,9 +1261,9 @@ export class CoursesStudentService {
             };
         } catch (error) {
             logger.error(`Error completing lesson: ${error}`);
-            // userId from middleware
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'LessonProgress',
                 entityId: input.lesson_id,
@@ -1283,14 +1283,14 @@ export class CoursesStudentService {
      */
     async submitQuiz(input: SubmitQuizInput): Promise<SubmitQuizResponse> {
         try {
-            const { course_id, lesson_id, answers } = input;
-            const userId = input.userId;
+            const { token, course_id, lesson_id, answers } = input;
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number };
 
             // Check enrollment
             const enrollment = await prisma.enrollment.findUnique({
                 where: {
                     unique_enrollment: {
-                        user_id: userId,
+                        user_id: decoded.id,
                         course_id,
                     },
                 },
@@ -1331,7 +1331,7 @@ export class CoursesStudentService {
             // Get previous attempt count
             const previousAttempts = await prisma.quizAttempt.count({
                 where: {
-                    user_id: userId,
+                    user_id: decoded.id,
                     quiz_id: quiz.id,
                 },
             });
@@ -1384,7 +1384,7 @@ export class CoursesStudentService {
             const now = new Date();
             const quizAttempt = await prisma.quizAttempt.create({
                 data: {
-                    user_id: userId,
+                    user_id: decoded.id,
                     quiz_id: quiz.id,
                     score: earnedScore,
                     total_questions: quiz.questions.length,
@@ -1400,7 +1400,7 @@ export class CoursesStudentService {
             // If passed, mark lesson as complete and update enrollment progress
             let enrollmentProgress: { progress_percentage: number; is_course_completed: boolean } | undefined;
             if (isPassed) {
-                const result = await this.markLessonComplete(userId, lesson_id, course_id);
+                const result = await this.markLessonComplete(decoded.id, lesson_id, course_id);
                 enrollmentProgress = result.enrollmentProgress;
             }
 
@@ -1429,9 +1429,9 @@ export class CoursesStudentService {
             };
         } catch (error) {
             logger.error(`Error submitting quiz: ${error}`);
-            // userId from middleware
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'QuizAttempt',
                 entityId: 0,
@@ -1452,14 +1452,14 @@ export class CoursesStudentService {
      */
     async getQuizAttempts(input: GetQuizAttemptsInput): Promise<GetQuizAttemptsResponse> {
         try {
-            const { course_id, lesson_id } = input;
-            const userId = input.userId;
+            const { token, course_id, lesson_id } = input;
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number };
 
             // Check enrollment
             const enrollment = await prisma.enrollment.findUnique({
                 where: {
                     unique_enrollment: {
-                        user_id: userId,
+                        user_id: decoded.id,
                         course_id,
                     },
                 },
@@ -1494,7 +1494,7 @@ export class CoursesStudentService {
             // Get all quiz attempts for this user
             const attempts = await prisma.quizAttempt.findMany({
                 where: {
-                    user_id: userId,
+                    user_id: decoded.id,
                     quiz_id: lesson.quiz.id,
                 },
                 orderBy: { attempt_number: 'desc' },
@@ -1539,20 +1539,22 @@ export class CoursesStudentService {
             };
         } catch (error) {
             logger.error(error);
-            // userId from middleware
-            await auditService.logSync({
-                userId: input.userId,
-                action: AuditAction.ERROR,
-                entityType: 'QuizAttempt',
-                entityId: 0,
-                metadata: {
-                    operation: 'get_quiz_attempts',
-                    course_id: input.course_id,
-                    lesson_id: input.lesson_id,
-                    error: error instanceof Error ? error.message : String(error)
-                }
-            });
+            const decoded = jwt.decode(input.token) as { id: number } | null;
+            if (decoded?.id) {
+                await auditService.logSync({
+                    userId: decoded.id,
+                    action: AuditAction.ERROR,
+                    entityType: 'QuizAttempt',
+                    entityId: 0,
+                    metadata: {
+                        operation: 'get_quiz_attempts',
+                        course_id: input.course_id,
+                        lesson_id: input.lesson_id,
+                        error: error instanceof Error ? error.message : String(error)
+                    }
+                });
+            }
             throw error;
         }
     }
-}
+}
\ No newline at end of file
diff --git a/Backend/src/services/RecommendedCourses.service.ts b/Backend/src/services/RecommendedCourses.service.ts
index 750131c6..22440eb2 100644
--- a/Backend/src/services/RecommendedCourses.service.ts
+++ b/Backend/src/services/RecommendedCourses.service.ts
@@ -1,6 +1,8 @@
 import { prisma } from '../config/database';
+import { config } from '../config';
 import { logger } from '../config/logger';
 import { NotFoundError, ValidationError } from '../middleware/errorHandler';
+import jwt from 'jsonwebtoken';
 import { getPresignedUrl } from '../config/minio';
 import {
     ListApprovedCoursesResponse,
@@ -18,7 +20,7 @@ export class RecommendedCoursesService {
      * List all approved courses (for admin to manage recommendations)
      */
     static async listApprovedCourses(
-        userId: number,
+        token: string,
         filters?: { search?: string; categoryId?: number }
     ): Promise<ListApprovedCoursesResponse> {
         try {
@@ -106,16 +108,19 @@ export class RecommendedCoursesService {
             };
         } catch (error) {
             logger.error('Failed to list approved courses', { error });
-            await auditService.logSync({
-                userId,
-                action: AuditAction.ERROR,
-                entityType: 'RecommendedCourses',
-                entityId: 0,
-                metadata: {
-                    operation: 'list_approved_courses',
-                    error: error instanceof Error ? error.message : String(error)
-                }
-            });
+            const decoded = jwt.decode(token) as { id: number } | null;
+            if (decoded?.id) {
+                await auditService.logSync({
+                    userId: decoded.id,
+                    action: AuditAction.ERROR,
+                    entityType: 'RecommendedCourses',
+                    entityId: 0,
+                    metadata: {
+                        operation: 'list_approved_courses',
+                        error: error instanceof Error ? error.message : String(error)
+                    }
+                });
+            }
             throw error;
         }
     }
@@ -123,7 +128,7 @@ export class RecommendedCoursesService {
     /**
      * Get course by ID (for admin to view details)
      */
-    static async getCourseById(userId: number, courseId: number): Promise<GetCourseByIdResponse> {
+    static async getCourseById(token: string, courseId: number): Promise<GetCourseByIdResponse> {
         try {
             const course = await prisma.course.findUnique({
                 where: { id: courseId },
@@ -208,16 +213,19 @@ export class RecommendedCoursesService {
             };
         } catch (error) {
             logger.error('Failed to get course by ID', { error });
-            await auditService.logSync({
-                userId,
-                action: AuditAction.ERROR,
-                entityType: 'RecommendedCourses',
-                entityId: 0,
-                metadata: {
-                    operation: 'get_course_by_id',
-                    error: error instanceof Error ? error.message : String(error)
-                }
-            });
+            const decoded = jwt.decode(token) as { id: number } | null;
+            if (decoded?.id) {
+                await auditService.logSync({
+                    userId: decoded.id,
+                    action: AuditAction.ERROR,
+                    entityType: 'RecommendedCourses',
+                    entityId: 0,
+                    metadata: {
+                        operation: 'get_course_by_id',
+                        error: error instanceof Error ? error.message : String(error)
+                    }
+                });
+            }
             throw error;
         }
     }
@@ -226,11 +234,12 @@ export class RecommendedCoursesService {
      * Toggle course recommendation status
      */
     static async toggleRecommended(
-        userId: number,
+        token: string,
         courseId: number,
         isRecommended: boolean
     ): Promise<ToggleRecommendedResponse> {
         try {
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number };
 
             const course = await prisma.course.findUnique({ where: { id: courseId } });
             if (!course) {
@@ -248,7 +257,7 @@ export class RecommendedCoursesService {
 
             // Audit log
             await auditService.logSync({
-                userId,
+                userId: decoded.id,
                 action: AuditAction.UPDATE,
                 entityType: 'Course',
                 entityId: courseId,
@@ -267,8 +276,9 @@ export class RecommendedCoursesService {
             };
         } catch (error) {
             logger.error('Failed to toggle recommended status', { error });
+            const decoded = jwt.decode(token) as { id: number } | null;
             await auditService.logSync({
-                userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'RecommendedCourses',
                 entityId: courseId,
diff --git a/Backend/src/services/announcements.service.ts b/Backend/src/services/announcements.service.ts
index 36adabca..7e8b2d3e 100644
--- a/Backend/src/services/announcements.service.ts
+++ b/Backend/src/services/announcements.service.ts
@@ -1,6 +1,8 @@
 import { prisma } from '../config/database';
+import { config } from '../config';
 import { logger } from '../config/logger';
-import { ForbiddenError, NotFoundError } from '../middleware/errorHandler';
+import { UnauthorizedError, ForbiddenError, NotFoundError } from '../middleware/errorHandler';
+import jwt from 'jsonwebtoken';
 import {
     ListAnnouncementResponse,
     CreateAnnouncementInput,
@@ -29,26 +31,27 @@ export class AnnouncementsService {
      */
     async listAnnouncement(input: ListAnnouncementInput): Promise<ListAnnouncementResponse> {
         try {
-            const { userId, course_id, page = 1, limit = 10 } = input;
+            const { token, course_id, page = 1, limit = 10 } = input;
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number; type: string };
 
             // Check user access - instructor, admin, or enrolled student
             const user = await prisma.user.findUnique({
-                where: { id: userId },
+                where: { id: decoded.id },
                 include: { role: true },
             });
-            if (!user) throw new ForbiddenError('User not found');
+            if (!user) throw new UnauthorizedError('Invalid token');
 
             // Admin can access all courses
             const isAdmin = user.role.code === 'ADMIN';
 
             // Check if instructor of this course
             const isInstructor = await prisma.courseInstructor.findFirst({
-                where: { course_id, user_id: userId },
+                where: { course_id, user_id: decoded.id },
             });
 
             // Check if enrolled student
             const isEnrolled = await prisma.enrollment.findFirst({
-                where: { course_id, user_id: userId },
+                where: { course_id, user_id: decoded.id },
             });
 
             if (!isAdmin && !isInstructor && !isEnrolled) throw new ForbiddenError('You do not have access to this course announcements');
@@ -58,7 +61,7 @@ export class AnnouncementsService {
             // Students only see PUBLISHED announcements with published_at <= now
             const now = new Date();
             const whereClause: any = { course_id };
-
+            
             if (!(isAdmin || isInstructor)) {
                 // Students: only show PUBLISHED and published_at <= now
                 whereClause.status = 'PUBLISHED';
@@ -127,8 +130,9 @@ export class AnnouncementsService {
             };
         } catch (error) {
             logger.error(`Error listing announcements: ${error}`);
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Announcement',
                 entityId: 0,
@@ -146,10 +150,11 @@ export class AnnouncementsService {
      */
     async createAnnouncement(input: CreateAnnouncementInput): Promise<CreateAnnouncementResponse> {
         try {
-            const { userId, course_id, title, content, status, is_pinned, published_at, files } = input;
+            const { token, course_id, title, content, status, is_pinned, published_at, files } = input;
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number };
 
             // Validate instructor access
-            await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            await CoursesInstructorService.validateCourseInstructor(token, course_id);
 
             // Determine published_at: use provided value or default to now if status is PUBLISHED
             let finalPublishedAt: Date | null = null;
@@ -166,7 +171,7 @@ export class AnnouncementsService {
                     status: status as any,
                     is_pinned,
                     published_at: finalPublishedAt,
-                    created_by: userId,
+                    created_by: decoded.id,
                 },
             });
 
@@ -231,8 +236,9 @@ export class AnnouncementsService {
             };
         } catch (error) {
             logger.error(`Error creating announcement: ${error}`);
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Announcement',
                 entityId: 0,
@@ -250,10 +256,11 @@ export class AnnouncementsService {
      */
     async updateAnnouncement(input: UpdateAnnouncementInput): Promise<UpdateAnnouncementResponse> {
         try {
-            const { userId, course_id, announcement_id, title, content, status, is_pinned, published_at } = input;
+            const { token, course_id, announcement_id, title, content, status, is_pinned, published_at } = input;
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number };
 
             // Validate instructor access
-            await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            await CoursesInstructorService.validateCourseInstructor(token, course_id);
 
             // Check announcement exists and belongs to course
             const existing = await prisma.announcement.findFirst({
@@ -282,7 +289,7 @@ export class AnnouncementsService {
                     status: status as any,
                     is_pinned,
                     published_at: finalPublishedAt,
-                    updated_by: userId,
+                    updated_by: decoded.id,
                 },
                 include: {
                     attachments: true,
@@ -313,8 +320,9 @@ export class AnnouncementsService {
             };
         } catch (error) {
             logger.error(`Error updating announcement: ${error}`);
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Announcement',
                 entityId: 0,
@@ -332,10 +340,11 @@ export class AnnouncementsService {
      */
     async deleteAnnouncement(input: DeleteAnnouncementInput): Promise<DeleteAnnouncementResponse> {
         try {
-            const { userId, course_id, announcement_id } = input;
+            const { token, course_id, announcement_id } = input;
+            jwt.verify(token, config.jwt.secret) as { id: number };
 
             // Validate instructor access
-            await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            await CoursesInstructorService.validateCourseInstructor(token, course_id);
 
             // Check announcement exists and belongs to course
             const existing = await prisma.announcement.findFirst({
@@ -367,8 +376,9 @@ export class AnnouncementsService {
             };
         } catch (error) {
             logger.error(`Error deleting announcement: ${error}`);
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Announcement',
                 entityId: 0,
@@ -386,10 +396,11 @@ export class AnnouncementsService {
      */
     async uploadAttachment(input: UploadAnnouncementAttachmentInput): Promise<UploadAnnouncementAttachmentResponse> {
         try {
-            const { userId, course_id, announcement_id, file } = input;
+            const { token, course_id, announcement_id, file } = input;
+            jwt.verify(token, config.jwt.secret) as { id: number };
 
             // Validate instructor access
-            await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            await CoursesInstructorService.validateCourseInstructor(token, course_id);
 
             // Check announcement exists and belongs to course
             const existing = await prisma.announcement.findFirst({
@@ -440,8 +451,9 @@ export class AnnouncementsService {
             };
         } catch (error) {
             logger.error(`Error uploading attachment: ${error}`);
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Announcement',
                 entityId: 0,
@@ -459,10 +471,11 @@ export class AnnouncementsService {
      */
     async deleteAttachment(input: DeleteAnnouncementAttachmentInput): Promise<DeleteAnnouncementAttachmentResponse> {
         try {
-            const { userId, course_id, announcement_id, attachment_id } = input;
+            const { token, course_id, announcement_id, attachment_id } = input;
+            jwt.verify(token, config.jwt.secret) as { id: number };
 
             // Validate instructor access
-            await CoursesInstructorService.validateCourseInstructor(userId, course_id);
+            await CoursesInstructorService.validateCourseInstructor(token, course_id);
 
             // Check attachment exists and belongs to announcement in this course
             const attachment = await prisma.announcementAttachment.findFirst({
@@ -495,8 +508,9 @@ export class AnnouncementsService {
             };
         } catch (error) {
             logger.error(`Error deleting attachment: ${error}`);
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'Announcement',
                 entityId: 0,
diff --git a/Backend/src/services/auth.service.ts b/Backend/src/services/auth.service.ts
index 9d16d594..66899bed 100644
--- a/Backend/src/services/auth.service.ts
+++ b/Backend/src/services/auth.service.ts
@@ -74,6 +74,7 @@ export class AuthService {
             data: {
                 token,
                 refreshToken,
+                user: await this.formatUserResponse(user)
             }
         };
     }
diff --git a/Backend/src/services/categories.service.ts b/Backend/src/services/categories.service.ts
index e18ec617..0e0defa2 100644
--- a/Backend/src/services/categories.service.ts
+++ b/Backend/src/services/categories.service.ts
@@ -1,7 +1,10 @@
 import { prisma } from '../config/database';
 import { Prisma } from '@prisma/client';
+import { config } from '../config';
 import { logger } from '../config/logger';
+import jwt from 'jsonwebtoken';
 import { createCategory, createCategoryResponse, deleteCategoryResponse, updateCategory, updateCategoryResponse, ListCategoriesResponse, Category } from '../types/categories.type';
+import { UnauthorizedError, ValidationError, ForbiddenError } from '../middleware/errorHandler';
 import { auditService } from './audit.service';
 import { AuditAction } from '@prisma/client';
 
@@ -23,13 +26,14 @@ export class CategoryService {
         }
     }
 
-    async createCategory(userId: number, category: createCategory): Promise<createCategoryResponse> {
+    async createCategory(token: string, category: createCategory): Promise<createCategoryResponse> {
         try {
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number; username: string; email: string; roleCode: string };
             const newCategory = await prisma.category.create({
                 data: category
             });
             auditService.log({
-                userId,
+                userId: decoded.id,
                 action: AuditAction.CREATE,
                 entityType: 'Category',
                 entityId: newCategory.id,
@@ -43,13 +47,13 @@ export class CategoryService {
                     name: newCategory.name as { th: string; en: string },
                     slug: newCategory.slug,
                     description: newCategory.description as { th: string; en: string },
-                    created_by: userId,
+                    created_by: decoded.id,
                 }
             };
         } catch (error) {
             logger.error('Failed to create category', { error });
             await auditService.logSync({
-                userId,
+                userId: 0,
                 action: AuditAction.ERROR,
                 entityType: 'Category',
                 entityId: 0,
@@ -62,14 +66,15 @@ export class CategoryService {
         }
     }
 
-    async updateCategory(userId: number, id: number, category: updateCategory): Promise<updateCategoryResponse> {
+    async updateCategory(token: string, id: number, category: updateCategory): Promise<updateCategoryResponse> {
         try {
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number; username: string; email: string; roleCode: string };
             const updatedCategory = await prisma.category.update({
                 where: { id },
                 data: category
             });
             auditService.log({
-                userId,
+                userId: decoded.id,
                 action: AuditAction.UPDATE,
                 entityType: 'Category',
                 entityId: id,
@@ -83,13 +88,13 @@ export class CategoryService {
                     name: updatedCategory.name as { th: string; en: string },
                     slug: updatedCategory.slug,
                     description: updatedCategory.description as { th: string; en: string },
-                    updated_by: userId,
+                    updated_by: decoded.id,
                 }
             };
         } catch (error) {
             logger.error('Failed to update category', { error });
             await auditService.logSync({
-                userId,
+                userId: 0,
                 action: AuditAction.ERROR,
                 entityType: 'Category',
                 entityId: 0,
@@ -102,13 +107,14 @@ export class CategoryService {
         }
     }
 
-    async deleteCategory(userId: number, id: number): Promise<deleteCategoryResponse> {
+    async deleteCategory(token: string, id: number): Promise<deleteCategoryResponse> {
         try {
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number; username: string; email: string; roleCode: string };
             const deletedCategory = await prisma.category.delete({
                 where: { id }
             });
             auditService.log({
-                userId,
+                userId: decoded.id,
                 action: AuditAction.DELETE,
                 entityType: 'Category',
                 entityId: id,
@@ -121,7 +127,7 @@ export class CategoryService {
         } catch (error) {
             logger.error('Failed to delete category', { error });
             await auditService.logSync({
-                userId,
+                userId: 0,
                 action: AuditAction.ERROR,
                 entityType: 'Category',
                 entityId: 0,
diff --git a/Backend/src/services/certificate.service.ts b/Backend/src/services/certificate.service.ts
index eafaffa0..4041ec41 100644
--- a/Backend/src/services/certificate.service.ts
+++ b/Backend/src/services/certificate.service.ts
@@ -1,6 +1,8 @@
 import { prisma } from '../config/database';
+import { config } from '../config';
 import { logger } from '../config/logger';
 import { NotFoundError, ForbiddenError, ValidationError } from '../middleware/errorHandler';
+import jwt from 'jsonwebtoken';
 import { PDFDocument, rgb } from 'pdf-lib';
 import fontkit from '@pdf-lib/fontkit';
 import * as fs from 'fs';
@@ -27,13 +29,14 @@ export class CertificateService {
      */
     async generateCertificate(input: GenerateCertificateInput): Promise<GenerateCertificateResponse> {
         try {
-            const { userId, course_id } = input;
+            const { token, course_id } = input;
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number };
 
             // Check enrollment and completion
             const enrollment = await prisma.enrollment.findUnique({
                 where: {
                     unique_enrollment: {
-                        user_id: userId,
+                        user_id: decoded.id,
                         course_id,
                     },
                 },
@@ -62,7 +65,7 @@ export class CertificateService {
             // Check if certificate already exists
             const existingCertificate = await prisma.certificate.findFirst({
                 where: {
-                    user_id: userId,
+                    user_id: decoded.id,
                     course_id,
                 },
             });
@@ -100,13 +103,13 @@ export class CertificateService {
 
             // Upload to MinIO
             const timestamp = Date.now();
-            const filePath = `certificates/${course_id}/${userId}/${timestamp}.pdf`;
+            const filePath = `certificates/${course_id}/${decoded.id}/${timestamp}.pdf`;
             await uploadFile(filePath, Buffer.from(pdfBytes), 'application/pdf');
 
             // Save to database
             const certificate = await prisma.certificate.create({
                 data: {
-                    user_id: userId,
+                    user_id: decoded.id,
                     course_id,
                     enrollment_id: enrollment.id,
                     file_path: filePath,
@@ -115,7 +118,7 @@ export class CertificateService {
             });
 
             auditService.log({
-                userId,
+                userId: decoded.id,
                 action: AuditAction.CREATE,
                 entityType: 'Certificate',
                 entityId: certificate.id,
@@ -136,8 +139,9 @@ export class CertificateService {
             };
         } catch (error) {
             logger.error('Failed to generate certificate', { error });
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id,
                 action: AuditAction.ERROR,
                 entityType: 'Certificate',
                 entityId: 0,
@@ -156,11 +160,12 @@ export class CertificateService {
      */
     async getCertificate(input: GetCertificateInput): Promise<GetCertificateResponse> {
         try {
-            const { userId, course_id } = input;
+            const { token, course_id } = input;
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number };
 
             const certificate = await prisma.certificate.findFirst({
                 where: {
-                    user_id: userId,
+                    user_id: decoded.id,
                     course_id,
                 },
                 include: {
@@ -197,8 +202,9 @@ export class CertificateService {
             };
         } catch (error) {
             logger.error('Failed to get certificate', { error });
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id,
                 action: AuditAction.ERROR,
                 entityType: 'Certificate',
                 entityId: 0,
@@ -217,11 +223,12 @@ export class CertificateService {
      */
     async listMyCertificates(input: ListMyCertificatesInput): Promise<ListMyCertificatesResponse> {
         try {
-            const { userId } = input;
+            const { token } = input;
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number };
 
             const certificates = await prisma.certificate.findMany({
                 where: {
-                    user_id: userId,
+                    user_id: decoded.id,
                 },
                 include: {
                     enrollment: {
@@ -260,8 +267,9 @@ export class CertificateService {
             };
         } catch (error) {
             logger.error('Failed to list certificates', { error });
+            const decoded = jwt.decode(input.token) as { id: number } | null;
             await auditService.logSync({
-                userId: input.userId,
+                userId: decoded?.id,
                 action: AuditAction.ERROR,
                 entityType: 'Certificate',
                 entityId: 0,
diff --git a/Backend/src/services/user.service.ts b/Backend/src/services/user.service.ts
index 552c7665..69153d51 100644
--- a/Backend/src/services/user.service.ts
+++ b/Backend/src/services/user.service.ts
@@ -24,10 +24,15 @@ import { auditService } from './audit.service';
 import { AuditAction } from '@prisma/client';
 
 export class UserService {
-    async getUserProfile(userId: number): Promise<UserResponse> {
+    async getUserProfile(token: string): Promise<UserResponse> {
         try {
+            // Decode JWT token to get user ID
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number; username: string; email: string; roleCode: string };
+
             const user = await prisma.user.findUnique({
-                where: { id: userId },
+                where: {
+                    id: decoded.id
+                },
                 include: {
                     profile: true,
                     role: true
@@ -63,6 +68,14 @@ export class UserService {
                 } : undefined
             };
         } catch (error) {
+            if (error instanceof jwt.JsonWebTokenError) {
+                logger.error('Invalid JWT token:', error);
+                throw new UnauthorizedError('Invalid token');
+            }
+            if (error instanceof jwt.TokenExpiredError) {
+                logger.error('JWT token expired:', error);
+                throw new UnauthorizedError('Token expired');
+            }
             logger.error('Error fetching user profile:', error);
             throw error;
         }
@@ -71,9 +84,12 @@ export class UserService {
     /**
      * Change user password
      */
-    async changePassword(userId: number, oldPassword: string, newPassword: string): Promise<ChangePasswordResponse> {
+    async changePassword(token: string, oldPassword: string, newPassword: string): Promise<ChangePasswordResponse> {
         try {
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            // Decode JWT token to get user ID
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number; username: string; email: string; roleCode: string };
+
+            const user = await prisma.user.findUnique({ where: { id: decoded.id } });
             if (!user) throw new UnauthorizedError('User not found');
 
             // Check if account is deactivated
@@ -111,12 +127,21 @@ export class UserService {
                 message: 'Password changed successfully'
             };
         } catch (error) {
+            if (error instanceof jwt.JsonWebTokenError) {
+                logger.error('Invalid JWT token:', error);
+                throw new UnauthorizedError('Invalid token');
+            }
+            if (error instanceof jwt.TokenExpiredError) {
+                logger.error('JWT token expired:', error);
+                throw new UnauthorizedError('Token expired');
+            }
             logger.error('Failed to change password', { error });
+            const decoded = jwt.decode(token) as { id: number } | null;
             await auditService.logSync({
-                userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'User',
-                entityId: userId,
+                entityId: decoded?.id || 0,
                 metadata: {
                     operation: 'change_password',
                     error: error instanceof Error ? error.message : String(error)
@@ -129,9 +154,12 @@ export class UserService {
     /**
      * Update user profile
      */
-    async updateProfile(userId: number, profile: ProfileUpdate): Promise<ProfileUpdateResponse> {
+    async updateProfile(token: string, profile: ProfileUpdate): Promise<ProfileUpdateResponse> {
         try {
-            const user = await prisma.user.findUnique({ where: { id: userId } });
+            // Decode JWT token to get user ID
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number; username: string; email: string; roleCode: string };
+
+            const user = await prisma.user.findUnique({ where: { id: decoded.id } });
             if (!user) throw new UnauthorizedError('User not found');
 
             // Check if account is deactivated
@@ -161,12 +189,21 @@ export class UserService {
                 }
             };
         } catch (error) {
+            if (error instanceof jwt.JsonWebTokenError) {
+                logger.error('Invalid JWT token:', error);
+                throw new UnauthorizedError('Invalid token');
+            }
+            if (error instanceof jwt.TokenExpiredError) {
+                logger.error('JWT token expired:', error);
+                throw new UnauthorizedError('Token expired');
+            }
             logger.error('Failed to update profile', { error });
+            const decoded = jwt.decode(token) as { id: number } | null;
             await auditService.logSync({
-                userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.UPDATE,
                 entityType: 'UserProfile',
-                entityId: userId,
+                entityId: decoded?.id || 0,
                 metadata: {
                     operation: 'update_profile',
                     error: error instanceof Error ? error.message : String(error)
@@ -176,8 +213,9 @@ export class UserService {
         }
     }
 
-    async getRoles(): Promise<rolesResponse> {
+    async getRoles(token: string): Promise<rolesResponse> {
         try {
+            jwt.verify(token, config.jwt.secret);
             const roles = await prisma.role.findMany({
                 select: {
                     id: true,
@@ -186,6 +224,14 @@ export class UserService {
             });
             return { roles };
         } catch (error) {
+            if (error instanceof jwt.TokenExpiredError) {
+                logger.error('JWT token expired:', error);
+                throw new UnauthorizedError('Token expired');
+            }
+            if (error instanceof jwt.JsonWebTokenError) {
+                logger.error('Invalid JWT token:', error);
+                throw new UnauthorizedError('Invalid token');
+            }
             logger.error('Failed to get roles', { error });
             throw error;
         }
@@ -194,11 +240,13 @@ export class UserService {
     /**
      * Upload avatar picture to MinIO
      */
-    async uploadAvatarPicture(userId: number, file: Express.Multer.File): Promise<updateAvatarResponse> {
+    async uploadAvatarPicture(token: string, file: Express.Multer.File): Promise<updateAvatarResponse> {
         try {
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number };
+
             // Check if user exists
             const user = await prisma.user.findUnique({
-                where: { id: userId },
+                where: { id: decoded.id },
                 include: { profile: true }
             });
 
@@ -217,7 +265,7 @@ export class UserService {
             const fileName = file.originalname || 'avatar';
             const extension = fileName.split('.').pop() || 'jpg';
             const safeFilename = `${timestamp}-${uniqueId}.${extension}`;
-            const filePath = `avatars/${userId}/${safeFilename}`;
+            const filePath = `avatars/${decoded.id}/${safeFilename}`;
 
             // Delete old avatar if exists
             if (user.profile?.avatar_url) {
@@ -237,13 +285,13 @@ export class UserService {
             // Update or create profile - store only file path
             if (user.profile) {
                 await prisma.userProfile.update({
-                    where: { user_id: userId },
+                    where: { user_id: decoded.id },
                     data: { avatar_url: filePath }
                 });
             } else {
                 await prisma.userProfile.create({
                     data: {
-                        user_id: userId,
+                        user_id: decoded.id,
                         avatar_url: filePath,
                         first_name: '',
                         last_name: ''
@@ -253,10 +301,10 @@ export class UserService {
 
             // Audit log - UPLOAD_AVATAR
             await auditService.logSync({
-                userId,
+                userId: decoded.id,
                 action: AuditAction.UPLOAD_FILE,
                 entityType: 'User',
-                entityId: userId,
+                entityId: decoded.id,
                 metadata: {
                     operation: 'upload_avatar',
                     filePath
@@ -270,17 +318,26 @@ export class UserService {
                 code: 200,
                 message: 'Avatar uploaded successfully',
                 data: {
-                    id: userId,
+                    id: decoded.id,
                     avatar_url: presignedUrl
                 }
             };
         } catch (error) {
+            if (error instanceof jwt.JsonWebTokenError) {
+                logger.error('Invalid JWT token:', error);
+                throw new UnauthorizedError('Invalid token');
+            }
+            if (error instanceof jwt.TokenExpiredError) {
+                logger.error('JWT token expired:', error);
+                throw new UnauthorizedError('Token expired');
+            }
             logger.error('Failed to upload avatar', { error });
+            const decoded = jwt.decode(token) as { id: number } | null;
             await auditService.logSync({
-                userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.UPLOAD_FILE,
                 entityType: 'UserProfile',
-                entityId: userId,
+                entityId: decoded?.id || 0,
                 metadata: {
                     operation: 'upload_avatar',
                     error: error instanceof Error ? error.message : String(error)
@@ -333,10 +390,12 @@ export class UserService {
     /**
      * Send verification email to user
      */
-    async sendVerifyEmail(userId: number): Promise<SendVerifyEmailResponse> {
+    async sendVerifyEmail(token: string): Promise<SendVerifyEmailResponse> {
         try {
+            const decoded = jwt.verify(token, config.jwt.secret) as { id: number; email: string; roleCode: string };
+
             const user = await prisma.user.findUnique({
-                where: { id: userId },
+                where: { id: decoded.id },
                 include: { role: true }
             });
 
@@ -394,12 +453,15 @@ export class UserService {
                 message: 'Verification email sent successfully'
             };
         } catch (error) {
+            if (error instanceof jwt.JsonWebTokenError) throw new UnauthorizedError('Invalid token');
+            if (error instanceof jwt.TokenExpiredError) throw new UnauthorizedError('Token expired');
             logger.error('Failed to send verification email', { error });
+            const decoded = jwt.decode(token) as { id: number } | null;
             await auditService.logSync({
-                userId,
+                userId: decoded?.id || 0,
                 action: AuditAction.ERROR,
                 entityType: 'UserProfile',
-                entityId: userId,
+                entityId: decoded?.id || 0,
                 metadata: {
                     operation: 'send_verification_email',
                     error: error instanceof Error ? error.message : String(error)
diff --git a/Backend/src/types/ChaptersLesson.typs.ts b/Backend/src/types/ChaptersLesson.typs.ts
index a2dd9a37..51a26e4b 100644
--- a/Backend/src/types/ChaptersLesson.typs.ts
+++ b/Backend/src/types/ChaptersLesson.typs.ts
@@ -98,18 +98,18 @@ export interface ChapterData {
 // ============================================
 
 export interface ChaptersRequest {
-    userId: number;
+    token: string;
     course_id: number;
 }
 
 export interface GetChapterRequest {
-    userId: number;
+    token: string;
     course_id: number;
     chapter_id: number;
 }
 
 export interface CreateChapterInput {
-    userId: number;
+    token: string;
     course_id: number;
     title: MultiLanguageText;
     description?: MultiLanguageText;
@@ -118,13 +118,13 @@ export interface CreateChapterInput {
 }
 
 export interface CreateChapterRequest {
-    userId: number;
+    token: string;
     course_id: number;
     data: CreateChapterInput;
 }
 
 export interface UpdateChapterInput {
-    userId: number;
+    token: string;
     course_id: number;
     chapter_id: number;
     title?: MultiLanguageText;
@@ -134,20 +134,20 @@ export interface UpdateChapterInput {
 }
 
 export interface UpdateChapterRequest {
-    userId: number;
+    token: string;
     course_id: number;
     chapter_id: number;
     data: UpdateChapterInput;
 }
 
 export interface DeleteChapterRequest {
-    userId: number;
+    token: string;
     course_id: number;
     chapter_id: number;
 }
 
 export interface ReorderChapterRequest {
-    userId: number;
+    token: string;
     course_id: number;
     chapter_id: number;
     sort_order: number;
@@ -199,7 +199,7 @@ export interface ReorderChapterResponse {
 // ============================================
 
 export interface GetLessonRequest {
-    userId: number;
+    token: string;
     course_id: number;
     chapter_id: number;
     lesson_id: number;
@@ -216,7 +216,7 @@ export interface UploadedFileInfo {
 }
 
 export interface CreateLessonInput {
-    userId: number;
+    token: string;
     course_id: number;
     chapter_id: number;
     title: MultiLanguageText;
@@ -293,7 +293,7 @@ export interface QuizChoiceData {
 }
 
 export interface CreateLessonRequest {
-    userId: number;
+    token: string;
     course_id: number;
     chapter_id: number;
     data: CreateLessonInput;
@@ -311,7 +311,7 @@ export interface UpdateLessonInput {
 }
 
 export interface UpdateLessonRequest {
-    userId: number;
+    token: string;
     course_id: number;
     chapter_id: number;
     lesson_id: number;
@@ -319,14 +319,14 @@ export interface UpdateLessonRequest {
 }
 
 export interface DeleteLessonRequest {
-    userId: number;
+    token: string;
     course_id: number;
     chapter_id: number;
     lesson_id: number;
 }
 
 export interface ReorderLessonsRequest {
-    userId: number;
+    token: string;
     course_id: number;
     chapter_id: number;
     lesson_id: number;
@@ -365,7 +365,7 @@ export interface UpdateLessonResponse {
  * Input for uploading video to a lesson
  */
 export interface UploadVideoInput {
-    userId: number;
+    token: string;
     course_id: number;
     lesson_id: number;
     video: UploadedFileInfo;
@@ -375,7 +375,7 @@ export interface UploadVideoInput {
  * Input for updating (replacing) video in a lesson
  */
 export interface UpdateVideoInput {
-    userId: number;
+    token: string;
     course_id: number;
     lesson_id: number;
     video: UploadedFileInfo;
@@ -385,7 +385,7 @@ export interface UpdateVideoInput {
  * Input for setting YouTube video to a lesson
  */
 export interface SetYouTubeVideoInput {
-    userId: number;
+    token: string;
     course_id: number;
     lesson_id: number;
     youtube_video_id: string;
@@ -411,7 +411,7 @@ export interface YouTubeVideoResponse {
  * Input for uploading a single attachment to a lesson
  */
 export interface UploadAttachmentInput {
-    userId: number;
+    token: string;
     course_id: number;
     lesson_id: number;
     attachment: UploadedFileInfo;
@@ -421,7 +421,7 @@ export interface UploadAttachmentInput {
  * Input for deleting an attachment from a lesson
  */
 export interface DeleteAttachmentInput {
-    userId: number;
+    token: string;
     course_id: number;
     lesson_id: number;
     attachment_id: number;
@@ -490,7 +490,7 @@ export interface LessonWithDetailsResponse {
  * Input for adding quiz to an existing QUIZ lesson
  */
 export interface AddQuizToLessonInput {
-    userId: number;
+    token: string;
     course_id: number;
     lesson_id: number;
     quiz_data: {
@@ -509,7 +509,7 @@ export interface AddQuizToLessonInput {
  * Input for adding a single question to a quiz lesson
  */
 export interface AddQuestionInput {
-    userId: number;
+    token: string;
     course_id: number;
     lesson_id: number;
     question: MultiLanguageText;
@@ -532,7 +532,7 @@ export interface AddQuestionResponse {
  * Input for updating a question
  */
 export interface UpdateQuestionInput {
-    userId: number;
+    token: string;
     course_id: number;
     lesson_id: number;
     question_id: number;
@@ -556,14 +556,14 @@ export interface UpdateQuestionResponse {
  * Input for deleting a question
  */
 export interface DeleteQuestionInput {
-    userId: number;
+    token: string;
     course_id: number;
     lesson_id: number;
     question_id: number;
 }
 
 export interface ReorderQuestionInput {
-    userId: number;
+    token: string;
     course_id: number;
     lesson_id: number;
     question_id: number;
@@ -588,7 +588,7 @@ export interface DeleteQuestionResponse {
  * Input for updating quiz settings
  */
 export interface UpdateQuizInput {
-    userId: number;
+    token: string;
     course_id: number;
     lesson_id: number;
     title?: MultiLanguageText;
diff --git a/Backend/src/types/CoursesInstructor.types.ts b/Backend/src/types/CoursesInstructor.types.ts
index 8291a1d5..cc4aa149 100644
--- a/Backend/src/types/CoursesInstructor.types.ts
+++ b/Backend/src/types/CoursesInstructor.types.ts
@@ -24,7 +24,7 @@ export interface createCourseResponse {
 }
 
 export interface ListMyCoursesInput {
-    userId: number;
+    token: string;
     status?: 'DRAFT' | 'PENDING' | 'APPROVED' | 'REJECTED' | 'ARCHIVED';
 }
 
@@ -42,7 +42,7 @@ export interface GetMyCourseResponse {
 }
 
 export interface getmyCourse {
-    userId: number;
+    token: string;
     course_id: number;
 }
 
@@ -94,13 +94,13 @@ export interface listCourseinstructorResponse {
 }
 
 export interface addinstructorCourse {
-    userId: number;
+    token: string;
     email_or_username: string;
     course_id: number;
 }
 
 export interface SearchInstructorInput {
-    userId: number;
+    token: string;
     query: string;
     course_id: number;
 }
@@ -145,12 +145,12 @@ export interface listinstructorCourseResponse {
 }
 
 export interface listinstructorCourse {
-    userId: number;
+    token: string;
     course_id: number;
 }
 
 export interface removeinstructorCourse {
-    userId: number;
+    token: string;
     user_id: number;
     course_id: number;
 }
@@ -161,7 +161,7 @@ export interface removeinstructorCourseResponse {
 }
 
 export interface setprimaryCourseInstructor {
-    userId: number;
+    token: string;
     user_id: number;
     course_id: number;
 }
@@ -172,12 +172,12 @@ export interface setprimaryCourseInstructorResponse {
 }
 
 export interface sendCourseForReview {
-    userId: number;
+    token: string;
     course_id: number;
 }
 
 export interface setCourseDraft {
-    userId: number;
+    token: string;
     course_id: number;
 }
 
@@ -220,7 +220,7 @@ export interface GetCourseApprovalsResponse {
 // ============================================
 
 export interface GetEnrolledStudentsInput {
-    userId: number;
+    token: string;
     course_id: number;
     page?: number;
     limit?: number;
@@ -254,7 +254,7 @@ export interface GetEnrolledStudentsResponse {
 // ============================================
 
 export interface GetQuizScoresInput {
-    userId: number;
+    token: string;
     course_id: number;
     lesson_id: number;
     page?: number;
@@ -305,7 +305,7 @@ export interface GetQuizScoresResponse {
 // ============================================
 
 export interface GetQuizAttemptDetailInput {
-    userId: number;
+    token: string;
     course_id: number;
     lesson_id: number;
     student_id: number;
@@ -353,7 +353,7 @@ export interface GetQuizAttemptDetailResponse {
 // ============================================
 
 export interface GetEnrolledStudentDetailInput {
-    userId: number;
+    token: string;
     course_id: number;
     student_id: number;
 }
@@ -435,7 +435,7 @@ export interface GetCourseApprovalHistoryResponse {
 }
 
 export interface CloneCourseInput {
-    userId: number;
+    token: string;
     course_id: number;
     title: MultiLanguageText;
 }
@@ -448,14 +448,3 @@ export interface CloneCourseResponse {
         title: MultiLanguageText;
     };
 }
-
-// ============================================
-// Get All Students across all instructor courses
-// ============================================
-
-export interface GetAllMyStudentsResponse {
-    code: number;
-    message: string;
-    total_students: number;
-    total_completed: number;
-}
diff --git a/Backend/src/types/CoursesStudent.types.ts b/Backend/src/types/CoursesStudent.types.ts
index 2c92850f..541787c1 100644
--- a/Backend/src/types/CoursesStudent.types.ts
+++ b/Backend/src/types/CoursesStudent.types.ts
@@ -9,7 +9,7 @@ export type MultiLangText = MultiLanguageText;
 // ============================================
 
 export interface EnrollCourseInput {
-    userId: number;
+    token: string;
     course_id: number;
 }
 
@@ -26,7 +26,7 @@ export interface EnrollCourseResponse {
 }
 
 export interface ListEnrolledCoursesInput {
-    userId: number;
+    token: string;
     page?: number;
     limit?: number;
     status?: EnrollmentStatus;
@@ -64,7 +64,7 @@ export interface ListEnrolledCoursesResponse {
 // ============================================
 
 export interface GetCourseLearningInput {
-    userId: number;
+    token: string;
     course_id: number;
 }
 
@@ -126,7 +126,7 @@ export interface GetCourseLearningResponse {
 // ============================================
 
 export interface GetLessonContentInput {
-    userId: number;
+    token: string;
     course_id: number;
     lesson_id: number;
 }
@@ -204,7 +204,7 @@ export interface GetLessonContentResponse {
 // ============================================
 
 export interface CheckLessonAccessInput {
-    userId: number;
+    token: string;
     course_id: number;
     lesson_id: number;
 }
@@ -236,7 +236,7 @@ export interface CheckLessonAccessResponse {
 // ============================================
 
 export interface SaveVideoProgressInput {
-    userId: number;
+    token: string;
     lesson_id: number;
     video_progress_seconds: number;
     video_duration_seconds?: number;
@@ -258,7 +258,7 @@ export interface SaveVideoProgressResponse {
 }
 
 export interface GetVideoProgressInput {
-    userId: number;
+    token: string;
     lesson_id: number;
 }
 
@@ -281,7 +281,7 @@ export interface GetVideoProgressResponse {
 // ============================================
 
 export interface MarkLessonCompleteInput {
-    userId: number;
+    token: string;
     course_id: number;
     lesson_id: number;
 }
@@ -314,7 +314,7 @@ export interface EnrollCourseBody {
 }
 
 export interface CompleteLessonInput {
-    userId: number;
+    token: string;
     lesson_id: number;
 }
 
@@ -342,7 +342,7 @@ export interface QuizAnswerInput {
 }
 
 export interface SubmitQuizInput {
-    userId: number;
+    token: string;
     course_id: number;
     lesson_id: number;
     answers: QuizAnswerInput[];
@@ -384,7 +384,7 @@ export interface SubmitQuizResponse {
 // ============================================
 
 export interface GetQuizAttemptsInput {
-    userId: number;
+    token: string;
     course_id: number;
     lesson_id: number;
 }
diff --git a/Backend/src/types/announcements.types.ts b/Backend/src/types/announcements.types.ts
index b026809e..f960a961 100644
--- a/Backend/src/types/announcements.types.ts
+++ b/Backend/src/types/announcements.types.ts
@@ -22,7 +22,7 @@ export interface AnnouncementAttachment {
     updated_at: Date;
 }
 
-export interface ListAnnouncementResponse {
+export interface ListAnnouncementResponse{
     code: number;
     message: string;
     data: Announcement[];
@@ -31,15 +31,15 @@ export interface ListAnnouncementResponse {
     limit: number;
 }
 
-export interface ListAnnouncementInput {
-    userId: number;
+export interface ListAnnouncementInput{
+    token: string;
     course_id: number;
     page?: number;
     limit?: number;
 }
 
-export interface CreateAnnouncementInput {
-    userId: number;
+export interface CreateAnnouncementInput{
+    token: string;
     course_id: number;
     title: MultiLanguageText;
     content: MultiLanguageText;
@@ -49,39 +49,39 @@ export interface CreateAnnouncementInput {
     files?: Express.Multer.File[];
 }
 
-export interface UploadAnnouncementAttachmentInput {
-    userId: number;
+export interface UploadAnnouncementAttachmentInput{
+    token: string;
     course_id: number;
     announcement_id: number;
     file: File;
 }
 
-export interface UploadAnnouncementAttachmentResponse {
+export interface UploadAnnouncementAttachmentResponse{
     code: number;
     message: string;
     data: AnnouncementAttachment;
 }
 
-export interface DeleteAnnouncementAttachmentInput {
-    userId: number;
+export interface DeleteAnnouncementAttachmentInput{
+    token: string;
     course_id: number;
     announcement_id: number;
     attachment_id: number;
 }
 
-export interface DeleteAnnouncementAttachmentResponse {
+export interface DeleteAnnouncementAttachmentResponse{
     code: number;
     message: string;
 }
 
-export interface CreateAnnouncementResponse {
+export interface CreateAnnouncementResponse{
     code: number;
     message: string;
     data: Announcement;
 }
 
-export interface UpdateAnnouncementInput {
-    userId: number;
+export interface UpdateAnnouncementInput{
+    token: string;
     course_id: number;
     announcement_id: number;
     title: MultiLanguageText;
@@ -92,19 +92,19 @@ export interface UpdateAnnouncementInput {
     attachments?: AnnouncementAttachment[];
 }
 
-export interface UpdateAnnouncementResponse {
+export interface UpdateAnnouncementResponse{
     code: number;
     message: string;
     data: Announcement;
 }
 
-export interface DeleteAnnouncementInput {
-    userId: number;
+export interface DeleteAnnouncementInput{
+    token: string;
     course_id: number;
     announcement_id: number;
 }
 
-export interface DeleteAnnouncementResponse {
+export interface DeleteAnnouncementResponse{
     code: number;
     message: string;
 }
diff --git a/Backend/src/types/auth.types.ts b/Backend/src/types/auth.types.ts
index 1ec9235a..be1fe625 100644
--- a/Backend/src/types/auth.types.ts
+++ b/Backend/src/types/auth.types.ts
@@ -28,6 +28,7 @@ export interface LoginResponse {
     data: {
         token: string;
         refreshToken: string;
+        user: UserResponse;
     };
 }
 
diff --git a/Backend/src/types/certificate.types.ts b/Backend/src/types/certificate.types.ts
index ac442f76..a35caa19 100644
--- a/Backend/src/types/certificate.types.ts
+++ b/Backend/src/types/certificate.types.ts
@@ -3,7 +3,7 @@
 // ============================================
 
 export interface GenerateCertificateInput {
-    userId: number;
+    token: string;
     course_id: number;
 }
 
@@ -19,7 +19,7 @@ export interface GenerateCertificateResponse {
 }
 
 export interface GetCertificateInput {
-    userId: number;
+    token: string;
     course_id: number;
 }
 
@@ -37,7 +37,7 @@ export interface GetCertificateResponse {
 }
 
 export interface ListMyCertificatesInput {
-    userId: number;
+    token: string;
 }
 
 export interface ListMyCertificatesResponse {
diff --git a/Backend/src/validators/ChaptersLesson.validator.ts b/Backend/src/validators/ChaptersLesson.validator.ts
index 45d7687a..933a3e1a 100644
--- a/Backend/src/validators/ChaptersLesson.validator.ts
+++ b/Backend/src/validators/ChaptersLesson.validator.ts
@@ -79,7 +79,7 @@ export const UpdateLessonValidator = Joi.object({
         'number.min': 'Duration must be at least 0'
     }),
     sort_order: Joi.number().integer().min(0).optional(),
-    prerequisite_lesson_ids: Joi.array().items(Joi.number().integer().positive()).allow(null).optional(),
+    prerequisite_lesson_ids: Joi.array().items(Joi.number().integer().positive()).optional(),
     is_published: Joi.boolean().optional()
 });
 
diff --git a/Backend/tests/tsconfig.json b/Backend/tests/tsconfig.json
deleted file mode 100644
index 330cd8fd..00000000
--- a/Backend/tests/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-    "extends": "../tsconfig.test.json",
-    "compilerOptions": {
-        "rootDir": "..",
-        "types": [
-            "node",
-            "jest"
-        ]
-    },
-    "include": [
-        "../src/**/*",
-        "./**/*"
-    ]
-}
\ No newline at end of file
diff --git a/Backend/tests/unit/validators/AdminCourseApproval.validator.test.ts b/Backend/tests/unit/validators/AdminCourseApproval.validator.test.ts
deleted file mode 100644
index 9068ad48..00000000
--- a/Backend/tests/unit/validators/AdminCourseApproval.validator.test.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import {
-    ApproveCourseValidator,
-    RejectCourseValidator,
-} from '@/validators/AdminCourseApproval.validator';
-
-describe('ApproveCourseValidator', () => {
-    it('should pass with no body (comment optional)', () => {
-        const { error } = ApproveCourseValidator.validate({});
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass with optional comment', () => {
-        const { error } = ApproveCourseValidator.validate({
-            comment: 'Looks great!',
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail when comment exceeds 1000 characters', () => {
-        const { error } = ApproveCourseValidator.validate({
-            comment: 'a'.repeat(1001),
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/must not exceed 1000/i);
-    });
-
-    it('should pass with comment exactly 1000 characters', () => {
-        const { error } = ApproveCourseValidator.validate({
-            comment: 'a'.repeat(1000),
-        });
-        expect(error).toBeUndefined();
-    });
-});
-
-describe('RejectCourseValidator', () => {
-    it('should pass with valid rejection comment', () => {
-        const { error } = RejectCourseValidator.validate({
-            comment: 'The content is incomplete and needs more details.',
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail without comment', () => {
-        const { error } = RejectCourseValidator.validate({});
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Comment is required when rejecting/i);
-    });
-
-    it('should fail when comment is too short (< 10 chars)', () => {
-        const { error } = RejectCourseValidator.validate({ comment: 'Too short' });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/at least 10 characters/i);
-    });
-
-    it('should pass with exactly 10 characters', () => {
-        const { error } = RejectCourseValidator.validate({ comment: '1234567890' });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail when comment exceeds 1000 characters', () => {
-        const { error } = RejectCourseValidator.validate({
-            comment: 'a'.repeat(1001),
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/must not exceed 1000/i);
-    });
-});
diff --git a/Backend/tests/unit/validators/ChaptersLesson.validator.test.ts b/Backend/tests/unit/validators/ChaptersLesson.validator.test.ts
deleted file mode 100644
index 7e80bc68..00000000
--- a/Backend/tests/unit/validators/ChaptersLesson.validator.test.ts
+++ /dev/null
@@ -1,263 +0,0 @@
-import {
-    CreateChapterValidator,
-    UpdateChapterValidator,
-    ReorderChapterValidator,
-    CreateLessonValidator,
-    UpdateLessonValidator,
-    ReorderLessonsValidator,
-    AddQuestionValidator,
-    UpdateQuizValidator,
-} from '@/validators/ChaptersLesson.validator';
-
-
-// ============================================================
-// Chapter Validators
-// ============================================================
-
-describe('CreateChapterValidator', () => {
-    it('should pass with valid data', () => {
-        const { error } = CreateChapterValidator.validate({
-            title: { th: 'บทที่ 1', en: 'Chapter 1' },
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass with optional fields', () => {
-        const { error } = CreateChapterValidator.validate({
-            title: { th: 'บทที่ 1', en: 'Chapter 1' },
-            description: { th: 'คำอธิบาย', en: 'Description' },
-            sort_order: 0,
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail if title is missing', () => {
-        const { error } = CreateChapterValidator.validate({});
-        expect(error).toBeDefined();
-    });
-
-    it('should fail if title.th is missing', () => {
-        const { error } = CreateChapterValidator.validate({
-            title: { en: 'Chapter 1' },
-        });
-        expect(error).toBeDefined();
-    });
-
-    it('should fail if title.en is missing', () => {
-        const { error } = CreateChapterValidator.validate({
-            title: { th: 'บทที่ 1' },
-        });
-        expect(error).toBeDefined();
-    });
-});
-
-describe('UpdateChapterValidator', () => {
-    it('should pass with empty object (all fields optional)', () => {
-        const { error } = UpdateChapterValidator.validate({});
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass with partial fields', () => {
-        const { error } = UpdateChapterValidator.validate({
-            is_published: true,
-        });
-        expect(error).toBeUndefined();
-    });
-});
-
-describe('ReorderChapterValidator', () => {
-    it('should pass with valid sort_order', () => {
-        const { error } = ReorderChapterValidator.validate({ sort_order: 0 });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail without sort_order', () => {
-        const { error } = ReorderChapterValidator.validate({});
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Sort order is required/i);
-    });
-
-    it('should fail with negative sort_order', () => {
-        const { error } = ReorderChapterValidator.validate({ sort_order: -1 });
-        expect(error).toBeDefined();
-    });
-});
-
-// ============================================================
-// Lesson Validators
-// ============================================================
-
-describe('CreateLessonValidator', () => {
-    it('should pass with VIDEO type', () => {
-        const { error } = CreateLessonValidator.validate({
-            title: { th: 'บทเรียน 1', en: 'Lesson 1' },
-            type: 'VIDEO',
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass with QUIZ type', () => {
-        const { error } = CreateLessonValidator.validate({
-            title: { th: 'แบบทดสอบ', en: 'Quiz' },
-            type: 'QUIZ',
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail with invalid type', () => {
-        const { error } = CreateLessonValidator.validate({
-            title: { th: 'บทเรียน', en: 'Lesson' },
-            type: 'DOCUMENT',
-        });
-        expect(error).toBeDefined();
-    });
-
-    it('should fail without title', () => {
-        const { error } = CreateLessonValidator.validate({ type: 'VIDEO' });
-        expect(error).toBeDefined();
-    });
-
-    it('should fail without type', () => {
-        const { error } = CreateLessonValidator.validate({
-            title: { th: 'บทเรียน', en: 'Lesson' },
-        });
-        expect(error).toBeDefined();
-    });
-});
-
-describe('UpdateLessonValidator — prerequisite_lesson_ids', () => {
-    it('should pass with valid array of ids', () => {
-        const { error } = UpdateLessonValidator.validate({
-            prerequisite_lesson_ids: [1, 2, 3],
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass with null (clear prerequisites)', () => {
-        const { error } = UpdateLessonValidator.validate({
-            prerequisite_lesson_ids: null,
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass with empty array (clear prerequisites)', () => {
-        const { error } = UpdateLessonValidator.validate({
-            prerequisite_lesson_ids: [],
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass without the field (no change)', () => {
-        const { error } = UpdateLessonValidator.validate({});
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail with non-integer ids', () => {
-        const { error } = UpdateLessonValidator.validate({
-            prerequisite_lesson_ids: [1.5],
-        });
-        expect(error).toBeDefined();
-    });
-
-    it('should fail with negative ids', () => {
-        const { error } = UpdateLessonValidator.validate({
-            prerequisite_lesson_ids: [-1],
-        });
-        expect(error).toBeDefined();
-    });
-
-    it('should fail with string ids', () => {
-        const { error } = UpdateLessonValidator.validate({
-            prerequisite_lesson_ids: ['abc'],
-        });
-        expect(error).toBeDefined();
-    });
-});
-
-describe('ReorderLessonsValidator', () => {
-    it('should pass with valid data', () => {
-        const { error } = ReorderLessonsValidator.validate({
-            lesson_id: 1,
-            sort_order: 0,
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail without lesson_id', () => {
-        const { error } = ReorderLessonsValidator.validate({ sort_order: 0 });
-        expect(error).toBeDefined();
-    });
-
-    it('should fail without sort_order', () => {
-        const { error } = ReorderLessonsValidator.validate({ lesson_id: 1 });
-        expect(error).toBeDefined();
-    });
-});
-
-// ============================================================
-// Quiz Validators
-// ============================================================
-
-describe('AddQuestionValidator', () => {
-    it('should pass with MULTIPLE_CHOICE type + choices', () => {
-        const { error } = AddQuestionValidator.validate({
-            question: { th: 'ข้อที่ 1 คืออะไร?', en: 'What is question 1?' },
-            question_type: 'MULTIPLE_CHOICE',
-            choices: [
-                { text: { th: 'ก', en: 'A' }, is_correct: true },
-                { text: { th: 'ข', en: 'B' }, is_correct: false },
-            ],
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass with TRUE_FALSE type without choices', () => {
-        const { error } = AddQuestionValidator.validate({
-            question: { th: 'ถูกหรือผิด?', en: 'True or False?' },
-            question_type: 'TRUE_FALSE',
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail with invalid question_type', () => {
-        const { error } = AddQuestionValidator.validate({
-            question: { th: 'คำถาม', en: 'Question' },
-            question_type: 'ESSAY',
-        });
-        expect(error).toBeDefined();
-    });
-
-    it('should fail without question', () => {
-        const { error } = AddQuestionValidator.validate({
-            question_type: 'TRUE_FALSE',
-        });
-        expect(error).toBeDefined();
-    });
-});
-
-describe('UpdateQuizValidator', () => {
-    it('should pass with empty object (all optional)', () => {
-        const { error } = UpdateQuizValidator.validate({});
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass with valid passing_score', () => {
-        const { error } = UpdateQuizValidator.validate({ passing_score: 70 });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail with passing_score > 100', () => {
-        const { error } = UpdateQuizValidator.validate({ passing_score: 101 });
-        expect(error).toBeDefined();
-    });
-
-    it('should fail with passing_score < 0', () => {
-        const { error } = UpdateQuizValidator.validate({ passing_score: -1 });
-        expect(error).toBeDefined();
-    });
-
-    it('should pass with time_limit 0 (no limit)', () => {
-        const { error } = UpdateQuizValidator.validate({ time_limit: 0 });
-        expect(error).toBeUndefined();
-    });
-});
diff --git a/Backend/tests/unit/validators/CoursesInstructor.validator.test.ts b/Backend/tests/unit/validators/CoursesInstructor.validator.test.ts
deleted file mode 100644
index 95c13c07..00000000
--- a/Backend/tests/unit/validators/CoursesInstructor.validator.test.ts
+++ /dev/null
@@ -1,150 +0,0 @@
-import {
-    CreateCourseValidator,
-    UpdateCourseValidator,
-    CloneCourseValidator,
-    addInstructorCourseValidator,
-} from '@/validators/CoursesInstructor.validator';
-
-// ============================================================
-// addInstructorCourseValidator
-// ============================================================
-
-describe('addInstructorCourseValidator', () => {
-    it('should pass with valid user_id and course_id', () => {
-        const { error } = addInstructorCourseValidator.validate({
-            user_id: 1,
-            course_id: 2,
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail without user_id', () => {
-        const { error } = addInstructorCourseValidator.validate({ course_id: 2 });
-        expect(error).toBeDefined();
-    });
-
-    it('should fail without course_id', () => {
-        const { error } = addInstructorCourseValidator.validate({ user_id: 1 });
-        expect(error).toBeDefined();
-    });
-});
-
-// ============================================================
-// CreateCourseValidator
-// ============================================================
-
-describe('CreateCourseValidator', () => {
-    const validPayload = {
-        category_id: 1,
-        title: { th: 'คอร์สทดสอบ', en: 'Test Course' },
-        slug: 'test-course',
-        description: { th: 'คำอธิบาย', en: 'Description' },
-        price: 500,
-        is_free: false,
-        have_certificate: true,
-    };
-
-    it('should pass with all required fields', () => {
-        const { error } = CreateCourseValidator.validate(validPayload);
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail if title.th is missing', () => {
-        const { error } = CreateCourseValidator.validate({
-            ...validPayload,
-            title: { en: 'Test Course' },
-        });
-        expect(error).toBeDefined();
-    });
-
-    it('should fail if slug is missing', () => {
-        const { error } = CreateCourseValidator.validate({
-            ...validPayload,
-            slug: undefined,
-        });
-        expect(error).toBeDefined();
-    });
-
-    it('should fail if price is missing', () => {
-        const { error } = CreateCourseValidator.validate({
-            ...validPayload,
-            price: undefined,
-        });
-        expect(error).toBeDefined();
-    });
-
-    it('should fail if is_free is missing', () => {
-        const { error } = CreateCourseValidator.validate({
-            ...validPayload,
-            is_free: undefined,
-        });
-        expect(error).toBeDefined();
-    });
-
-    it('should allow price = 0 (free course)', () => {
-        const { error } = CreateCourseValidator.validate({
-            ...validPayload,
-            price: 0,
-            is_free: true,
-        });
-        expect(error).toBeUndefined();
-    });
-});
-
-// ============================================================
-// UpdateCourseValidator
-// ============================================================
-
-describe('UpdateCourseValidator', () => {
-    it('should pass with empty object (all optional)', () => {
-        const { error } = UpdateCourseValidator.validate({});
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass with partial update', () => {
-        const { error } = UpdateCourseValidator.validate({ price: 999 });
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass with title partial update (th only)', () => {
-        const { error } = UpdateCourseValidator.validate({
-            title: { th: 'ชื่อใหม่' },
-        });
-        expect(error).toBeUndefined();
-    });
-});
-
-// ============================================================
-// CloneCourseValidator
-// ============================================================
-
-describe('CloneCourseValidator', () => {
-    it('should pass with valid title', () => {
-        const { error } = CloneCourseValidator.validate({
-            title: { th: 'คอร์ส Copy', en: 'Course Copy' },
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail without title.th', () => {
-        const { error } = CloneCourseValidator.validate({
-            title: { en: 'Course Copy' },
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Thai title is required/i);
-    });
-
-    it('should fail without title.en', () => {
-        const { error } = CloneCourseValidator.validate({
-            title: { th: 'คอร์ส Copy' },
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/English title is required/i);
-    });
-
-    it('should fail without title entirely', () => {
-        const { error } = CloneCourseValidator.validate({});
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Title is required/i);
-    });
-});
diff --git a/Backend/tests/unit/validators/CoursesStudent.validator.test.ts b/Backend/tests/unit/validators/CoursesStudent.validator.test.ts
deleted file mode 100644
index ae9569c4..00000000
--- a/Backend/tests/unit/validators/CoursesStudent.validator.test.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-import {
-    SaveVideoProgressValidator,
-    SubmitQuizValidator,
-} from '@/validators/CoursesStudent.validator';
-
-describe('SaveVideoProgressValidator', () => {
-    it('should pass with required field only', () => {
-        const { error } = SaveVideoProgressValidator.validate({
-            video_progress_seconds: 60,
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass with all fields', () => {
-        const { error } = SaveVideoProgressValidator.validate({
-            video_progress_seconds: 120,
-            video_duration_seconds: 600,
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass with progress = 0 (start of video)', () => {
-        const { error } = SaveVideoProgressValidator.validate({
-            video_progress_seconds: 0,
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail without video_progress_seconds', () => {
-        const { error } = SaveVideoProgressValidator.validate({});
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Video progress seconds is required/i);
-    });
-
-    it('should fail with negative progress', () => {
-        const { error } = SaveVideoProgressValidator.validate({
-            video_progress_seconds: -1,
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/at least 0/i);
-    });
-
-    it('should fail with negative video duration', () => {
-        const { error } = SaveVideoProgressValidator.validate({
-            video_progress_seconds: 10,
-            video_duration_seconds: -1,
-        });
-        expect(error).toBeDefined();
-    });
-});
-
-describe('SubmitQuizValidator', () => {
-    const validAnswer = { question_id: 1, choice_id: 2 };
-
-    it('should pass with valid answers', () => {
-        const { error } = SubmitQuizValidator.validate({
-            answers: [validAnswer, { question_id: 2, choice_id: 5 }],
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail without answers', () => {
-        const { error } = SubmitQuizValidator.validate({});
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Answers are required/i);
-    });
-
-    it('should fail with empty answers array', () => {
-        const { error } = SubmitQuizValidator.validate({ answers: [] });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/At least one answer/i);
-    });
-
-    it('should fail if question_id is missing in an answer', () => {
-        const { error } = SubmitQuizValidator.validate({
-            answers: [{ choice_id: 2 }],
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Question ID is required/i);
-    });
-
-    it('should fail if choice_id is missing in an answer', () => {
-        const { error } = SubmitQuizValidator.validate({
-            answers: [{ question_id: 1 }],
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Choice ID is required/i);
-    });
-
-    it('should fail if question_id is not a positive integer', () => {
-        const { error } = SubmitQuizValidator.validate({
-            answers: [{ question_id: -1, choice_id: 1 }],
-        });
-        expect(error).toBeDefined();
-    });
-});
diff --git a/Backend/tests/unit/validators/Lessons.validator.test.ts b/Backend/tests/unit/validators/Lessons.validator.test.ts
deleted file mode 100644
index 81ef5471..00000000
--- a/Backend/tests/unit/validators/Lessons.validator.test.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { SetYouTubeVideoValidator } from '@/validators/Lessons.validator';
-
-describe('SetYouTubeVideoValidator', () => {
-    it('should pass with valid youtube_video_id and video_title', () => {
-        const { error } = SetYouTubeVideoValidator.validate({
-            youtube_video_id: 'dQw4w9WgXcQ',
-            video_title: 'Introduction to TypeScript',
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail without youtube_video_id', () => {
-        const { error } = SetYouTubeVideoValidator.validate({
-            video_title: 'Intro to TS',
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/YouTube video ID is required/i);
-    });
-
-    it('should fail with empty youtube_video_id string', () => {
-        const { error } = SetYouTubeVideoValidator.validate({
-            youtube_video_id: '',
-            video_title: 'Intro to TS',
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/cannot be empty/i);
-    });
-
-    it('should fail without video_title', () => {
-        const { error } = SetYouTubeVideoValidator.validate({
-            youtube_video_id: 'dQw4w9WgXcQ',
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Video title is required/i);
-    });
-
-    it('should fail with empty video_title string', () => {
-        const { error } = SetYouTubeVideoValidator.validate({
-            youtube_video_id: 'dQw4w9WgXcQ',
-            video_title: '',
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/cannot be empty/i);
-    });
-});
diff --git a/Backend/tests/unit/validators/announcements.validator.test.ts b/Backend/tests/unit/validators/announcements.validator.test.ts
deleted file mode 100644
index 9e186ca2..00000000
--- a/Backend/tests/unit/validators/announcements.validator.test.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import {
-    CreateAnnouncementValidator,
-    UpdateAnnouncementValidator,
-} from '@/validators/announcements.validator';
-
-describe('CreateAnnouncementValidator', () => {
-    const validPayload = {
-        title: { th: 'ประกาศใหม่', en: 'New Announcement' },
-        content: { th: 'เนื้อหา', en: 'Content' },
-        status: 'DRAFT',
-        is_pinned: false,
-    };
-
-    it('should pass with all required fields', () => {
-        const { error } = CreateAnnouncementValidator.validate(validPayload);
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass with optional published_at as ISO date', () => {
-        const { error } = CreateAnnouncementValidator.validate({
-            ...validPayload,
-            published_at: '2026-03-01T00:00:00.000Z',
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail with invalid published_at format', () => {
-        const { error } = CreateAnnouncementValidator.validate({
-            ...validPayload,
-            published_at: '01-03-2026',
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/ISO date/i);
-    });
-
-    it('should fail with invalid status', () => {
-        const { error } = CreateAnnouncementValidator.validate({
-            ...validPayload,
-            status: 'HIDDEN',
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/DRAFT, PUBLISHED, ARCHIVED/i);
-    });
-
-    it('should pass with PUBLISHED status', () => {
-        const { error } = CreateAnnouncementValidator.validate({
-            ...validPayload,
-            status: 'PUBLISHED',
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass with ARCHIVED status', () => {
-        const { error } = CreateAnnouncementValidator.validate({
-            ...validPayload,
-            status: 'ARCHIVED',
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail without title', () => {
-        const { error } = CreateAnnouncementValidator.validate({
-            ...validPayload,
-            title: undefined,
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Title is required/i);
-    });
-
-    it('should fail without content', () => {
-        const { error } = CreateAnnouncementValidator.validate({
-            ...validPayload,
-            content: undefined,
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Content is required/i);
-    });
-
-    it('should fail without is_pinned', () => {
-        const { error } = CreateAnnouncementValidator.validate({
-            ...validPayload,
-            is_pinned: undefined,
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/is_pinned is required/i);
-    });
-});
-
-describe('UpdateAnnouncementValidator', () => {
-    it('should pass with empty object (all optional)', () => {
-        const { error } = UpdateAnnouncementValidator.validate({});
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass with partial update', () => {
-        const { error } = UpdateAnnouncementValidator.validate({
-            status: 'PUBLISHED',
-            is_pinned: true,
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail with invalid status', () => {
-        const { error } = UpdateAnnouncementValidator.validate({ status: 'DELETED' });
-        expect(error).toBeDefined();
-    });
-
-    it('should fail with invalid published_at format', () => {
-        const { error } = UpdateAnnouncementValidator.validate({
-            published_at: 'not-a-date',
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/ISO date/i);
-    });
-});
diff --git a/Backend/tests/unit/validators/auth.validator.test.ts b/Backend/tests/unit/validators/auth.validator.test.ts
deleted file mode 100644
index 2ef38652..00000000
--- a/Backend/tests/unit/validators/auth.validator.test.ts
+++ /dev/null
@@ -1,246 +0,0 @@
-import {
-    loginSchema,
-    registerSchema,
-    refreshTokenSchema,
-    resetPasswordSchema,
-    changePasswordSchema,
-    resetRequestSchema,
-} from '@/validators/auth.validator';
-
-// ============================================================
-// loginSchema
-// ============================================================
-
-describe('loginSchema', () => {
-    it('should pass with valid email and password', () => {
-        const { error } = loginSchema.validate({
-            email: 'user@example.com',
-            password: 'password123',
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail with invalid email format', () => {
-        const { error } = loginSchema.validate({
-            email: 'not-an-email',
-            password: 'password123',
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/valid email/i);
-    });
-
-    it('should fail without email', () => {
-        const { error } = loginSchema.validate({ password: 'password123' });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Email is required/i);
-    });
-
-    it('should fail without password', () => {
-        const { error } = loginSchema.validate({ email: 'user@example.com' });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Password is required/i);
-    });
-
-    it('should fail with password shorter than 6 characters', () => {
-        const { error } = loginSchema.validate({
-            email: 'user@example.com',
-            password: '12345',
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/at least 6 characters/i);
-    });
-});
-
-// ============================================================
-// registerSchema
-// ============================================================
-
-describe('registerSchema', () => {
-    const validPayload = {
-        username: 'john_doe',
-        email: 'john@example.com',
-        password: 'securepass',
-        first_name: 'John',
-        last_name: 'Doe',
-        phone: '0812345678',
-    };
-
-    it('should pass with all required fields', () => {
-        const { error } = registerSchema.validate(validPayload);
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass with optional prefix', () => {
-        const { error } = registerSchema.validate({
-            ...validPayload,
-            prefix: { th: 'นาย', en: 'Mr.' },
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail if username has invalid characters', () => {
-        const { error } = registerSchema.validate({
-            ...validPayload,
-            username: 'john doe!',
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/letters, numbers, and underscores/i);
-    });
-
-    it('should fail if username is too short (< 3 chars)', () => {
-        const { error } = registerSchema.validate({
-            ...validPayload,
-            username: 'ab',
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/at least 3 characters/i);
-    });
-
-    it('should fail if username is too long (> 50 chars)', () => {
-        const { error } = registerSchema.validate({
-            ...validPayload,
-            username: 'a'.repeat(51),
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/not exceed 50 characters/i);
-    });
-
-    it('should fail with invalid email', () => {
-        const { error } = registerSchema.validate({
-            ...validPayload,
-            email: 'bad-email',
-        });
-        expect(error).toBeDefined();
-    });
-
-    it('should fail if phone is too short (< 10 chars)', () => {
-        const { error } = registerSchema.validate({
-            ...validPayload,
-            phone: '081234',
-        });
-        expect(error).toBeDefined();
-    });
-
-    it('should fail without first_name', () => {
-        const { error } = registerSchema.validate({
-            ...validPayload,
-            first_name: undefined,
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/First name is required/i);
-    });
-
-    it('should fail without last_name', () => {
-        const { error } = registerSchema.validate({
-            ...validPayload,
-            last_name: undefined,
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Last name is required/i);
-    });
-});
-
-// ============================================================
-// refreshTokenSchema
-// ============================================================
-
-describe('refreshTokenSchema', () => {
-    it('should pass with a valid refreshToken', () => {
-        const { error } = refreshTokenSchema.validate({
-            refreshToken: 'some-refresh-token-string',
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail without refreshToken', () => {
-        const { error } = refreshTokenSchema.validate({});
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Refresh token is required/i);
-    });
-});
-
-// ============================================================
-// resetPasswordSchema
-// ============================================================
-
-describe('resetPasswordSchema', () => {
-    it('should pass with valid token and password', () => {
-        const { error } = resetPasswordSchema.validate({
-            token: 'reset-token-abc',
-            password: 'newpassword',
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail without token', () => {
-        const { error } = resetPasswordSchema.validate({ password: 'newpassword' });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Reset token is required/i);
-    });
-
-    it('should fail with password too short', () => {
-        const { error } = resetPasswordSchema.validate({
-            token: 'abc',
-            password: '12345',
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/at least 6 characters/i);
-    });
-
-    it('should fail with password too long (> 100 chars)', () => {
-        const { error } = resetPasswordSchema.validate({
-            token: 'abc',
-            password: 'a'.repeat(101),
-        });
-        expect(error).toBeDefined();
-    });
-});
-
-// ============================================================
-// changePasswordSchema (auth)
-// ============================================================
-
-describe('changePasswordSchema (auth.validator)', () => {
-    it('should pass with valid old and new passwords', () => {
-        const { error } = changePasswordSchema.validate({
-            oldPassword: 'oldpass123',
-            newPassword: 'newpass456',
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail without oldPassword', () => {
-        const { error } = changePasswordSchema.validate({ newPassword: 'newpass456' });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Password is required/i);
-    });
-
-    it('should fail without newPassword', () => {
-        const { error } = changePasswordSchema.validate({ oldPassword: 'oldpass123' });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Password is required/i);
-    });
-});
-
-// ============================================================
-// resetRequestSchema
-// ============================================================
-
-describe('resetRequestSchema', () => {
-    it('should pass with valid email', () => {
-        const { error } = resetRequestSchema.validate({ email: 'user@example.com' });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail without email', () => {
-        const { error } = resetRequestSchema.validate({});
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Email is required/i);
-    });
-
-    it('should fail with invalid email', () => {
-        const { error } = resetRequestSchema.validate({ email: 'not-email' });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/valid email/i);
-    });
-});
diff --git a/Backend/tests/unit/validators/categories.validator.test.ts b/Backend/tests/unit/validators/categories.validator.test.ts
deleted file mode 100644
index 64249c2a..00000000
--- a/Backend/tests/unit/validators/categories.validator.test.ts
+++ /dev/null
@@ -1,121 +0,0 @@
-import {
-    CreateCategoryValidator,
-    UpdateCategoryValidator,
-} from '@/validators/categories.validator';
-
-describe('CreateCategoryValidator', () => {
-    const validPayload = {
-        name: { th: 'การพัฒนาเว็บ', en: 'Web Development' },
-        slug: 'web-development',
-        description: { th: 'หมวดหมู่การพัฒนาเว็บ', en: 'Web development category' },
-    };
-
-    it('should pass with all required fields', () => {
-        const { error } = CreateCategoryValidator.validate(validPayload);
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass with optional created_by', () => {
-        const { error } = CreateCategoryValidator.validate({
-            ...validPayload,
-            created_by: 1,
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail without name', () => {
-        const { error } = CreateCategoryValidator.validate({
-            ...validPayload,
-            name: undefined,
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Name is required/i);
-    });
-
-    it('should fail without name.th', () => {
-        const { error } = CreateCategoryValidator.validate({
-            ...validPayload,
-            name: { en: 'Web Development' },
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Thai name is required/i);
-    });
-
-    it('should fail without slug', () => {
-        const { error } = CreateCategoryValidator.validate({
-            ...validPayload,
-            slug: undefined,
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Slug is required/i);
-    });
-
-    it('should fail with invalid slug format (uppercase)', () => {
-        const { error } = CreateCategoryValidator.validate({
-            ...validPayload,
-            slug: 'Web-Development',
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/lowercase with hyphens/i);
-    });
-
-    it('should fail with invalid slug format (spaces)', () => {
-        const { error } = CreateCategoryValidator.validate({
-            ...validPayload,
-            slug: 'web development',
-        });
-        expect(error).toBeDefined();
-    });
-
-    it('should pass with valid slug formats', () => {
-        const slugs = ['web', 'web-dev', 'web-development-101'];
-        for (const slug of slugs) {
-            const { error } = CreateCategoryValidator.validate({
-                ...validPayload,
-                slug,
-            });
-            expect(error).toBeUndefined();
-        }
-    });
-
-    it('should fail without description', () => {
-        const { error } = CreateCategoryValidator.validate({
-            ...validPayload,
-            description: undefined,
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Description is required/i);
-    });
-});
-
-describe('UpdateCategoryValidator', () => {
-    it('should pass with only required id', () => {
-        const { error } = UpdateCategoryValidator.validate({ id: 1 });
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass with all optional fields', () => {
-        const { error } = UpdateCategoryValidator.validate({
-            id: 1,
-            name: { th: 'ใหม่', en: 'New' },
-            slug: 'new-category',
-            description: { th: 'คำอธิบาย', en: 'Description' },
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail without id', () => {
-        const { error } = UpdateCategoryValidator.validate({ name: { th: 'ใหม่', en: 'New' } });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Category ID is required/i);
-    });
-
-    it('should fail with invalid slug format', () => {
-        const { error } = UpdateCategoryValidator.validate({
-            id: 1,
-            slug: 'Invalid Slug!',
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/lowercase with hyphens/i);
-    });
-});
diff --git a/Backend/tests/unit/validators/user.validator.test.ts b/Backend/tests/unit/validators/user.validator.test.ts
deleted file mode 100644
index 349ceaa4..00000000
--- a/Backend/tests/unit/validators/user.validator.test.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-import {
-    profileUpdateSchema,
-    changePasswordSchema,
-} from '@/validators/user.validator';
-
-describe('profileUpdateSchema', () => {
-    it('should pass with empty object (all optional)', () => {
-        const { error } = profileUpdateSchema.validate({});
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass with all fields', () => {
-        const { error } = profileUpdateSchema.validate({
-            prefix: { th: 'นาย', en: 'Mr.' },
-            first_name: 'John',
-            last_name: 'Doe',
-            phone: '0812345678',
-            avatar_url: 'https://example.com/avatar.jpg',
-            birth_date: new Date('1990-01-01'),
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should pass with partial update (first_name only)', () => {
-        const { error } = profileUpdateSchema.validate({ first_name: 'Jane' });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail if first_name is empty string', () => {
-        const { error } = profileUpdateSchema.validate({ first_name: '' });
-        expect(error).toBeDefined();
-    });
-
-    it('should fail if first_name exceeds 100 characters', () => {
-        const { error } = profileUpdateSchema.validate({ first_name: 'a'.repeat(101) });
-        expect(error).toBeDefined();
-    });
-
-    it('should fail if phone is too short (< 10 chars)', () => {
-        const { error } = profileUpdateSchema.validate({ phone: '081234' });
-        expect(error).toBeDefined();
-    });
-
-    it('should fail if phone exceeds 15 characters', () => {
-        const { error } = profileUpdateSchema.validate({ phone: '1'.repeat(16) });
-        expect(error).toBeDefined();
-    });
-
-    it('should pass with valid birth_date', () => {
-        const { error } = profileUpdateSchema.validate({ birth_date: new Date('2000-06-15') });
-        expect(error).toBeUndefined();
-    });
-});
-
-describe('changePasswordSchema (user.validator)', () => {
-    it('should pass with valid old and new passwords', () => {
-        const { error } = changePasswordSchema.validate({
-            oldPassword: 'oldpass123',
-            newPassword: 'newpass456',
-        });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail without oldPassword', () => {
-        const { error } = changePasswordSchema.validate({ newPassword: 'newpass456' });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Old password is required/i);
-    });
-
-    it('should fail without newPassword', () => {
-        const { error } = changePasswordSchema.validate({ oldPassword: 'oldpass123' });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/New password is required/i);
-    });
-
-    it('should fail if oldPassword is shorter than 6 chars', () => {
-        const { error } = changePasswordSchema.validate({
-            oldPassword: '12345',
-            newPassword: 'newpass456',
-        });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/at least 6 characters/i);
-    });
-
-    it('should fail if newPassword is shorter than 6 chars', () => {
-        const { error } = changePasswordSchema.validate({
-            oldPassword: 'oldpass123',
-            newPassword: '123',
-        });
-        expect(error).toBeDefined();
-    });
-
-    it('should fail if oldPassword exceeds 100 characters', () => {
-        const { error } = changePasswordSchema.validate({
-            oldPassword: 'a'.repeat(101),
-            newPassword: 'newpass456',
-        });
-        expect(error).toBeDefined();
-    });
-});
diff --git a/Backend/tests/unit/validators/usermanagement.validator.test.ts b/Backend/tests/unit/validators/usermanagement.validator.test.ts
deleted file mode 100644
index 6d57de81..00000000
--- a/Backend/tests/unit/validators/usermanagement.validator.test.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import {
-    getUserByIdValidator,
-    updateUserRoleValidator,
-} from '@/validators/usermanagement.validator';
-
-describe('getUserByIdValidator', () => {
-    it('should pass with valid id', () => {
-        const { error } = getUserByIdValidator.validate({ id: 1 });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail without id', () => {
-        const { error } = getUserByIdValidator.validate({});
-        expect(error).toBeDefined();
-    });
-
-    it('should fail with non-numeric id', () => {
-        const { error } = getUserByIdValidator.validate({ id: 'abc' });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/ID must be a number/i);
-    });
-
-    it('should pass with id = 0', () => {
-        // Joi number() allows 0 by default unless positive() is specified
-        const { error } = getUserByIdValidator.validate({ id: 0 });
-        expect(error).toBeUndefined();
-    });
-});
-
-describe('updateUserRoleValidator', () => {
-    it('should pass with valid id and role_id', () => {
-        const { error } = updateUserRoleValidator.validate({ id: 1, role_id: 2 });
-        expect(error).toBeUndefined();
-    });
-
-    it('should fail without id', () => {
-        const { error } = updateUserRoleValidator.validate({ role_id: 2 });
-        expect(error).toBeDefined();
-    });
-
-    it('should fail without role_id', () => {
-        const { error } = updateUserRoleValidator.validate({ id: 1 });
-        expect(error).toBeDefined();
-        // Joi uses field name in message when custom messages don't match
-        expect(error?.details[0].message).toContain('role_id');
-    });
-
-    it('should fail with non-numeric role_id', () => {
-        const { error } = updateUserRoleValidator.validate({ id: 1, role_id: 'admin' });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/Role ID must be a number/i);
-    });
-
-    it('should fail with non-numeric id', () => {
-        const { error } = updateUserRoleValidator.validate({ id: 'abc', role_id: 1 });
-        expect(error).toBeDefined();
-        expect(error?.details[0].message).toMatch(/ID must be a number/i);
-    });
-});
diff --git a/Backend/tsconfig.test.json b/Backend/tsconfig.test.json
deleted file mode 100644
index 5eb9ef95..00000000
--- a/Backend/tsconfig.test.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-    "extends": "./tsconfig.json",
-    "compilerOptions": {
-        "rootDir": ".",
-        "baseUrl": ".",
-        "paths": {
-            "@/*": [
-                "src/*"
-            ]
-        },
-        "types": [
-            "node",
-            "jest"
-        ]
-    },
-    "include": [
-        "src/**/*",
-        "tests/**/*"
-    ]
-}
\ No newline at end of file
diff --git a/Frontend-Learner/.nuxtrc b/Frontend-Learner/.nuxtrc
deleted file mode 100644
index 1e1fe833..00000000
--- a/Frontend-Learner/.nuxtrc
+++ /dev/null
@@ -1 +0,0 @@
-setups.@nuxt/test-utils="4.0.0"
\ No newline at end of file
diff --git a/Frontend-Learner/app.vue b/Frontend-Learner/app.vue
index 1dfac678..a1ac35c7 100644
--- a/Frontend-Learner/app.vue
+++ b/Frontend-Learner/app.vue
@@ -1,34 +1,27 @@
-<script setup lang="ts">
-/**
- * @file app.vue
- * @description Root application component.
- * Handles initialization of authentication and theme settings.
- */
-
-// Initialize composables
+<script setup>
+// ดึงฟังก์ชันจัดการ Authentication
 const { fetchUserProfile, isAuthenticated } = useAuth()
-const { isDark, set: setTheme } = useThemeMode()
 
-// App initialization logic
+// เมื่อ App เริ่มทำงาน (Mounted)
 onMounted(() => {
-  // 1. Fetch user profile if tokens exist
+  // 1. หากผู้ใช้ Login ค้างไว้ (มี Token) ให้ดึงข้อมูล Profile ล่าสุดทันที
   if (isAuthenticated.value) {
     fetchUserProfile()
   }
 
-  // 2. Initialize theme from persistent storage or system preference
+  // 2. ตรวจสอบและคืนค่า Theme (Dark/Light) จาก LocalStorage
   const savedTheme = localStorage.getItem('theme')
-  if (savedTheme) {
-    setTheme(savedTheme === 'dark')
-  } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
-    setTheme(true)
+  if (savedTheme === 'dark' || (!savedTheme && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+    document.documentElement.classList.add('dark')
+  } else {
+    document.documentElement.classList.remove('dark')
   }
 })
 </script>
 
 <template>
-  <!-- แสดงแถบโหลดด้านบนจอ (Progress Bar) แทนการโหลดเต็มหน้าจอ -->
-  <NuxtLoadingIndicator color="#2563EB" :height="4" />
+  <!-- แสดง Loader ระหว่างเปลี่ยนหน้า หรือโหลดข้อมูล -->
+  <GlobalLoader />
   
   <!-- NuxtLayout: แสดง Layout ที่กำหนดในแต่ละเพจ (default: layouts/default.vue) -->
   <NuxtLayout>
diff --git a/Frontend-Learner/assets/css/main.css b/Frontend-Learner/assets/css/main.css
index 7f1001f3..960858a7 100644
--- a/Frontend-Learner/assets/css/main.css
+++ b/Frontend-Learner/assets/css/main.css
@@ -113,9 +113,9 @@ body {
   background-attachment: fixed;
 }
 
-/* a {
+a {
   text-decoration: none;
-  color: #2563eb;
+  color: #3b82f6;
   transition: color 0.2s;
 }
 
@@ -129,7 +129,7 @@ a:hover {
 
 .dark a:hover {
   color: #93c5fd;
-} */
+}
 
 ul {
   list-style: none;
@@ -645,9 +645,9 @@ ul {
 .rounded {
   border-radius: var(--radius-md);
 }
-/* .border-b {
+.border-b {
   border-bottom: 1px solid var(--border-color);
-} */
+}
 .load-more-wrap {
   display: flex;
   justify-content: center;
diff --git a/Frontend-Learner/components/classroom/AnnouncementModal.vue b/Frontend-Learner/components/classroom/AnnouncementModal.vue
index 074ae27c..7c0b8356 100644
--- a/Frontend-Learner/components/classroom/AnnouncementModal.vue
+++ b/Frontend-Learner/components/classroom/AnnouncementModal.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 /**
  * @file AnnouncementModal.vue
- * @description คอมโพเนนต์ Modal สำหรับแสดงประกาศของคอร์สเรียน (Modal component to display course announcements)
+ * @description Modal component to display course announcements
  */
 
 const props = defineProps<{
@@ -15,7 +15,7 @@ const emit = defineEmits<{
 
 const { locale, t } = useI18n()
 
-// ตัวช่วยจัดการข้อความหลายภาษา (Helper for localization)
+// Helper for localization
 const getLocalizedText = (text: any) => {
   if (!text) return ''
   if (typeof text === 'string') return text
@@ -49,7 +49,7 @@ const getLocalizedText = (text: any) => {
                         class="p-5 rounded-2xl bg-white dark:bg-slate-800 shadow-sm border border-gray-200 dark:border-white/5 transition-all hover:shadow-md relative overflow-hidden group"
                         :class="{'ring-2 ring-orange-200 dark:ring-orange-900/40 !bg-orange-50/50 dark:!bg-orange-900/20': ann.is_pinned}"
                      >
-                        <!-- ป้ายกำกับสำหรับข้อความที่ปักหมุดไว้ (Pinned Banner) -->
+                        <!-- Pinned Banner -->
                         <div v-if="ann.is_pinned" class="absolute top-0 right-0 p-3">
                             <q-icon name="push_pin" color="orange" size="18px" class="transform rotate-45" />
                         </div>
diff --git a/Frontend-Learner/components/classroom/CurriculumSidebar.vue b/Frontend-Learner/components/classroom/CurriculumSidebar.vue
index 3e9c1c00..382be584 100644
--- a/Frontend-Learner/components/classroom/CurriculumSidebar.vue
+++ b/Frontend-Learner/components/classroom/CurriculumSidebar.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 /**
  * @file CurriculumSidebar.vue
- * @description คอมโพเนนต์แถบเมนูด้านข้างสำหรับแสดงหลักสูตรของคอร์สเรียน (บทเรียน & ตอนต่างๆ)
- * จัดการการนำทางไปยังบทเรียน, แสดงสถานะการล็อค, และแจ้งเตือนประกาศที่ยังไม่ได้อ่าน
+ * @description Sidebar Component for displaying course curriculum (Chapters & Lessons)
+ * Handles lesson navigation, locked status display, and unread announcement badge.
  */
 
 const props = defineProps<{
-  modelValue: boolean; // สถานะการเปิด/ปิดของ Sidebar (Sidebar open state - v-model)
+  modelValue: boolean; // Sidebar open state (v-model)
   courseData: any;
   currentLessonId?: number;
   isLoading: boolean;
@@ -21,10 +21,10 @@ const emit = defineEmits<{
 
 const { locale } = useI18n()
 
-// สถานะของส่วนที่ขยายได้ (State for expansion items)
+// State for expansion items
 const chapterOpenState = ref<Record<string, boolean>>({})
 
-// ตัวช่วยจัดการข้อความหลายภาษา (Helper for localization)
+// Helper for localization
 const getLocalizedText = (text: any) => {
   if (!text) return ''
   if (typeof text === 'string') return text
@@ -34,13 +34,13 @@ const getLocalizedText = (text: any) => {
   return text[currentLocale] || text.th || text.en || ''
 }
 
-// ตัวช่วยตรวจสอบว่าบทเรียนเรียนจบหรือยัง (Helper: Check if lesson is completed)
+// Helper: Check if lesson is completed
 const isLessonCompleted = (lesson: any) => {
     return lesson.is_completed === true || lesson.progress?.is_completed === true
 }
 
-// ตรวจสอบสถานะการสำเร็จของบท (Reactive Chapter Completion Status)
-// คำนวณเป็น Map ของ chapterId -> boolean (true ถ้าทุกบทเรียนย่อยเรียนจบแล้ว)
+// Reactive Chapter Completion Status
+// Computes a map of chapterId -> boolean (true if all lessons are completed)
 const chapterCompletionStatus = computed(() => {
     const status: Record<string, boolean> = {}
     if (!props.courseData || !props.courseData.chapters) return status
@@ -55,7 +55,7 @@ const chapterCompletionStatus = computed(() => {
     return status
 })
 
-// คำนวณความคืบหน้าแบบ Local (Local Progress Calculation)
+// Local Progress Calculation
 const progressPercentage = computed(() => {
   if (!props.courseData || !props.courseData.chapters) return 0
   let total = 0
@@ -69,7 +69,7 @@ const progressPercentage = computed(() => {
   return total > 0 ? Math.round((completed / total) * 100) : 0
 })
 
-// ขยายบทเรียนปัจจุบันอัตโนมัติ (Auto-expand chapter containing current lesson)
+// Auto-expand chapter containing current lesson
 watch(() => props.currentLessonId, (newId) => {
     if (newId && props.courseData?.chapters) {
         props.courseData.chapters.forEach((chapter: any) => {
@@ -81,7 +81,7 @@ watch(() => props.currentLessonId, (newId) => {
     }
 }, { immediate: true })
 
-// ตั้งค่าเริ่มต้นให้ทุกบทเรียนเปิดอยู่เมื่อโหลด (Initialize all chapters as open by default on load)
+// Initialize all chapters as open by default on load
 watch(() => props.courseData, (newData) => {
     if (newData?.chapters) {
         newData.chapters.forEach((chapter: any) => {
@@ -102,20 +102,20 @@ watch(() => props.courseData, (newData) => {
       side="right"
       :width="300"
       :breakpoint="1024"
-      class="bg-slate-50 dark:!bg-slate-900 shadow-xl"
+      class="bg-slate-50 dark:bg-slate-900 shadow-xl"
     >
-      <!-- คอนเทนเนอร์หลักบังคับใช้ความกว้างเต็มที่ (Main Container: Enforce Column Layout and Full Width) -->
-      <div v-if="courseData" class="flex flex-col w-full h-full overflow-hidden text-slate-900 dark:!text-white relative bg-slate-50 dark:!bg-slate-900">
+      <!-- Main Container: Enforce Column Layout and Full Width -->
+      <div v-if="courseData" class="flex flex-col w-full h-full overflow-hidden text-slate-900 dark:text-white relative">
         
-        <!-- 1. ส่วนหัว ด้านบนคงที่ (Header Section - Fixed at Top) -->
-        <div class="flex-none p-5 border-b border-slate-200 dark:border-white/10 bg-white dark:!bg-slate-900 z-10 w-full">
-           <h2 class="text-sm font-bold mb-4 line-clamp-2 leading-snug block w-full text-slate-900 dark:!text-white">{{ getLocalizedText(courseData.course.title) }}</h2>
+        <!-- 1. Header Section (Fixed at Top) -->
+        <div class="flex-none p-5 border-b border-slate-200 dark:border-white/10 bg-white dark:bg-slate-900 z-10 w-full">
+           <h2 class="text-sm font-bold mb-4 line-clamp-2 leading-snug block w-full">{{ getLocalizedText(courseData.course.title) }}</h2>
            
            <div class="flex justify-between items-center mb-2 w-full">
-            <span class="text-xs font-black uppercase tracking-widest text-slate-500 dark:!text-slate-400">{{ $t('course.progress') }}</span>
-            <span class="text-sm font-black text-blue-600 dark:!text-blue-400">{{ progressPercentage }}%</span>
+            <span class="text-xs font-black uppercase tracking-widest text-slate-500 dark:text-slate-400">{{ $t('course.progress') }}</span>
+            <span class="text-sm font-black text-blue-600 dark:text-blue-400">{{ progressPercentage }}%</span>
           </div>
-          <div class="h-2 w-full bg-slate-100 dark:!bg-slate-800 rounded-full overflow-hidden">
+          <div class="h-2 w-full bg-slate-100 dark:bg-slate-800 rounded-full overflow-hidden">
             <div 
               class="h-full bg-blue-600 dark:bg-blue-500 rounded-full transition-all duration-700 ease-out" 
               :style="{ width: `${progressPercentage}%` }"
@@ -123,77 +123,77 @@ watch(() => props.courseData, (newData) => {
           </div>
         </div>
 
-        <!-- 2. รายการหลักสูตร พื้นที่เลื่อนได้ (Curriculum List - Scrollable Area) -->
-         <div class="flex-1 overflow-y-auto bg-slate-50 dark:!bg-slate-900 w-full p-4 space-y-3">
+        <!-- 2. Curriculum List (Scrollable Area) -->
+         <div class="flex-1 overflow-y-auto bg-slate-50 dark:bg-[#0f1219] w-full p-4 space-y-3">
              <q-list class="block w-full">
                 <div v-for="(chapter, idx) in courseData.chapters" :key="chapter.id" class="block w-full mb-3">
-                    <!-- กล่องข้อมูลของบท (Chapter Accordion) -->
+                    <!-- Chapter Accordion -->
                     <q-expansion-item
                         v-model="chapterOpenState[chapter.id]"
-                        class="bg-white dark:!bg-slate-800 rounded-xl overflow-hidden shadow-sm border border-slate-200 dark:border-slate-700 w-full"
-                        header-class="rounded-t-xl w-full text-slate-900 dark:!text-white"
-                        expand-icon-class="text-slate-400 dark:!text-slate-300"
+                        class="bg-white dark:bg-[#1a1e29] rounded-xl overflow-hidden shadow-sm border border-slate-200 dark:border-slate-800 w-full"
+                        header-class="rounded-t-xl w-full"
+                        expand-icon-class="text-slate-400"
                     >
                         <template v-slot:header>
-                            <div class="flex items-center w-full py-3 text-slate-900 dark:!text-white">
+                            <div class="flex items-center w-full py-3 text-slate-900 dark:text-white">
                                 <div class="mr-3 flex-shrink-0">
-                                    <!-- ตัวบ่งชี้บทเรียน เครื่องหมายถูกหรือตัวเลข (Chapter Indicator - Check or Number) -->
+                                    <!-- Chapter Indicator (Check or Number) -->
                                     <div class="w-7 h-7 rounded-full border-2 flex items-center justify-center transition-colors font-bold"
                                          :class="chapterCompletionStatus[chapter.id]
-                                            ? 'border-green-500 text-green-500 bg-green-50 dark:!bg-green-500/10' 
-                                            : 'border-slate-300 dark:!border-slate-600 text-slate-500 dark:!text-slate-400 bg-slate-100 dark:!bg-slate-700'">
+                                            ? 'border-green-500 text-green-500 bg-green-50 dark:bg-green-500/10' 
+                                            : 'border-slate-300 dark:border-slate-600 text-slate-500 dark:text-slate-400 bg-slate-100 dark:bg-slate-800'">
                                         <q-icon v-if="chapterCompletionStatus[chapter.id]" name="check" size="14px" class="font-bold" />
                                         <span v-else class="text-[10px]">{{ Number(idx) + 1 }}</span>
                                     </div>
                                 </div>
-                                <!-- จัดการตัวอักษรที่ล้นเกินอย่างชัดเจน (Explicitly handle text overflow) -->
+                                <!-- Explicitly handle text overflow -->
                                 <div class="flex-1 min-w-0 pr-2 overflow-hidden">
                                     <div class="font-bold text-sm leading-tight mb-0.5 truncate block w-full">{{ getLocalizedText(chapter.title) }}</div>
-                                    <div class="text-[10px] text-slate-500 dark:!text-slate-400 font-normal truncate block w-full">
+                                    <div class="text-[10px] text-slate-500 dark:text-slate-400 font-normal truncate block w-full">
                                         {{ chapter.lessons.length }} {{ $t('course.lessonsUnit') }}
                                     </div>
                                 </div>
                             </div>
                         </template>
 
-                        <!-- รายการบทเรียนย่อย (Lessons List) -->
-                        <div class="bg-slate-50 dark:!bg-slate-800/50 border-t border-slate-100 dark:border-slate-700 w-full">
+                        <!-- Lessons List -->
+                        <div class="bg-slate-50 dark:bg-[#0f1219]/50 border-t border-slate-100 dark:border-slate-800 w-full">
                             <div 
                                 v-for="(lesson, lIdx) in chapter.lessons" 
                                 :key="lesson.id"
-                                class="flex items-center px-4 py-3 cursor-pointer transition-all border-l-4 hover:bg-slate-100 dark:hover:!bg-slate-700/50 w-full"
+                                class="flex items-center px-4 py-3 cursor-pointer transition-all border-l-4 hover:bg-slate-100 dark:hover:bg-slate-800/50 w-full"
                                 :class="currentLessonId === lesson.id 
-                                    ? 'border-blue-600 bg-blue-50 dark:!bg-blue-900/40' 
+                                    ? 'border-blue-600 bg-blue-50 dark:bg-blue-900/10' 
                                     : 'border-transparent'"
                                 @click="!lesson.is_locked && emit('select-lesson', lesson.id)"
                             >
-                                <!-- ไอคอนสถานะของบทเรียน (Lesson Status Icon) -->
+                                <!-- Lesson Status Icon -->
                                 <div class="mr-3 flex-shrink-0">
-                                    <!-- เรียนจบแล้ว (สำคัญที่สุด) (Completed - Takes Precedence) -->
+                                    <!-- Completed (Takes Precedence) -->
                                     <q-icon v-if="isLessonCompleted(lesson)" 
                                             name="check_circle" 
                                             class="text-green-500" 
                                             size="20px" 
                                     />
-                                    <!-- กำลังเรียนอยู่ (Active/Playing - If not completed) -->
+                                    <!-- Active/Playing (If not completed) -->
                                     <q-icon v-else-if="currentLessonId === lesson.id" 
                                             name="play_circle_filled" 
-                                            class="text-blue-600 dark:!text-blue-400 animate-pulse" 
+                                            class="text-blue-600 dark:text-blue-400 animate-pulse" 
                                             size="20px" 
                                     />
-                                    <!-- ถูกล็อคอยู่ (Locked) -->
+                                    <!-- Locked -->
                                     <q-icon v-else-if="lesson.is_locked" 
                                             name="lock" 
-                                            class="text-slate-400 dark:!text-slate-500 opacity-70" 
+                                            class="text-slate-400 opacity-70" 
                                             size="18px" 
                                     />
-                                    <!-- ยังไม่ได้เริ่ม (Not Started) -->
+                                    <!-- Not Started -->
                                     <div v-else class="w-[18px] h-[18px] rounded-full border-2 border-slate-300 dark:border-slate-600"></div>
                                 </div>
 
                                 <div class="flex-1 min-w-0 overflow-hidden">
                                     <div class="text-xs font-bold truncate leading-snug block w-full"
-                                        :class="currentLessonId === lesson.id ? 'text-blue-700 dark:!text-blue-300' : 'text-slate-600 dark:!text-slate-300'"
+                                        :class="currentLessonId === lesson.id ? 'text-blue-700 dark:text-blue-300' : 'text-slate-600 dark:text-slate-300'"
                                     >
                                         {{ getLocalizedText(lesson.title) }}
                                     </div>
@@ -214,7 +214,7 @@ watch(() => props.courseData, (newData) => {
 </template>
 
 <style scoped>
-/* สครอลบาร์ปรับแต่งเพื่อความสวยงาม (Custom scrollbar for better aesthetics) */
+/* Custom scrollbar for better aesthetics */
 ::-webkit-scrollbar {
   width: 4px;
 }
diff --git a/Frontend-Learner/components/classroom/VideoPlayer.vue b/Frontend-Learner/components/classroom/VideoPlayer.vue
index 1614d66b..4bd0af28 100644
--- a/Frontend-Learner/components/classroom/VideoPlayer.vue
+++ b/Frontend-Learner/components/classroom/VideoPlayer.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 /**
  * @file VideoPlayer.vue
- * @description คอมโพเนนต์เครื่องเล่นวิดีโอพร้อมด้วยตัวควบคุมแบบกำหนดเองตามการออกแบบ (Video Player Component with custom controls provided by design)
+ * @description Video Player Component with custom controls provided by design
  */
 
 const props = defineProps<{
@@ -22,7 +22,7 @@ const videoProgress = ref(0);
 const currentTime = ref(0);
 const duration = ref(0);
 
-// การตั้งค่าเกี่ยวกับสื่อ (Media Prefs)
+// Media Prefs
 const { volume, muted: isMuted, setVolume, setMuted, applyTo } = useMediaPrefs();
 
 const volumeIcon = computed(() => {
@@ -40,7 +40,7 @@ const formatTime = (time: number) => {
 const currentTimeDisplay = computed(() => formatTime(currentTime.value));
 const durationDisplay = computed(() => formatTime(duration.value || 0));
 
-// ตรรกะตัวช่วยสำหรับ YouTube (YouTube Helper Logic)
+// YouTube Helper Logic
 const isYoutube = computed(() => {
     const s = props.src.toLowerCase();
     return s.includes('youtube.com') || s.includes('youtu.be');
@@ -50,7 +50,7 @@ const youtubeEmbedUrl = computed(() => {
     if (!isYoutube.value) return '';
     let videoId = '';
     
-    // ดึงรหัสวิดีโอ (Extract Video ID)
+    // Extract Video ID
     if (props.src.includes('youtu.be')) {
         videoId = props.src.split('youtu.be/')[1]?.split('?')[0];
     } else {
@@ -58,18 +58,18 @@ const youtubeEmbedUrl = computed(() => {
         videoId = urlParams.get('v') || '';
     }
 
-    // คืนค่า URL สำหรับฝังพร้อมเปิดใช้งาน jsapi (Return Embed URL with enablejsapi=1)
+    // Return Embed URL with enablejsapi=1
     return `https://www.youtube.com/embed/${videoId}?enablejsapi=1&rel=0`;
 });
 
-// การติดตามผ่าน YouTube API (YouTube API Tracking)
+// YouTube API Tracking
 let ytPlayer: any = null;
 let ytInterval: any = null;
 
 const initYoutubeAPI = () => {
     if (!isYoutube.value || typeof window === 'undefined') return;
 
-    // โหลดสคริปต์ API หากยังไม่มี (Load API Script if not exists)
+    // Load API Script if not exists
     if (!(window as any).YT) {
         const tag = document.createElement('script');
         tag.src = "https://www.youtube.com/iframe_api";
@@ -83,7 +83,7 @@ const initYoutubeAPI = () => {
                 'onReady': (event: any) => {
                     duration.value = event.target.getDuration();
                     
-                    // ตรรกะการเล่นต่อสำหรับ YouTube (Resume Logic for YouTube)
+                    // Resume Logic for YouTube
                     if (props.initialSeekTime && props.initialSeekTime > 0) {
                         event.target.seekTo(props.initialSeekTime, true);
                     }
@@ -118,7 +118,7 @@ const startYTTracking = () => {
             currentTime.value = ytPlayer.getCurrentTime();
             emit('timeupdate', currentTime.value, duration.value);
         }
-    }, 1000); // ตรวจสอบทุกๆ วินาที (Check every second)
+    }, 1000); // Check every second
 };
 
 const stopYTTracking = () => {
@@ -145,7 +145,7 @@ onUnmounted(() => {
     destroyYoutubePlayer();
 });
 
-// เฝ้าดูการเปลี่ยนแปลงของ src เพื่อเริ่มต้นใหม่ (Watch for src change to re-init)
+// Watch for src change to re-init
 watch(() => props.src, (newSrc, oldSrc) => {
     if (newSrc !== oldSrc) {
         destroyYoutubePlayer();
@@ -174,8 +174,8 @@ const togglePlay = () => {
             playPromise.then(() => {
                 isPlaying.value = true;
             }).catch(error => {
-                // การเล่นอัตโนมัติถูกป้องกันหรือถูกขัดจังหวะ (Auto-play was prevented or play was interrupted)
-                // สามารถละเว้นข้อผิดพลาดนี้ได้อย่างปลอดภัย (We can safely ignore this error)
+                // Auto-play was prevented or play was interrupted
+                // We can safely ignore this error
                 console.log("Video play request handled:", error.name);
             });
         }
@@ -223,14 +223,14 @@ const handleVolumeChange = (val: any) => {
     setVolume(newVol);
 };
 
-// เปิดเผย video ref ให้คอมโพเนนต์แม่ควบคุมถ้าจำเป็น (Expose video ref for parent to control if needed)
+// Expose video ref for parent to control if needed
 defineExpose({
     videoRef,
     pause: () => videoRef.value?.pause(),
     currentTime: () => videoRef.value?.currentTime || 0
 });
 
-// เฝ้าดูการเปลี่ยนแปลงระดับเสียง/ปิดเสียง เพื่อนำไปใช้กับองค์ประกอบวิดีโอ (Watch for volume/mute changes to apply to video element)
+// Watch for volume/mute changes to apply to video element
 watch([volume, isMuted], () => {
     if (videoRef.value) applyTo(videoRef.value);
 });
@@ -238,7 +238,7 @@ watch([volume, isMuted], () => {
 
 <template>
     <div class="bg-black rounded-xl overflow-hidden shadow-2xl mb-6 aspect-video relative group ring-1 ring-white/10">
-        <!-- 1. เครื่องเล่น YouTube (YouTube Player) -->
+        <!-- 1. YouTube Player -->
         <iframe
             v-if="isYoutube"
             id="youtube-iframe"
@@ -249,7 +249,7 @@ watch([volume, isMuted], () => {
             allowfullscreen
         ></iframe>
 
-        <!-- 2. เครื่องเล่นวิดีโอ HTML5 มาตรฐาน (Standard HTML5 Video Player) -->
+        <!-- 2. Standard HTML5 Video Player -->
         <div v-else class="w-full h-full relative group/video cursor-pointer">
             <video
                 ref="videoRef"
@@ -262,9 +262,9 @@ watch([volume, isMuted], () => {
                 @ended="handleEnded"
             />
         
-            <!-- เลเยอร์ควบคุมแบบกำหนดเอง (Overlay) เฉพาะสำหรับวิดีโอ HTML5 เท่านั้น (Custom Controls Overlay (Only for HTML5 Video)) -->
+            <!-- Custom Controls Overlay (Only for HTML5 Video) -->
             <div class="absolute bottom-0 left-0 right-0 p-6 bg-gradient-to-t from-black/90 via-black/40 to-transparent transition-opacity opacity-0 group-hover/video:opacity-100 flex flex-col gap-3">
-                <!-- แถบแสดงความคืบหน้า (Progress Bar) -->
+                <!-- Progress Bar -->
                 <div class="relative flex-grow h-1.5 bg-white/20 rounded-full cursor-pointer group/progress overflow-hidden" @click="seek">
                     <div class="absolute top-0 left-0 h-full bg-blue-500 rounded-full group-hover/progress:bg-blue-400 transition-all shadow-[0_0_12px_rgba(59,130,246,0.6)]" :style="{ width: videoProgress + '%' }"></div>
                 </div>
@@ -275,7 +275,7 @@ watch([volume, isMuted], () => {
                     
                     <div class="flex-grow"></div>
 
-                    <!-- ตัวควบคุมระดับเสียง (Volume Control) -->
+                    <!-- Volume Control -->
                     <div class="flex items-center gap-2 group/volume relative">
                         <q-btn flat round dense :icon="volumeIcon" @click.stop="handleToggleMute" color="white" class="hover:scale-110 transition-transform" />
                         <div class="w-0 group-hover/volume:w-24 overflow-hidden transition-all duration-300 flex items-center bg-black/60 backdrop-blur-md rounded-full px-2">
diff --git a/Frontend-Learner/components/common/FormInput.vue b/Frontend-Learner/components/common/FormInput.vue
index 96956ee4..df91fdac 100644
--- a/Frontend-Learner/components/common/FormInput.vue
+++ b/Frontend-Learner/components/common/FormInput.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 /**
  * @file FormInput.vue
- * @description คอมโพเนนต์ช่องกรอกข้อมูล (Input) แบบนำกลับมาใช้ใหม่ได้ พร้อมรองรับข้อความป้ายกำกับ, จัดการข้อผิดพลาด และสถานะปิดใช้งาน/บังคับกรอก
- * รองรับการสลับซ่อน/แสดงรหัสผ่าน
+ * @description Reusable input component with label, error handling, and support for disabled/required states.
+ * Now supports password visibility toggle.
  */
 
 const props = defineProps<{
@@ -16,19 +16,19 @@ const props = defineProps<{
 }>()
 
 const emit = defineEmits<{
-  /** อัปเดตค่า v-model (Update v-model value) */
+  /** Update v-model value */
   'update:modelValue': [value: string]
 }>()
 
-// สถานะการซ่อน/แสดงรหัสผ่าน (Password visibility state)
+// Password visibility state
 const showPassword = ref(false)
 
-// ฟังก์ชันสำหรับสลับสถานะ (Toggle function)
+// Toggle function
 const togglePassword = () => {
   showPassword.value = !showPassword.value
 }
 
-// คำนวณประเภทของช่องกรอกข้อมูล بناءً pada state (Compute input type based on visibility state)
+// Compute input type based on visibility state
 const inputType = computed(() => {
   if (props.type === 'password') {
     return showPassword.value ? 'text' : 'password'
@@ -59,7 +59,7 @@ const updateValue = (event: Event) => {
         @input="updateValue"
       >
       
-      <!-- ปุ่มสลับซ่อน/แสดงรหัสผ่าน (Password Toggle Button) -->
+      <!-- Password Toggle Button -->
       <button
         v-if="type === 'password'"
         type="button"
@@ -67,13 +67,13 @@ const updateValue = (event: Event) => {
         @click="togglePassword"
         tabindex="-1"
       >
-        <!-- ไอคอนเปิดตา (แสดงรหัสผ่าน) (Eye Icon - Show) -->
+        <!-- Eye Icon (Show) -->
         <svg v-if="!showPassword" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
           <path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/>
           <circle cx="12" cy="12" r="3"/>
         </svg>
         
-        <!-- ไอคอนปิดตา (ซ่อนรหัสผ่าน) (Eye Off Icon - Hide) -->
+        <!-- Eye Off Icon (Hide) -->
         <svg v-else xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
           <path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/>
           <path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/>
diff --git a/Frontend-Learner/components/common/GlobalLoader.vue b/Frontend-Learner/components/common/GlobalLoader.vue
index cbf1437b..405ba5ba 100644
--- a/Frontend-Learner/components/common/GlobalLoader.vue
+++ b/Frontend-Learner/components/common/GlobalLoader.vue
@@ -1,20 +1,20 @@
 <script setup lang="ts">
 /**
  * @file GlobalLoader.vue
- * @description คอมโพเนนต์หน้าจอโหลดแบบเต็มจอ (Global full-screen loading) แสดงผลตอนเปลี่ยนหน้า
- * พร้มแอนิเมชันโลโก้ขยับได้แบบพรีเมียม
+ * @description Global full-screen loading overlay that triggers during page navigation.
+ * Uses a premium pulsing logo animation.
  */
 
 const nuxtApp = useNuxtApp()
 const isLoading = ref(false)
 
-// ดักจับจังหวะการเปลี่ยนหน้าผ่าย Nuxt hook (Hook into Nuxt page transitions)
+// Hook into Nuxt page transitions
 nuxtApp.hook('page:start', () => {
   isLoading.value = true
 })
 
 nuxtApp.hook('page:finish', () => {
-  // หน่วงเวลาเล็กน้อยเพื่อให้ไหลลื่น ไม่กระพริบเร็วไปหากหน้าโหลดเสร็จไว (Add a small delay for better UX)
+  // Add a small delay for better UX (prevents flickering on fast loads)
   setTimeout(() => {
     isLoading.value = false
   }, 500)
@@ -25,14 +25,14 @@ nuxtApp.hook('page:finish', () => {
   <Transition name="fade">
     <div v-if="isLoading" class="fixed inset-0 z-[99999] flex flex-col items-center justify-center bg-white dark:bg-[#0f172a] transition-colors duration-300">
       <div class="relative flex flex-col items-center">
-        <!-- กล่องโลโก้หลัก (Main Logo Box) -->
+        <!-- Main Logo Box -->
         <div class="w-20 h-20 bg-blue-50 dark:bg-blue-900/20 rounded-2xl flex items-center justify-center mb-6 animate-pulse-soft">
           <div class="w-12 h-12 bg-blue-600 rounded-xl flex items-center justify-center shadow-lg shadow-blue-600/30 animate-bounce-subtle">
             <span class="text-2xl font-black text-white">E</span>
           </div>
         </div>
         
-        <!-- ข้อความระหว่างโหลด (Loading Text) -->
+        <!-- Loading Text -->
         <div class="flex flex-col items-center gap-2">
           <h3 class="text-lg font-bold text-slate-800 dark:text-white tracking-wide">e-Learning</h3>
           <div class="flex gap-1">
diff --git a/Frontend-Learner/components/common/LanguageSwitcher.vue b/Frontend-Learner/components/common/LanguageSwitcher.vue
index 97d4b967..b17eb1a3 100644
--- a/Frontend-Learner/components/common/LanguageSwitcher.vue
+++ b/Frontend-Learner/components/common/LanguageSwitcher.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 /**
  * @file LanguageSwitcher.vue
- * @description คอมโพเนนต์ตัวสลับภาษาใช้ปุ่ม Dropdown ของ Quasar
- * ใช้สลับระหว่างภาษาไทย (th) และภาษาอังกฤษ (en)
+ * @description Language switcher component using Quasar dropdown.
+ * Allows switching between Thai (th) and English (en) locales.
  */
 
 const { locale, setLocale, locales } = useI18n()
 
-// ดึงรายการภาษาที่มีอยู่พร้อมชื่อภาษา (Get available locales with their names)
+// Get available locales with their names
 const availableLocales = computed(() => {
   return (locales.value as Array<{ code: string; name: string }>).map((loc) => ({
     code: loc.code,
@@ -15,13 +15,13 @@ const availableLocales = computed(() => {
   }))
 })
 
-// ดึงพาธภาพธงชาติสำหรับภาษานั้นๆ (Get flag image path for a locale)
+// Get flag image path for a locale
 const getFlagPath = (code: string) => `/flags/${code}.png`
 
-// จัดการเมื่อเปลี่ยนภาษา (Handle locale change)
+// Handle locale change
 const changeLocale = async (code: string) => {
   await setLocale(code as 'th' | 'en')
-  // คุกกี้ (Cookie) จะถูกจัดการอัตโนมัติโดย @nuxtjs/i18n จากออปชัน detectBrowserLanguage.useCookie
+  // Cookie is automatically handled by @nuxtjs/i18n with detectBrowserLanguage.useCookie
 }
 </script>
 
@@ -32,7 +32,7 @@ const changeLocale = async (code: string) => {
     class="language-btn"
     :aria-label="$t('language.label')"
   >
-    <!-- แสดงธงชาติตามภาษาที่ใช้อยู่ (Show current locale flag) -->
+    <!-- Show current locale flag -->
     <img 
       :src="getFlagPath(locale)" 
       :alt="locale.toUpperCase()" 
@@ -178,7 +178,7 @@ const changeLocale = async (code: string) => {
 </style>
 
 <style>
-/* สไตล์ Global สำหรับเมนูที่ถูกข้ามไปแสดงผลที่อื่นด้วย Teleport (Global styles for teleported menu) */
+/* Global styles for teleported menu */
 .language-menu {
   border-radius: 16px;
   box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
diff --git a/Frontend-Learner/components/common/LoadingSkeleton.vue b/Frontend-Learner/components/common/LoadingSkeleton.vue
index 50bfb566..ddd86c9f 100644
--- a/Frontend-Learner/components/common/LoadingSkeleton.vue
+++ b/Frontend-Learner/components/common/LoadingSkeleton.vue
@@ -1,8 +1,4 @@
 <script setup lang="ts">
-/**
- * @file LoadingSkeleton.vue
- * @description คอมโพเนนต์ Skeleton สำหรับแสดงโครงร่างหน้าจอระหว่างรอโหลดข้อมูล (Loading Skeleton Component)
- */
 defineProps<{
   type?: 'text' | 'avatar' | 'card' | 'button'
   width?: string
@@ -13,7 +9,6 @@ defineProps<{
 
 <template>
   <div class="skeleton-wrapper">
-    <!-- กรณีเป็นโครงร่างประเภทการ์ด (Card type skeleton) -->
     <template v-if="type === 'card'">
       <div v-for="i in (count || 1)" :key="i" class="skeleton-card">
         <div class="skeleton skeleton-image"/>
@@ -25,17 +20,14 @@ defineProps<{
       </div>
     </template>
     
-    <!-- กรณีเป็นโครงร่างประเภทรูปโปรไฟล์ (Avatar type skeleton) -->
     <template v-else-if="type === 'avatar'">
       <div class="skeleton skeleton-avatar"/>
     </template>
     
-    <!-- กรณีเป็นโครงร่างประเภทปุ่มกด (Button type skeleton) -->
     <template v-else-if="type === 'button'">
       <div class="skeleton skeleton-button" :style="{ width: width || '120px' }"/>
     </template>
     
-    <!-- กรณีอื่นๆ จะแสดงเป็นบรรทัดข้อความ (Fallback/Text type skeleton) -->
     <template v-else>
       <div 
         v-for="i in (count || 1)" 
diff --git a/Frontend-Learner/components/common/LoadingSpinner.vue b/Frontend-Learner/components/common/LoadingSpinner.vue
index 37a5d92d..2dd9d7a7 100644
--- a/Frontend-Learner/components/common/LoadingSpinner.vue
+++ b/Frontend-Learner/components/common/LoadingSpinner.vue
@@ -1,8 +1,4 @@
 <script setup lang="ts">
-/**
- * @file LoadingSpinner.vue
- * @description ไอคอนหมุนแสดงการโหลด (Loading Spinner Component) เหมาะสำหรับใช้ตรงจุดเล็กๆ หรือตอนโหลดหน้าเว็บ
- */
 defineProps<{
   size?: 'sm' | 'md' | 'lg'
   text?: string
diff --git a/Frontend-Learner/components/course/CourseCard.vue b/Frontend-Learner/components/course/CourseCard.vue
index 16af9f03..c4714d79 100644
--- a/Frontend-Learner/components/course/CourseCard.vue
+++ b/Frontend-Learner/components/course/CourseCard.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 /**
  * @file CourseCard.vue
- * @description คอมโพเนนต์การ์ดแสดงคอร์สเรียนมาตรฐาน (Standardized Course Card Component)
- * วิธีใช้งาน: <CourseCard :id="1" title="..." ... />
+ * @description Standardized Course Card Component.
+ * Usage: <CourseCard :id="1" title="..." ... />
  */
 
 interface CourseCardProps {
@@ -20,7 +20,7 @@ interface CourseCardProps {
   image?: string
   loading?: boolean
   
-  // ตัวควบคุมการแสดงปุ่มต่างๆ (Action Flags)
+  // Action Flags
   showViewDetails?: boolean
   showContinue?: boolean
   showCertificate?: boolean
@@ -57,9 +57,9 @@ const displayCategory = computed(() => getLocalizedText(props.category))
 </script>
 
 <template>
-  <div class="group relative flex flex-col bg-white dark:!bg-slate-900 rounded-3xl overflow-hidden border border-slate-200 dark:border-white/5 shadow-sm hover:shadow-xl dark:shadow-none hover:-translate-y-1 transition-all duration-300 h-full">
+  <div class="group relative flex flex-col bg-white dark:!bg-[#0f172a] rounded-3xl overflow-hidden border border-slate-200 dark:border-slate-800 shadow-sm hover:shadow-xl dark:shadow-none hover:-translate-y-1 transition-all duration-300 h-full">
     
-    <!-- ส่วนรูปหน้าปก (Thumbnail Section) -->
+    <!-- Thumbnail Section -->
     <div class="relative w-full aspect-video overflow-hidden">
       <img 
         v-if="image"
@@ -71,12 +71,12 @@ const displayCategory = computed(() => getLocalizedText(props.category))
          <q-icon name="image" size="48px" class="text-slate-300 dark:text-slate-600" />
       </div>
 
-      <!-- เลเยอร์ฟิลเตอร์ซ้อนทับ (Overlays) -->
+      <!-- Overlays -->
       <div class="absolute inset-0 bg-gradient-to-t from-slate-900/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
       
 
 
-      <!-- ป้ายแสดงสถานะเรียนจบ (Completed Badge) -->
+      <!-- Completed Badge -->
       <div v-if="completed" class="absolute inset-0 bg-emerald-900/40 backdrop-blur-[2px] flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-300">
          <span class="bg-emerald-500 text-white w-12 h-12 rounded-full flex items-center justify-center shadow-lg transform scale-75 group-hover:scale-100 transition-transform">
            <q-icon name="check" size="24px" />
@@ -84,9 +84,9 @@ const displayCategory = computed(() => getLocalizedText(props.category))
       </div>
     </div>
 
-    <!-- ส่วนเนื้อหาข้อมูล (Content Section) -->
+    <!-- Content Section -->
     <div class="p-6 flex flex-col flex-grow">
-      <!-- ข้อมูลประกอบย่อย เช่น บทเรียน/ระยะเวลา (Meta Info - Lessons/Duration) -->
+      <!-- Meta Info (Lessons/Duration) -->
       <div class="flex items-center gap-3 text-xs font-bold text-slate-500 dark:text-slate-400 mb-3 uppercase tracking-wider">
          <span v-if="lessons" class="flex items-center gap-1">
            <q-icon name="menu_book" size="14px" /> {{ lessons }} {{ $t('course.lessonsUnit') }}
@@ -96,18 +96,18 @@ const displayCategory = computed(() => getLocalizedText(props.category))
          </span>
       </div>
 
-      <!-- ชื่อคอร์ส (Title) -->
+      <!-- Title -->
       <h3 class="text-lg font-black text-slate-900 dark:text-white mb-2 line-clamp-2 leading-tight group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">
         {{ displayTitle }}
       </h3>
 
-      <!-- รายละเอียดเพิ่มเติม (Description) -->
+      <!-- Description -->
       <p v-if="displayDescription" class="text-sm text-slate-500 dark:text-slate-400 line-clamp-2 mb-6">
         {{ displayDescription }}
       </p>
 
       <div class="mt-auto pt-4">
-        <!-- หลอดความคืบหน้า (Progress Bar) -->
+        <!-- Progress Bar -->
         <div v-if="progress !== undefined && !completed && !hideProgress" class="mb-4">
           <div class="flex justify-between text-[10px] font-bold uppercase mb-1">
             <span class="text-slate-500 dark:text-slate-400">{{ $t('course.progress') }}</span>
@@ -118,19 +118,19 @@ const displayCategory = computed(() => getLocalizedText(props.category))
           </div>
         </div>
 
-        <!-- ปุ่มปฏิบัติการต่างๆ (Action Buttons) -->
+        <!-- Action Buttons -->
         <div v-if="!hideActions" class="flex flex-col gap-3">
-          <!-- ปุ่มดูรายละเอียด (ปุ่มรอง) (View Details - Secondary Action) -->
+          <!-- View Details (Secondary Action) -->
           <q-btn
             v-if="showViewDetails && !completed && !progress"
             flat
             rounded
-            class="w-full font-bold !text-blue-600 !bg-blue-50 hover:!bg-blue-100 dark:!bg-blue-500/10 dark:!text-blue-400 dark:hover:!bg-blue-500/20"
+            class="w-full font-bold !text-blue-600 !bg-blue-50 hover:!bg-blue-100 dark:!bg-blue-900/40 dark:!text-blue-300 dark:hover:!bg-blue-900/60"
             :label="$t('menu.viewDetails')"
             :to="`/course/${id}`"
           />
 
-          <!-- ปุ่มเรียนต่อ/เริ่มเรียน (ปุ่มหลัก) (Continue Learning - Primary Action) -->
+          <!-- Continue Learning (Primary Action) -->
           <q-btn
             v-if="showContinue || (progress && !completed) || (progress === 0 && !completed)"
             unelevated
@@ -142,7 +142,7 @@ const displayCategory = computed(() => getLocalizedText(props.category))
         </div>
 
         <div v-if="completed" class="space-y-2">
-            <!-- ปุ่มเรียนอีกครั้ง (Study Again) -->
+            <!-- Study Again -->
             <q-btn
               v-if="showStudyAgain"
               unelevated
@@ -152,7 +152,7 @@ const displayCategory = computed(() => getLocalizedText(props.category))
               :to="`/classroom/learning?course_id=${id}`"
             />
             
-            <!-- ปุ่มดาวน์โหลดใบรับรอง (Download Certificate) -->
+            <!-- Download Certificate -->
             <q-btn
               v-if="showCertificate"
               unelevated
@@ -168,5 +168,5 @@ const displayCategory = computed(() => getLocalizedText(props.category))
 </template>
 
 <style scoped>
-/* ใส่โค้ด CSS เพิ่มได้ถ้าต้องการครอบคลุมเฉพาะไฟล์นี้ (Scoped overrides if needed) */
+/* Scoped overrides if needed */
 </style>
diff --git a/Frontend-Learner/components/discovery/CategorySidebar.vue b/Frontend-Learner/components/discovery/CategorySidebar.vue
index 692d26cf..15f238d4 100644
--- a/Frontend-Learner/components/discovery/CategorySidebar.vue
+++ b/Frontend-Learner/components/discovery/CategorySidebar.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 /**
  * @file CategorySidebar.vue
- * @description แถบเมนูด้านข้างสำหรับกรองคอร์สตามหมวดหมู่ (Sidebar for filtering courses by category)
+ * @description Sidebar for filtering courses by category
  */
 
 const props = defineProps<{
@@ -81,13 +81,13 @@ const toggleCategory = (id: number) => {
                                 {{ getLocalizedText(cat.name) }}
                             </span>
                             
-                            <!-- จุดแสดงสถานะเมื่อถูกเลือก (Active Indicator Dot) -->
+                            <!-- Active Indicator Dot -->
                             <div v-if="modelValue.includes(cat.id)" class="ml-auto w-1.5 h-1.5 rounded-full bg-blue-600 dark:bg-blue-400 shadow-lg shadow-blue-500/50"></div>
                         </div>
                     </div>
                 </div>
 
-                <!-- ปุ่มแสดงเพิ่มเติม/แสดงน้อยลง (Show More/Less Action) -->
+                <!-- Show More/Less Action -->
                 <div 
                     v-if="categories.length > 5"
                     @click="showAllCategories = !showAllCategories"
diff --git a/Frontend-Learner/components/discovery/CourseDetailView.vue b/Frontend-Learner/components/discovery/CourseDetailView.vue
index c7fb7621..3f1446a8 100644
--- a/Frontend-Learner/components/discovery/CourseDetailView.vue
+++ b/Frontend-Learner/components/discovery/CourseDetailView.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 /**
  * @file CourseDetailView.vue
- * @description แสดงรายละเอียดคอร์สแบบรวดเร็ว รวมถึงตัวอย่างวิดีโอ, หลักสูตร, และระบบการลงทะเบียน
+ * @description Quick view of course details including video preview, curriculum, and enroll logic
  */
 import { ref, computed } from 'vue'
 
@@ -51,9 +51,9 @@ const handleEnroll = () => {
     if(!props.course) return;
     enrollmentLoading.value = true;
     emit('enroll', props.course.id);
-    // สถานะ Loading ถูกจัดการโดยคอมโพเนนต์แม่ แต่ในคอมโพเนนต์นี้เรารีเซ็ตหลังจากส่ง event หรือเก็บไว้จนกว่า prop จะเปลี่ยน
-    // ในรูปแบบนี้ เราแค่ส่ง event ออกไป (just emit)
-    setTimeout(() => enrollmentLoading.value = false, 2000); // ตั้งเวลารีเซ็ตเพื่อความปลอดภัย (Safety timeout)
+    // Loading state reset depends on parent, but locally we can reset after emit or keep until prop changes
+    // In this pattern, we just emit.
+    setTimeout(() => enrollmentLoading.value = false, 2000); // Safety timeout
 };
 const instructorData = computed(() => {
     if (props.course?.instructors && props.course.instructors.length > 0) {
@@ -66,11 +66,16 @@ const instructorData = computed(() => {
 
 <template>
     <div class="animate-fade-in-up">
+        <div class="flex items-center gap-2 mb-8 group cursor-pointer" @click="emit('back')">
+            <q-icon name="arrow_back" size="20px" class="text-slate-400 group-hover:text-blue-600 transition-colors" />
+            <span class="text-sm font-bold text-slate-500 group-hover:text-blue-600 transition-colors uppercase tracking-widest">{{ $t('common.back') }}</span>
+        </div>
+
         <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
-            <!-- ด้านซ้าย: รายละเอียดเนื้อหา (Left: Content Detail) -->
+            <!-- Left: Content Detail -->
             <div class="lg:col-span-2 space-y-8">
                 
-                <!-- ส่วนแสดงตัวอย่างวิดีโอ (Video Preview Section) -->
+                <!-- Video Preview Section -->
                 <div class="relative aspect-video rounded-3xl overflow-hidden shadow-2xl group cursor-pointer bg-slate-900 border-4 border-white dark:border-slate-800 transition-transform duration-500 hover:scale-[1.01]">
                      <template v-if="course.media?.video_url">
                          <video 
@@ -81,19 +86,19 @@ const instructorData = computed(() => {
                              <source :src="course.media.video_url" type="video/mp4">
                              {{ $t('course.videoNotSupported') }}
                          </video>
-                         <!-- ปุ่มเล่นวิดีโอแบบปรับแต่งเองตอนยังไม่เล่น (Custom Play Overlay when not playing) -->
+                         <!-- Custom Play Overlay when not playing - simple version is often best -->
                      </template>
-                     <!-- แสดงรูปภาพสวยๆ กรณีที่ไม่มีวิดีโอ (Beautiful Image Showcase if no video) -->
+                     <!-- Beautiful Image Showcase if no video -->
                      <template v-else>
                          <div class="w-full h-full flex items-center justify-center relative overflow-hidden bg-slate-950 group">
-                             <!-- รูปพื้นหลังเบลอ (Blurred background fill) -->
+                             <!-- Blurred background fill -->
                              <img 
                                 v-if="course.thumbnail_url || course.cover_image"
                                 :src="course.thumbnail_url || course.cover_image"
                                 class="absolute inset-0 w-full h-full object-cover opacity-40 blur-2xl scale-125"
                              />
                              
-                             <!-- รูปหลักแบบคมชัด (Main Sharp Image) -->
+                             <!-- Main Sharp Image -->
                              <img 
                                 v-if="course.thumbnail_url || course.cover_image"
                                 :src="course.thumbnail_url || course.cover_image"
@@ -107,7 +112,7 @@ const instructorData = computed(() => {
                      </template>
                 </div>
 
-                <!-- ชื่อคอร์สและรายละเอียด (Course Title & Description) -->
+                <!-- Course Title & Description -->
                 <div>
                     <h1 class="text-3xl md:text-4xl font-extrabold text-slate-900 dark:text-white mb-4 leading-tight">
                         {{ getLocalizedText(course.title) }}
@@ -118,10 +123,10 @@ const instructorData = computed(() => {
                     </div>
                 </div>
 
-                <!-- รายละเอียดคอร์ส - รูแแบบหน้าเดียว (Course Detail - Single Page Layout) -->
+                <!-- Course Detail - Single Page Layout -->
                 <div class="space-y-10">
                     
-                    <!-- ข้อมูลผู้สอน (Instructor Info) -->
+                    <!-- Instructor Info -->
                     <div class="flex flex-col sm:flex-row gap-6 items-start sm:items-center pb-8 border-b border-slate-200 dark:border-slate-800">
                         <q-avatar size="64px">
                             <img :src="instructorData?.profile?.avatar_url || 'https://cdn.quasar.dev/img/boy-avatar.png'" />
@@ -135,7 +140,7 @@ const instructorData = computed(() => {
                         </div>
                     </div>
 
-                    <!-- รายละเอียดหลักสูตร / บทเรียน (Curriculum / Lesson Details) -->
+                    <!-- Curriculum / Lesson Details -->
                     <div>
                         <div class="flex items-center justify-between mb-6">
                             <h3 class="text-xl font-bold text-slate-900 dark:text-white">
@@ -148,7 +153,7 @@ const instructorData = computed(() => {
                         
                         <div class="space-y-4">
                              <div v-for="(chapter, idx) in course.chapters" :key="chapter.id" class="group">
-                                 <!-- ส่วนหัวของบท (Chapter Header) -->
+                                 <!-- Chapter Header -->
                                  <div class="px-6 py-4 bg-white dark:bg-slate-800 rounded-2xl border border-slate-200 dark:border-white/5 font-black text-slate-800 dark:text-white flex justify-between items-center mb-2 shadow-sm">
                                      <span class="flex items-center gap-3">
                                          <span class="w-7 h-7 flex items-center justify-center bg-slate-100 dark:bg-white/10 rounded-lg text-xs font-bold font-mono">{{ Number(idx) + 1 }}</span>
@@ -157,7 +162,7 @@ const instructorData = computed(() => {
                                      <span class="text-[10px] uppercase font-black tracking-widest text-slate-400 opacity-60">{{ chapter.lessons?.length || 0 }} {{ $t('course.lessonsUnit') }}</span>
                                  </div>
                                  
-                                 <!-- รายการบทเรียน (Lessons List) -->
+                                 <!-- Lessons List -->
                                  <div class="ml-4 pl-4 border-l-2 border-slate-100 dark:border-slate-800 space-y-1 mt-3">
                                      <div v-for="lesson in chapter.lessons" :key="lesson.id" class="px-5 py-3 flex items-center gap-3 text-sm text-slate-600 dark:text-slate-400 hover:bg-white dark:hover:bg-white/5 rounded-xl transition-all hover:translate-x-1">
                                          <div class="w-8 h-8 rounded-full flex items-center justify-center shrink-0" :class="lesson.type === 'VIDEO' ? 'bg-blue-50 text-blue-600 dark:bg-blue-500/10 dark:text-blue-400' : 'bg-orange-50 text-orange-600 dark:bg-orange-500/10 dark:text-orange-400'">
@@ -173,7 +178,7 @@ const instructorData = computed(() => {
                                  </div>
                             </div>
                             
-                            <!-- กรณีที่ไม่มีข้อมูล (Empty State) -->
+                            <!-- Empty State -->
                             <div v-if="!course.chapters || course.chapters.length === 0" class="flex flex-col items-center justify-center py-12 text-slate-400 dark:text-slate-500 bg-white/50 dark:bg-slate-900/50 rounded-2xl border-2 border-dashed border-slate-200 dark:border-slate-800">
                                  <q-icon name="menu_book" size="40px" class="mb-2 opacity-50" />
                                  <p class="text-sm font-medium">{{ $t('course.noContent') }}</p>
@@ -185,11 +190,11 @@ const instructorData = computed(() => {
 
             </div>
 
-            <!-- ด้านขวา: การ์ดลงทะเบียน (Right: Enrollment Card) -->
+            <!-- Right: Enrollment Card -->
             <div class="lg:col-span-1">
                  <div class="sticky top-24">
                      <div class="bg-white dark:bg-slate-900 rounded-3xl shadow-2xl shadow-blue-500/10 dark:shadow-none p-8 border border-slate-100 dark:border-white/5 relative overflow-hidden group">
-                           <!-- ลูกเล่นแสงพื้นหลังตกแต่ง (Decorative background glow) -->
+                           <!-- Decorative background glow -->
                            <div class="absolute -top-12 -right-12 w-48 h-48 bg-blue-500/10 rounded-full blur-3xl group-hover:bg-blue-500/20 transition-colors"></div>
                            
                            <div class="relative">
diff --git a/Frontend-Learner/components/layout/AppHeader.vue b/Frontend-Learner/components/layout/AppHeader.vue
index 30b3e8af..0fd7c08a 100644
--- a/Frontend-Learner/components/layout/AppHeader.vue
+++ b/Frontend-Learner/components/layout/AppHeader.vue
@@ -1,116 +1,168 @@
 <script setup lang="ts">
 /**
  * @file AppHeader.vue
- * @description แถบเมนูด้านบนหลัก (Header) สำหรับหน้าแดชบอร์ด (Dashboard) ของระบบ EduLearn
+ * @description The main header for the authenticated application dashboard.
+ * Uses Quasar QToolbar.
  */
 
+import { ref, computed } from "vue";
+
 const props = defineProps<{
-  /** ควบคุมการแสดงผลของปุ่มเปิด/ปิดแถบเมนูด้านข้าง (Sidebar) */
+  /** Controls visibility of the sidebar toggle button */
   showSidebarToggle?: boolean;
+  /** Type of navigation links to display */
+  navType?: "public" | "learner";
 }>();
 
 const emit = defineEmits<{
-  /** ส่งสัญญาณ (Emit) เมื่อผู้ใช้คลิกที่ปุ่มแฮมเบอร์เกอร์เมนู */
+  /** Emitted when the hamburger menu is clicked */
   toggleSidebar: [];
+  /** Emitted when the mobile menu toggle is clicked */
+  toggleRightDrawer: [];
 }>();
 
-const { currentUser } = useAuth();
-const { locale, setLocale } = useI18n();
-const { isDark, set: setTheme } = useThemeMode();
+const { t } = useI18n();
+const route = useRoute();
+
+// Automatically determine navType based on route if not explicitly passed
+const navTypeComputed = computed(() => {
+  if (props.navType) return props.navType;
+  // Show learner nav for dashboard, browse, classroom, and course details
+  const learnerRoutes = ["/dashboard", "/browse", "/classroom", "/course"];
+  return learnerRoutes.some((r) => route.path.startsWith(r))
+    ? "learner"
+    : "public";
+});
 
-const toggleLanguage = () => {
-  setLocale(locale.value === 'th' ? 'en' : 'th');
-};
 
-const toggleTheme = () => {
-  setTheme(!isDark.value);
-};
 </script>
 
 <template>
-  <q-toolbar class="bg-white dark:!bg-[#020617] text-slate-900 dark:!text-white h-20 border-b border-slate-50 dark:border-slate-800/50 px-6">
-    
-    <!-- ด้านซ้าย: ปุ่มย่อขยายแถบเมนูด้านข้าง (Hamburger Toggle) -->
-    <q-btn
-      flat
-      round
-      dense
-      icon="menu"
-      class="text-slate-400 hover:text-blue-600 transition-colors"
-      size="16px"
-      @click="$emit('toggleSidebar')"
-    />
-
-    <q-space />
-
-    <!-- ส่วนการตั้งค่าทางด้านขวา (Right Section) -->
-    <div class="flex items-center gap-2 sm:gap-4 md:gap-6 no-wrap">
+  <q-toolbar class="bg-white dark:!bg-[#0f172a] text-slate-900 dark:!text-white h-16 border-none p-0 overflow-visible">
+    <div class="w-full px-4 md:px-12 flex items-center h-full no-wrap relative">
       
-      <!-- ปุ่มสลับธีม (Theme Toggle) -->
+      <!-- Mobile Sidebar Toggle (For non-learner routes) -->
       <q-btn
+        v-if="showSidebarToggle !== false && navTypeComputed !== 'learner' && $q.screen.lt.md"
         flat
         round
         dense
-        :icon="isDark ? 'dark_mode' : 'light_mode'"
-        :class="isDark ? 'text-blue-400' : 'text-amber-500'"
-        class="transition-all active:scale-90"
-        size="12px"
-        @click="toggleTheme"
+        icon="menu"
+        class="mr-2 text-gray-500"
+        @click="$emit('toggleSidebar')"
+      />
+
+      <!-- Branding: Logo + Name -->
+      <div
+        class="flex items-center gap-3 cursor-pointer group flex-shrink-0"
+        @click="navigateTo('/dashboard')"
       >
-        <q-tooltip>{{ isDark ? 'โหมดกลางคืน' : 'โหมดกลางวัน' }}</q-tooltip>
-      </q-btn>
-
-      <!-- ตัวสลับภาษาแบบแคปซูล (Language Switcher) -->
-      <div 
-        @click="toggleLanguage"
-        class="flex items-center bg-slate-50 dark:bg-slate-800/50 border border-slate-100 dark:border-slate-800 rounded-xl p-0.5 sm:p-1 cursor-pointer hover:bg-slate-100 transition-all font-bold text-[11px] sm:text-[13px] select-none"
-      >
-        <div :class="locale === 'th' ? 'bg-white dark:bg-slate-700 shadow-sm text-blue-600' : 'text-slate-400'" class="px-2 sm:px-3 py-1 rounded-lg transition-all">TH</div>
-        <div class="w-[1px] h-3 bg-slate-200 dark:bg-slate-700 mx-0.5"></div>
-        <div :class="locale === 'en' ? 'bg-white dark:bg-slate-700 shadow-sm text-blue-600' : 'text-slate-400'" class="px-2 sm:px-3 py-1 rounded-lg transition-all">EN</div>
-      </div>
-
-      <!-- เส้นคั่น (Divider) -->
-      <div class="hidden sm:block w-[1px] h-8 bg-slate-100 dark:bg-slate-800"></div>
-
-      <!-- ส่วนข้อมูลผู้ใช้งาน (User Profile) -->
-      <div class="flex items-center gap-3 cursor-pointer group" @click="navigateTo('/dashboard/profile')">
-        <!-- ชื่อและบทบาท (แสดงเฉพาะบนจอที่ใหญ่กว่า 600px) -->
-        <div class="user-info-text flex flex-col items-end text-right">
-          <span class="text-[15px] font-bold text-slate-900 dark:text-white leading-tight">
-            {{ currentUser?.firstName || 'User' }} {{ currentUser?.lastName || '' }}
-          </span>
-          <span class="text-[11px] text-slate-500 font-medium">{{ $t('common.student') }}</span>
+        <div class="w-10 h-10 rounded-xl bg-blue-600 flex items-center justify-center text-white font-black shadow-lg shadow-blue-600/30 group-hover:scale-110 transition-transform flex-shrink-0">
+          E
         </div>
-
-        <!-- รูปโปรไฟล์พร้อมวงแหวน Gradient นุ่มนวล -->
-        <div class="relative p-[3px] rounded-full bg-gradient-to-tr from-[#FFD1D1] via-[#E2E8FF] to-[#D1F7FF] dark:from-slate-800 dark:to-slate-700 transition-transform group-hover:scale-105">
-          <div class="bg-white dark:bg-[#020617] p-[1.5px] rounded-full shadow-sm">
-            <UserAvatar 
-              :photoURL="currentUser?.photoURL" 
-              :firstName="currentUser?.firstName" 
-              :lastName="currentUser?.lastName" 
-              size="40"
-              class="w-[40px] h-[40px]"
-            />
-          </div>
+        <div class="flex flex-col text-left">
+          <span class="font-black text-[15px] md:text-lg leading-none tracking-tight text-slate-900 dark:text-white group-hover:text-blue-600 transition-colors">E-Learning</span>
+          <span class="text-[9px] md:text-[10px] font-bold uppercase tracking-[0.2em] leading-none mt-1 text-slate-500">Platform</span>
         </div>
       </div>
 
+      <!-- Desktop Navigation -->
+      <nav class="header-desktop items-center gap-6 lg:gap-8 text-[14px] font-bold ml-12 flex-shrink-0 h-full">
+        <NuxtLink to="/dashboard" class="nav-link" exact-active-class="active">{{ $t("sidebar.overview") }}</NuxtLink>
+        <NuxtLink to="/browse/discovery" class="nav-link" active-class="active">{{ $t("landing.allCourses") }}</NuxtLink>
+        <NuxtLink to="/dashboard/my-courses" class="nav-link" exact-active-class="active">{{ $t("sidebar.myCourses") || 'คอร์สเรียนของฉัน' }}</NuxtLink>
+      </nav>
+
+      <q-space />
+
+      <!-- Right Section: Tools -->
+      <div class="flex items-center gap-2 flex-shrink-0 no-wrap">
+        
+        <!-- Desktop Only Tools -->
+        <div class="header-desktop items-center gap-4 flex-shrink-0">
+          <LanguageSwitcher />
+          <UserMenu />
+        </div>
+
+        <!-- Mobile/Tablet Tools Hidden (Moved to Drawer) -->
+        <!-- Just keep space between logo and hamburger -->
+
+        <!-- Mobile/Tablet Hamburger -->
+        <q-btn
+          flat
+          round
+          dense
+          icon="menu"
+          class="header-mobile text-slate-700 dark:text-white bg-slate-100 dark:bg-slate-800 flex-shrink-0"
+          style="width: 40px; height: 40px; min-width: 40px;"
+          @click="$emit('toggleRightDrawer')"
+        />
+      </div>
     </div>
   </q-toolbar>
 </template>
 
 <style scoped>
-/* บังคับให้ความสูงของ Header เท่ากันเสมอ (Ensure toolbar height is consistent) */
-:deep(.q-toolbar) {
-  min-height: 80px;
-}
-
-/* ซ่อนชื่อผู้ใช้ไว้เฉพาะบนหน้าจอมือถือขนาดเล็กเท่านั้น (Hide user name only on small mobile screens) */
-@media (max-width: 600px) {
-  .user-info-text {
+/* High Priority Visibility Logic */
+@media (max-width: 1023px) {
+  .header-desktop {
     display: none !important;
   }
+  .header-mobile {
+    display: flex !important;
+  }
+}
+
+@media (min-width: 1024px) {
+  .header-mobile {
+    display: none !important;
+  }
+  .header-desktop {
+    display: flex !important;
+  }
+}
+
+.nav-link {
+  color: #64748b; /* slate-500 */
+  text-decoration: none;
+  transition: all 0.3s ease;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  white-space: nowrap;
+  position: relative;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  padding: 0 4px;
+}
+
+.nav-link:hover {
+  color: #2563eb; /* blue-600 */
+}
+
+.nav-link.active {
+  color: #2563eb; /* blue-600 */
+}
+
+.nav-link::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  width: 0;
+  height: 3px;
+  background-color: #2563eb;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  transition: all 0.3s ease;
+  transform: translateX(-50%);
+}
+
+.nav-link.active::after {
+  width: 100%;
+}
+
+.router-link-active {
+  color: #2563eb !important;
 }
 </style>
diff --git a/Frontend-Learner/components/layout/AppSidebar.vue b/Frontend-Learner/components/layout/AppSidebar.vue
index f359c349..6cdea9ef 100644
--- a/Frontend-Learner/components/layout/AppSidebar.vue
+++ b/Frontend-Learner/components/layout/AppSidebar.vue
@@ -1,145 +1,79 @@
 <script setup lang="ts">
 /**
  * @file AppSidebar.vue
- * @description เมนูด้านข้างสำหรับการนำทาง (Sidebar Navigation)
+ * @description Sidebar navigation for the authenticated dashboard.
+ * Uses Quasar QList for structure.
  */
 
-// 1. นำเข้า Composables และไลบรารี
-import { useQuasar } from 'quasar'
+const { sidebarItems } = useNavItems()
 const { t } = useI18n()
-const route = useRoute()
-const $q = useQuasar()
-const { logout } = useAuth()
-const { isDark } = useThemeMode()
+const navItems = sidebarItems
 
-// 2. กำหนดข้อมูลเมนูหลัก (Main Navigation)
-const menuItems = computed(() => [
-  { to: '/dashboard', icon: 'grid_view', label: t('sidebar.overview') },
-  { to: '/dashboard/my-courses', icon: 'book', label: t('sidebar.myCourses') }
-])
 
-// 3. กำหนดข้อมูลเมนูบัญชี (Account Navigation)
-const accountItems = computed(() => [
-  { to: '/dashboard/profile', icon: 'settings', label: t('userMenu.settings') }
-])
-
-// 4. ฟังก์ชันการออกจากระบบ (Logout Function)
-const handleLogout = () => {
-  $q.dialog({
-    title: t('auth.logoutConfirmTitle'),
-    message: t('auth.logoutConfirmMessage'),
-    cancel: {
-      flat: true,
-      color: isDark.value ? 'grey-4' : 'grey-7',
-      label: t('common.cancel')
-    },
-    ok: {
-      flat: false,
-      color: 'red-500',
-      label: t('auth.logout'),
-      unelevated: true
-    },
-    dark: isDark.value,
-    class: 'p-4 rounded-2xl text-slate-900 dark:text-white',
-    persistent: true
-  }).onOk(async () => {
-    await logout()
-  })
+const handleNavigate = (path: string) => {
+  if (import.meta.client) {
+    window.location.href = path
+  }
 }
 </script>
 
 <template>
-  <div class="flex flex-col h-full bg-white dark:!bg-[#04091a] px-4 py-6 border-r border-slate-100 dark:border-slate-800">
+  <div class="flex flex-col h-full bg-transparent border-r border-slate-200 dark:border-slate-800">
     
-    <!-- โลโก้แบรนด์ (Logo Section) -->
-    <div class="flex items-center gap-3 px-2 mb-10 transition-transform active:scale-95 cursor-pointer" @click="navigateTo('/dashboard')">
-      <div class="w-10 h-10 rounded-xl bg-blue-600 flex items-center justify-center shadow-lg shadow-blue-500/20">
-        <q-icon name="school" color="white" size="24px" />
-      </div>
-      <span class="text-[22px] font-black tracking-tight text-slate-800 dark:text-white">EduLearn</span>
-    </div>
 
-    <!-- การนำทางหลัก (Main Navigation) -->
-    <div class="space-y-1 mb-8">
-      <NuxtLink 
-        v-for="item in menuItems" 
+    <!-- Navigation Items -->
+    <q-list padding class="text-slate-600 dark:text-slate-400 flex-grow px-3 pt-6">
+      <q-item 
+        v-for="item in navItems" 
         :key="item.to" 
-        :to="item.to"
-        class="flex items-center gap-4 px-4 py-3 rounded-2xl transition-all group relative nav-item"
-        :class="route.path === item.to ? 'active' : 'text-slate-500 hover:bg-slate-50 dark:hover:bg-slate-800 hover:text-slate-900 dark:hover:text-slate-200'"
+        clickable 
+        v-ripple
+        @click="handleNavigate(item.to)"
+        class="rounded-xl mb-1 text-slate-700 dark:text-slate-200 hover:bg-slate-100 dark:hover:bg-white/5"
+        :class="{ 'sidebar-item--active': $route.path === item.to || ($route.path === '/dashboard' && item.to === '/dashboard') }"
       >
-        <q-icon :name="item.icon" size="24px" class="transition-colors" />
-        <span class="font-bold text-[15px]">{{ item.label }}</span>
+        <q-item-section avatar>
+          <q-icon :name="item.icon" size="22px" />
+        </q-item-section>
         
-        <!-- ตัวบ่งชี้หน้าปัจจุบัน (Active Indicator) -->
-        <div v-if="route.path === item.to" class="absolute left-0 top-1/2 -translate-y-1/2 w-1.5 h-6 bg-blue-600 rounded-r-full shadow-[2px_0_8px_rgba(37,99,235,0.4)]"></div>
-      </NuxtLink>
-    </div>
+        <q-item-section>
+          <q-item-label class="font-bold text-sm">{{ $t(item.labelKey) }}</q-item-label>
+        </q-item-section>
+      </q-item>
+    </q-list>
 
-    <!-- หมวดหมู่บัญชี (Account Section) -->
-    <div class="px-4 mb-4">
-      <span class="text-[12px] font-bold text-slate-400 uppercase tracking-widest">{{ $t('sidebar.accountGroup') }}</span>
-    </div>
-    <div class="space-y-1">
-      <NuxtLink 
-        v-for="item in accountItems" 
-        :key="item.to" 
-        :to="item.to"
-        class="flex items-center gap-4 px-4 py-3 rounded-2xl transition-all group nav-item"
-        :class="route.path === item.to ? 'active' : 'text-slate-500 hover:bg-slate-50 dark:hover:bg-slate-800 hover:text-slate-900 dark:hover:text-slate-200'"
-      >
-        <q-icon :name="item.icon" size="24px" />
-        <span class="font-bold text-[15px]">{{ item.label }}</span>
-      </NuxtLink>
-
-      <!-- ปุ่มออกจากระบบ (Logout Button) -->
-      <button 
-        @click="handleLogout"
-        class="w-full flex items-center gap-4 px-4 py-3 rounded-2xl transition-all text-red-500 hover:bg-red-50 dark:hover:bg-red-900/10 font-bold text-[15px] group"
-      >
-        <q-icon name="logout" size="24px" class="group-hover:translate-x-1 transition-transform" />
-        <span>{{ $t('userMenu.logout') }}</span>
-      </button>
-    </div>
-
-    <q-space />
-
-    <!-- การ์ดโปรโมชั่น (Promo Card) -->
-    <div class="mt-auto p-5 rounded-[2rem] bg-slate-50 dark:bg-slate-800/50 border border-slate-100 dark:border-slate-800 relative overflow-hidden group">
-      <div class="relative z-10">
-        <h4 class="font-black text-slate-800 dark:text-white text-sm mb-1">{{ $t('sidebar.promoTitle') }}</h4>
-        <p class="text-[11px] text-slate-500 dark:text-slate-400 mb-4">{{ $t('sidebar.promoSubtitle') }}</p>
-        <q-btn
-          unelevated
-          class="full-width rounded-xl bg-blue-600 hover:bg-blue-700 text-white font-bold py-2.5 no-caps transition-all active:scale-95 text-xs shadow-md shadow-blue-500/20"
-          @click="navigateTo('/browse/discovery')"
-        >
-          {{ $t('sidebar.learnMore') }}
-        </q-btn>
-      </div>
-      
-      <!-- การตกแต่งพื้นหลังแบบจางๆ (Subtle background decoration) -->
-      <div class="absolute -right-2 -bottom-2 w-16 h-16 bg-blue-500/5 rounded-full blur-xl"></div>
-    </div>
   </div>
 </template>
 
 <style scoped>
-.nav-item.active {
-  background: #EFF6FF;
-  color: #2563EB;
+.sidebar-item--active {
+  background: #eff6ff !important; /* blue-50 */
+  color: #1d4ed8 !important;       /* blue-700 */
+  position: relative;
 }
 
-.dark .nav-item.active {
-  background: rgba(37,99,235,0.1);
-  color: #60A5FA;
+.sidebar-item--active::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 15%;
+  height: 70%;
+  width: 4px;
+  background: #2563eb;
+  border-radius: 0 4px 4px 0;
 }
 
-.nav-item.active .q-icon {
-  color: #2563EB;
+/* Dark Mode Active State Enhancement */
+.dark .sidebar-item--active {
+  background: rgba(59, 130, 246, 0.12) !important;
+  color: #60a5fa !important;     /* blue-400 */
 }
 
-.dark .nav-item.active .q-icon {
-  color: #60A5FA;
+.dark .sidebar-item--active .q-icon {
+  color: #60a5fa !important;      /* blue-400 */
+}
+
+.dark .sidebar-item--active::before {
+  background: #3b82f6;
 }
 </style>
diff --git a/Frontend-Learner/components/layout/LandingFooter.vue b/Frontend-Learner/components/layout/LandingFooter.vue
index 6cb717b0..52354631 100644
--- a/Frontend-Learner/components/layout/LandingFooter.vue
+++ b/Frontend-Learner/components/layout/LandingFooter.vue
@@ -1,48 +1,45 @@
 <script setup lang="ts">
 /**
  * @file LandingFooter.vue
- * @description ส่วนท้ายของหน้าแรก (Footer component for the landing page)
+ * @description Footer component for the landing page - Adjusted to Image 2 (E-Learning Platform Branding)
  */
 </script>
 
 <template>
-  <footer class="bg-white pt-16 pb-8 border-t border-slate-200">
+  <footer class="bg-slate-50 pt-16 pb-8 border-t border-slate-200">
     <div class="container mx-auto px-6 md:px-12">
       <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 mb-12 text-left">
-        <!-- โลโก้และชื่อแบรนด์ (Brand) -->
+        <!-- Brand -->
         <div class="space-y-6">
-           <NuxtLink to="/" class="flex items-center gap-3 group">
-              <div class="bg-blue-600 text-white font-black rounded-full px-6 w-10 h-10 flex items-center justify-center group-hover:scale-110 transition-transform">
-                <q-icon name="o_school" size="24px" />
-              </div>
-              <div class="flex flex-col">
-                <span class="font-bold text-lg leading-none tracking-tight transition-colors text-slate-900">
-                  EduLearn
-                </span>
-                <span class="text-[10px] text-slate-500 font-semibold uppercase tracking-[0.4em] leading-none mt-0.5 transition-colors">
-                  Platform
-                </span>
-              </div>
-            </NuxtLink>
-            <p class="text-slate-500 text-sm leading-relaxed max-w-xs">
-              แพลตฟอร์มการเรียนรู้ออนไลน์ที่มุ่งเน้นการพัฒนาทักษะดิจิทัลสำหรับคนรุ่นใหม่ เรียนรู้ได้ทุกที่ ทุกเวลา กับผู้เชี่ยวชาญตัวจริง
-            </p>
+          <div class="flex items-center gap-3">
+            <div class="w-12 h-12 rounded-xl bg-blue-600 flex items-center justify-center text-white font-black shadow-lg shadow-blue-600/30 shrink-0">
+              E
+            </div>
+            <div class="flex flex-col">
+              <span class="font-black text-lg leading-none tracking-tight text-slate-900">E-Learning</span>
+              <span class="text-[10px] font-bold uppercase tracking-[0.2em] leading-none mt-1 text-slate-500">Platform</span>
+            </div>
+          </div>
+          <p class="text-slate-500 text-sm leading-relaxed max-w-xs">
+            แพลตฟอร์มการเรียนรู้ออนไลน์ที่มุ่งเน้นการพัฒนาทักษะดิจิทัลสำหรับคนรุ่นใหม่ เรียนรู้ได้ทุกที่ ทุกเวลา กับผู้เชี่ยวชาญตัวจริง
+          </p>
         </div>
 
-        <!-- ลิงก์ต่างๆ (Links) -->
+        <!-- Links -->
         <div class="lg:pl-8">
-          <h4 class="font-bold text-slate-900 mb-6 text-base tracking-tight">คอร์สเรียน</h4>
-          <ul class="space-y-3 text-sm text-slate-500 flex flex-col gap-2">
-            <li class=""><NuxtLink to="/browse" class="hover:text-blue-600 transition-colors inline-block">คอร์สทั้งหมด</NuxtLink></li>
+          <h4 class="font-bold text-slate-900 mb-6 text-base">คอร์สเรียน</h4>
+          <ul class="space-y-3 text-sm text-slate-500">
+            <li><NuxtLink to="/browse" class="hover:text-blue-600 transition-colors inline-block">คอร์สทั้งหมด</NuxtLink></li>
+            <li><NuxtLink to="/browse/recommended" class="hover:text-blue-600 transition-colors inline-block">คอร์สแนะนำ</NuxtLink></li>
             <li><a href="#" class="hover:text-blue-600 transition-colors inline-block">โปรโมชั่น</a></li>
             <li><a href="#" class="hover:text-blue-600 transition-colors inline-block">สำหรับองค์กร</a></li>
           </ul>
         </div>
 
-        <!-- การสนับสนุนผู้ใช้ (Support) -->
+        <!-- Support -->
         <div>
           <h4 class="font-bold text-slate-900 mb-6 text-base">ช่วยเหลือ</h4>
-          <ul class="space-y-3 text-sm text-slate-500 flex flex-col gap-2">
+          <ul class="space-y-3 text-sm text-slate-500">
             <li><a href="#" class="hover:text-blue-600 transition-colors inline-block">คำถามที่พบบ่อย (FAQ)</a></li>
             <li><a href="#" class="hover:text-blue-600 transition-colors inline-block">วิธีการใช้งาน</a></li>
             <li><a href="#" class="hover:text-blue-600 transition-colors inline-block">เงื่อนไขการใช้งาน</a></li>
@@ -50,33 +47,39 @@
           </ul>
         </div>
 
-        <!-- ข้อมูลการติดต่อ (Contact) -->
+        <!-- Contact (Bronco Hourse Data) -->
         <div class="space-y-6">
           <h4 class="font-bold text-slate-900 text-base">ติดต่อเรา</h4>
           <div class="flex flex-col gap-5">
-            <!-- สถานที่ตั้ง (Location) -->
+            <!-- Location -->
             <div class="flex flex-row items-start gap-4 flex-nowrap">
-              <q-icon name="o_location_on" size="20px" color="slate-800" />
+              <div class="w-10 h-10 rounded-xl bg-blue-50 flex items-center justify-center shrink-0 text-blue-600 shadow-sm">
+                 <q-icon name="location_on" size="20px" />
+              </div>
               <div class="flex flex-col gap-1 min-w-0">
-                <span class="font-semibold text-slate-800 text-sm leading-tight">Bronco Hourse</span>
+                <span class="font-bold text-slate-900 text-sm leading-tight pt-1">Bronco Hourse</span>
                 <p class="text-slate-500 text-[11px] leading-relaxed">
                   74/2 Wiang Kaew Road, Tambon Si Phum, Amphoe Mueang Chiang Mai, Chang Wat Chiang Mai 50200
                 </p>
               </div>
             </div>
 
-            <!-- เบอร์โทรศัพท์ (Phone) -->
+            <!-- Phone -->
             <div class="flex flex-row items-center gap-4 flex-nowrap">
-              <q-icon name="o_phone" size="18px" color="slate-800" />
-              <a href="tel:052-076-025" class="font-semibold text-slate-800 text-sm hover:text-blue-600 transition-colors truncate">
+              <div class="w-10 h-10 rounded-xl bg-blue-50 flex items-center justify-center shrink-0 text-blue-600 shadow-sm">
+                 <q-icon name="phone" size="18px" />
+              </div>
+              <a href="tel:052-076-025" class="text-slate-600 hover:text-blue-600 font-semibold text-sm transition-colors truncate">
                 052-076-025
               </a>
             </div>
 
-            <!-- อีเมล (Email) -->
+            <!-- Email -->
             <div class="flex flex-row items-center gap-4 flex-nowrap">
-              <q-icon name="o_email" size="18px" color="slate-800" />
-              <a href="mailto:info@chamomind.com" class="font-semibold text-slate-800 text-sm hover:text-blue-600 transition-colors truncate">
+              <div class="w-10 h-10 rounded-xl bg-blue-50 flex items-center justify-center shrink-0 text-blue-600 shadow-sm">
+                 <q-icon name="email" size="18px" />
+              </div>
+              <a href="mailto:info@chamomind.com" class="text-slate-600 hover:text-blue-600 font-semibold text-sm transition-colors truncate">
                 info@chamomind.com
               </a>
             </div>
@@ -84,7 +87,7 @@
         </div>
       </div>
 
-      <!-- แถบด้านล่างสำหรับสงวนลิขสิทธิ์ (Bottom Bar - Centered Copyright) -->
+      <!-- Bottom Bar (Centered Copyright) -->
       <div class="pt-8 border-t border-slate-200 text-center">
         <p class="text-sm text-slate-400 font-medium tracking-wide">
           Copyright © CHAMOMIND CO., LTD. 2023
diff --git a/Frontend-Learner/components/layout/LandingHeader.vue b/Frontend-Learner/components/layout/LandingHeader.vue
index 4b514707..cb4efe7d 100644
--- a/Frontend-Learner/components/layout/LandingHeader.vue
+++ b/Frontend-Learner/components/layout/LandingHeader.vue
@@ -1,22 +1,22 @@
 <script setup lang="ts">
 /**
  * @file LandingHeader.vue
- * @description คอมโพเนนต์แถบเมนูด้านบน (Header Navigation) สำหรับหน้า Landing Page และหน้าเปิดอื่นๆ
- * รองรับการเปลี่ยนภาษา เปลี่ยนโหมดสว่าง/มืด และเข้าถึงเมนูผู้ใช้ (Profile/Logout)
+ * @description The main header for the public landing pages.
+ * Features a transparent background that becomes solid/glass upon scrolling.
+ * Responsive: Collapses into a drawer on mobile (md breakpoint).
  */
 
-// ติดตามสถานะการเลื่อนเมาส์ (scroll) เพื่อปรับรูปแบบของ Header
+// Track scrolling state to adjust header styling
 const isScrolled = ref(false)
 const { isAuthenticated } = useAuth()
-// สถานะเมนูสำหรับหน้าจอมือถือ (Mobile Drawer State)
-// ตัวแปรควบคุมการเปิด/ปิดเมนูบนหน้าจอขนาดเล็ก (Mobile Drawer)
+// Mobile Drawer State
 const mobileMenuOpen = ref(false)
 
 const handleScroll = () => {
   isScrolled.value = window.scrollY > 20
 }
 
-// ปิดการเลื่อนหน้าเว็บ (Lock body scroll) เมื่อเปิดเมนูบนมือถือ
+// Lock body scroll when mobile menu is open
 watch(mobileMenuOpen, (isOpen) => {
   if (isOpen) {
     document.body.style.overflow = 'hidden'
@@ -31,34 +31,34 @@ onMounted(() => {
 
 onUnmounted(() => {
   window.removeEventListener('scroll', handleScroll)
-  document.body.style.overflow = '' // คืนค่าเริ่มต้น (Cleanup)
+  document.body.style.overflow = '' // Cleanup
 })
 </script>
 
 <template>
   <!-- 
-    คอนเทนเนอร์ของ Header (Header Container)
-    - เปลี่ยนจากสีใส (transparent) เป็นเอฟเฟกต์กระจก (glass effect) เมื่อเลื่อนเมาส์ลง
+    Header Container 
+    - Transitions between transparent and glass effect based on scroll.
   -->
   <header 
-    class="fixed top-0 left-0 right-0 z-[100] transition-all"
-    :class="[isScrolled ? 'h-20 glass-nav shadow-lg' : 'h-20 bg-transparent duration-300 border-b border-b-grey-7 ']"
+    class="fixed top-0 left-0 right-0 z-[100] transition-all duration-300"
+    :class="[isScrolled ? 'h-16 glass-nav shadow-lg' : 'h-24 bg-transparent']"
   >
-    <div class="container mx-auto px-6 md:px-12 h-full flex items-center justify-between">
-      <!-- ด้านซ้าย: โลโก้แบรนด์ (Left Section: Logo) -->
+    <div class="container mx-auto px-6 md:px-12 h-full flex items-center justify-start">
+      <!-- Left Section: Logo -->
       <NuxtLink to="/" class="flex items-center gap-3 group">
-        <div class="bg-blue-600 text-white font-black rounded-full px-6 w-10 h-10 flex items-center justify-center group-hover:scale-110 transition-transform">
-          <q-icon name="o_school" size="24px" />
+        <div class="bg-blue-600 text-white font-black rounded-xl w-10 h-10 flex items-center justify-center shadow-lg shadow-blue-600/30 group-hover:scale-110 transition-transform">
+          E
         </div>
         <div class="flex flex-col">
           <span 
-            class="font-bold text-lg leading-none tracking-tight transition-colors"
+            class="font-black text-lg leading-none tracking-tight transition-colors"
             :class="[isScrolled ? 'text-white' : 'text-slate-900 group-hover:text-blue-600']"
           >
-            EduLearn
+            E-Learning
           </span>
           <span 
-            class="text-[10px] font-semibold uppercase tracking-[0.4em] leading-none mt-0.5 transition-colors"
+            class="text-[10px] font-bold uppercase tracking-[0.2em] leading-none mt-1 transition-colors"
             :class="[isScrolled ? 'text-slate-400' : 'text-slate-500']"
           >
             Platform
@@ -66,12 +66,12 @@ onUnmounted(() => {
         </div>
       </NuxtLink>
 
-      <!-- การนำทางสำหรับเดสก์ท็อป (แสดงผลเป็นค่าเริ่มต้น, ซ่อนบนมือถือผ่าน CSS  'desktop-nav') -->
-     <!--  <nav class="flex desktop-nav items-center gap-8 text-[16px] font-medium">
+      <!-- Desktop Navigation (Visible by default, hidden on mobile via CSS 'desktop-nav') -->
+      <nav class="flex desktop-nav items-center gap-8 text-sm font-bold ml-12">
         <NuxtLink 
           to="/browse" 
           class="transition-colors relative group py-2"
-          :class="[isScrolled ? 'text-white hover:text-white' : 'text-grey-8 hover:text-blue-600']"
+          :class="[isScrolled ? 'text-slate-300 hover:text-white' : 'text-slate-600 hover:text-blue-600']"
         >
           {{ $t('sidebar.onlineCourses') }}
           <span class="absolute bottom-0 left-0 w-0 h-0.5 bg-blue-600 transition-all group-hover:w-full"/>
@@ -79,31 +79,29 @@ onUnmounted(() => {
         <NuxtLink 
           to="/browse/recommended" 
           class="transition-colors relative group py-2"
-          :class="[isScrolled ? 'text-white hover:text-white' : 'text-grey-8 hover:text-blue-600']"
+          :class="[isScrolled ? 'text-slate-300 hover:text-white' : 'text-slate-600 hover:text-blue-600']"
         >
           {{ $t('sidebar.recommendedCourses') }}
           <span class="absolute bottom-0 left-0 w-0 h-0.5 bg-blue-600 transition-all group-hover:w-full"/>
         </NuxtLink>
-      </nav> -->
+      </nav>
 
-
-
-      <!-- ปุ่มปฏิบัติการสำหรับเดสก์ท็อป (แสดงผลเป็นค่าเริ่มต้น, ซ่อนบนมือถือผ่าน CSS 'desktop-nav') -->
-      <div class="flex desktop-nav items-center gap-4">
+      <!-- Desktop Action Buttons (Visible by default, hidden on mobile via CSS 'desktop-nav') -->
+      <div class="flex desktop-nav items-center gap-4 ml-auto">
         <template v-if="!isAuthenticated">
-          <!-- ปุ่มเข้าสู่ระบบ (Login Button) -->
+          <!-- Login Button -->
           <NuxtLink 
             to="/auth/login" 
-            class="px-5 py-4 rounded-full text-slate-700 font-semibold text-sm  transition-all hover:-translate-y-0.5"
-            :class="[isScrolled ? 'border-white/20 text-white hover:bg-white/10' : 'border-white text-grey-9 bg-white hover:bg-blue-100 hover:border-blue-200']"
+            class="px-6 py-2.5 rounded-xl font-bold text-sm border-2 transition-all hover:-translate-y-0.5"
+            :class="[isScrolled ? 'border-white/20 text-white hover:bg-white/10' : 'border-blue-100 text-blue-600 bg-blue-50 hover:bg-blue-100 hover:border-blue-200']"
           >
             {{ $t('auth.login') }}
           </NuxtLink>
           
-          <!-- ปุ่มสมัครสมาชิก (Register Button) -->
+          <!-- Register Button -->
           <NuxtLink 
             to="/auth/register" 
-            class="px-5 py-4 rounded-full bg-blue-600 text-white font-semibold text-sm   hover:shadow-blue-600/40 hover:-translate-y-0.5 transition-all"
+            class="px-6 py-2.5 rounded-xl font-bold text-sm text-white bg-gradient-to-br from-blue-600 to-indigo-600 shadow-lg shadow-blue-600/20 hover:shadow-blue-600/40 hover:-translate-y-0.5 transition-all"
           >
             {{ $t('auth.getStarted') }}
           </NuxtLink>
@@ -112,14 +110,14 @@ onUnmounted(() => {
         <template v-else>
           <NuxtLink 
             to="/dashboard" 
-            class="bg-blue-600 text-white font-semibold text-sm px-5 py-4 rounded-full  hover:shadow-blue-600/40 hover:-translate-y-0.5 transition-all"
+            class="px-6 py-2.5 rounded-xl font-bold text-sm text-white bg-gradient-to-br from-blue-600 to-indigo-600 shadow-lg shadow-blue-600/20 hover:shadow-blue-600/40 hover:-translate-y-0.5 transition-all"
           >
              {{ $t('landing.goToDashboard') }}
           </NuxtLink>
         </template>
       </div>
 
-      <!-- ปุ่มเปิดเมนูบนมือถือ (แสดงผลเฉพาะบน Mobile) -->
+      <!-- Mobile Menu Button (Visible on Mobile) -->
       <button 
         class="md:hidden mobile-toggle ml-auto relative z-[120] w-10 h-10 flex items-center justify-center rounded-full transition-colors"
         :class="[isScrolled ? 'text-white hover:bg-white/10' : 'text-slate-900 hover:bg-slate-100', mobileMenuOpen ? 'text-slate-900 z-[120]' : '']"
@@ -131,7 +129,7 @@ onUnmounted(() => {
     </div>
   </header>
 
-  <!-- ลิ้นชักเมนูด้านข้างสำหรับมือถือ (Mobile Navigation Drawer - แยกส่วนไปยัง body เพื่อไม่ให้มีปัญหา z-index หรือถูกบัง) -->
+  <!-- Mobile Navigation Drawer (Teleported to body to avoid z-index/clipping issues with Header) -->
   <Teleport to="body">
     <div v-if="mobileMenuOpen">
       <div 
@@ -145,7 +143,7 @@ onUnmounted(() => {
         :class="[mobileMenuOpen ? 'translate-x-0' : 'translate-x-full']"
       >
         <div class="p-6 pt-8 flex flex-col gap-6 h-full overflow-y-auto relative">
-          <!-- ปุ่มปิดเมนู (Close Button) -->
+          <!-- Close Button -->
           <button 
             class="absolute top-6 right-6 w-8 h-8 flex items-center justify-center rounded-full bg-slate-100 text-slate-500 hover:bg-slate-200 transition-colors"
             @click="mobileMenuOpen = false"
@@ -153,7 +151,7 @@ onUnmounted(() => {
             <q-icon name="close" size="20px" />
           </button>
 
-          <!-- ลิงก์สำหรับมือถือ (Mobile Links) -->
+          <!-- Mobile Links -->
           <nav class="flex flex-col gap-2 mt-8">
             <NuxtLink 
               to="/" 
@@ -171,6 +169,14 @@ onUnmounted(() => {
               {{ $t('sidebar.onlineCourses') }}
               <q-icon name="chevron_right" size="20px" class="text-slate-400" />
             </NuxtLink>
+            <NuxtLink 
+              to="/browse/recommended" 
+              class="flex items-center justify-between p-4 rounded-xl hover:bg-slate-50 text-slate-700 font-bold transition-colors"
+              @click="mobileMenuOpen = false"
+            >
+              {{ $t('sidebar.recommendedCourses') }}
+              <q-icon name="chevron_right" size="20px" class="text-slate-400" />
+            </NuxtLink>
           </nav>
 
           <div class="mt-auto pb-8 border-t border-slate-100 pt-8">
@@ -209,14 +215,14 @@ onUnmounted(() => {
 </template>
 
 <style scoped>
-/* เอฟเฟกต์ Glassmorphism สำหรับ Header ตอนเลื่อนเมาส์ลง */
+/* Glassmorphism Effect for Scrolled Header */
 .glass-nav {
-  background: rgba(15, 23, 42, 0.95); /* พื้นหลังเข้มขึ้นเพื่อให้อ่านตัวหนังสือชัดเจน */
+  background: rgba(15, 23, 42, 0.95); /* Darker background for legibility */
   backdrop-filter: blur(16px);
   border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 }
 
-/* สไตล์ปุ่มหลัก (Primary Button) แบบพรีเมียม */
+/* Premium Primary Button Styling */
 .btn-primary-premium {
   background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
   color: white;
@@ -235,7 +241,7 @@ onUnmounted(() => {
   box-shadow: 0 8px 20px -4px rgba(37, 99, 235, 0.5);
 }
 
-/* สไตล์ปุ่มดรอง (Secondary Button) แบบพรีเมียม */
+/* Secondary Premium Button Styling */
 .btn-secondary-premium {
   padding: 0.75rem 1.5rem;
   border-radius: 0.75rem;
@@ -259,11 +265,11 @@ onUnmounted(() => {
 }
 
 /* 
-  โลจิกบังคับการแสดงผล เพื่อแก้ปัญหาการคอมไฟล์ของ Tailwind 
-  ยืนยันว่าส่วน Desktop และ Mobile เลย์เอาต์แยกจากกันอย่างชัดเจน
+  Force Visibility Logic to bypass potential Tailwind Build issues 
+  Ensures Desktop and Mobile parts are strictly separated
 */
 .desktop-nav {
-  display: flex; /* แสดงผลเป็นค่าเริ่มต้น */
+  display: flex; /* Default to visible */
 }
 
 @media (max-width: 767.98px) {
diff --git a/Frontend-Learner/components/layout/MobileNav.vue b/Frontend-Learner/components/layout/MobileNav.vue
index 876998a8..d6a80b27 100644
--- a/Frontend-Learner/components/layout/MobileNav.vue
+++ b/Frontend-Learner/components/layout/MobileNav.vue
@@ -31,7 +31,7 @@ const handleNavigate = (path: string) => {
 </template>
 
 <style scoped>
-/* เงาด้านบนแบบบางๆ เพื่อแบ่งส่วนล่างให้ชัดเจนขึ้น (Optional shadow for better separation) */
+/* Optional shadow for better separation */
 .shadow-up-1 {
   box-shadow: 0 -1px 3px rgba(0,0,0,0.05);
 }
diff --git a/Frontend-Learner/components/profile/PasswordChangeForm.vue b/Frontend-Learner/components/profile/PasswordChangeForm.vue
index a5fb7e74..67e6f031 100644
--- a/Frontend-Learner/components/profile/PasswordChangeForm.vue
+++ b/Frontend-Learner/components/profile/PasswordChangeForm.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 /**
  * @file PasswordChangeForm.vue
- * @description ฟอร์มสำหรับเปลี่ยนรหัสผ่านของผู้ใช้ (From for changing user password)
+ * @description From for changing user password
  */
 
 const props = defineProps<{
@@ -36,8 +36,8 @@ const showConfirmPassword = ref(false);
 <template>
     <div :class="[!flat ? 'card-premium p-6 md:p-8' : '']" class="h-fit">
         <div v-if="!flat" class="flex items-center gap-3 mb-8">
-            <div class="w-10 h-10 rounded-xl bg-blue-50 dark:bg-blue-900/30 flex items-center justify-center">
-                <q-icon name="lock" class="text-blue-600 dark:text-blue-400 text-xl" />
+            <div class="w-10 h-10 rounded-xl bg-amber-50 dark:bg-amber-900/30 flex items-center justify-center">
+                <q-icon name="lock" class="text-amber-600 dark:text-amber-400 text-xl" />
             </div>
             <h2 class="text-xl font-black text-slate-900 dark:text-white">
                 {{ $t('profile.security') }}
@@ -118,8 +118,8 @@ const showConfirmPassword = ref(false);
             type="submit"
                 unelevated
                 rounded
-                class="w-full py-3 font-bold text-base shadow-lg shadow-blue-500/20"
-                style="background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); color: white;"
+                class="w-full py-3 font-bold text-base shadow-lg shadow-amber-500/20"
+                style="background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); color: white;"
                 :label="$t('profile.changePasswordBtn')"
                 :loading="loading"
             />
@@ -130,12 +130,7 @@ const showConfirmPassword = ref(false);
 
 <style scoped>
 .card-premium {
-  background-color: white;
-  border-color: #e2e8f0;
-}
-:global(.dark) .card-premium {
-  background-color: #1e293b;
-  border-color: rgba(255, 255, 255, 0.05);
+  @apply bg-white dark:bg-[#1e293b] border-slate-200 dark:border-white/5;
   border-radius: 1.5rem;
   border-width: 1px;
   box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.05);
diff --git a/Frontend-Learner/components/profile/ProfileEditForm.vue b/Frontend-Learner/components/profile/ProfileEditForm.vue
index 7fcdc253..43d706f8 100644
--- a/Frontend-Learner/components/profile/ProfileEditForm.vue
+++ b/Frontend-Learner/components/profile/ProfileEditForm.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 /**
  * @file ProfileEditForm.vue
- * @description ฟอร์มสำหรับแก้ไขข้อมูลส่วนตัวของผู้ใช้ (Form for editing user personal information)
+ * @description From for editing user personal information
  */
 
 const props = defineProps<{
@@ -93,14 +93,14 @@ const onPhoneKeydown = (e: KeyboardEvent) => {
                 <div class="absolute inset-0 bg-black/40 rounded-2xl flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity">
                     <q-icon name="camera_alt" class="text-white text-xl" />
                 </div>
-                <!-- ช่องเลือกไฟล์ที่ถูกซ่อนไว้ (Hidden Input) -->
+                <!-- Hidden Input -->
                 <input ref="fileInput" type="file" class="hidden" accept="image/*" @change="handleFileUpload" >
             </div>
             
             <div class="flex flex-col gap-2">
             <div class="font-bold text-slate-900 dark:text-white mb-1">{{ $t('profile.yourAvatar') }}</div>
             
-            <!-- แถวปุ่มกด (Buttons Row) -->
+            <!-- Buttons Row -->
                 <div class="flex items-center gap-3">
                 <template v-if="modelValue.photoURL">
                     <q-btn 
@@ -124,7 +124,7 @@ const onPhoneKeydown = (e: KeyboardEvent) => {
                 </template>
                 </div>
 
-            <!-- ข้อความจำกัดขนาดไฟล์ (Add Limit Text) -->
+            <!-- Add Limit Text -->
             <div class="mt-1 text-xs text-slate-500 dark:text-slate-400">
                 {{ $t('profile.uploadLimit') }}
             </div>
@@ -248,12 +248,7 @@ const onPhoneKeydown = (e: KeyboardEvent) => {
 
 <style scoped>
 .card-premium {
-  background-color: white;
-  border-color: #e2e8f0;
-}
-:global(.dark) .card-premium {
-  background-color: #1e293b;
-  border-color: rgba(255, 255, 255, 0.05);
+  @apply bg-white dark:bg-[#1e293b] border-slate-200 dark:border-white/5;
   border-radius: 1.5rem;
   border-width: 1px;
   box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.05);
diff --git a/Frontend-Learner/components/user/UserAvatar.vue b/Frontend-Learner/components/user/UserAvatar.vue
index 815177c2..913af928 100644
--- a/Frontend-Learner/components/user/UserAvatar.vue
+++ b/Frontend-Learner/components/user/UserAvatar.vue
@@ -1,8 +1,4 @@
 <script setup lang="ts">
-/**
- * @file UserAvatar.vue
- * @description คอมโพเนนต์แสดงรูปโปรไฟล์ผู้ใช้ หากไม่มีรูปจะแสดงตัวอักษรย่อของชื่อ
- */
 const props = defineProps<{
   size?: number | string
   photoURL?: string
@@ -23,7 +19,7 @@ const avatarSize = computed(() => {
 const initials = computed(() => {
   const getFirstChar = (name?: string) => {
     if (!name) return ''
-    // สำหรับชื่อภาษาไทย ถ้าตัวอักษรแรกเป็นสระนำหน้า (เ แ โ ใ ไ) ให้ข้ามไปเอาพยัญชนะ
+    // For Thai names, if the first char is a leading vowel (เ แ โ ใ ไ), skip it to get the consonant
     const leadingVowels = ['เ', 'แ', 'โ', 'ใ', 'ไ']
     if (leadingVowels.includes(name.charAt(0)) && name.length > 1) {
       return name.charAt(1)
@@ -40,7 +36,7 @@ const handleImageError = () => {
   imageError.value = true
 }
 
-// รีเซ็ตสถานะข้อผิดพลาดเมื่อรูปโปรไฟล์เปลี่ยน (Watch for photoURL changes to reset error state)
+// Watch for photoURL changes to reset error state
 watch(() => props.photoURL, () => {
   imageError.value = false
 })
diff --git a/Frontend-Learner/components/user/UserMenu.vue b/Frontend-Learner/components/user/UserMenu.vue
index 20e45784..44c3d114 100644
--- a/Frontend-Learner/components/user/UserMenu.vue
+++ b/Frontend-Learner/components/user/UserMenu.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 /**
  * @file UserMenu.vue
- * @description คอมโพเนนต์เมนู Dropdown ของโปรไฟล์ผู้ใช้ ใช้ Quasar
+ * @description User profile dropdown menu component using Quasar.
  */
 
 import { ref, computed, onMounted } from 'vue'
@@ -12,7 +12,7 @@ const { currentUser, logout } = useAuth()
 const { t } = useI18n()
 const $q = useQuasar()
 
-// จัดการการเปลี่ยนธีมแบบรวมศูนย์ (Use centralized theme management)
+// Use centralized theme management
 const { isDark, set } = useThemeMode()
 
 const isHydrated = ref(false)
@@ -21,7 +21,7 @@ onMounted(() => {
   isHydrated.value = true
 })
 
-// ตัวอักษรย่อของผู้ใช้ (User Initials)
+// User Initials
 const userInitials = computed(() => {
   if (!currentUser.value) return ''
   const f = currentUser.value.firstName?.charAt(0).toUpperCase() || 'U'
diff --git a/Frontend-Learner/composables/useAuth.ts b/Frontend-Learner/composables/useAuth.ts
index 61f5ee0a..aa8e7078 100644
--- a/Frontend-Learner/composables/useAuth.ts
+++ b/Frontend-Learner/composables/useAuth.ts
@@ -1,4 +1,45 @@
-import type { User, LoginResponse, RegisterPayload } from '@/types/auth'
+
+// Interface สำหรับข้อมูลผู้ใช้งาน (User)
+interface User {
+  id: number
+  username: string
+  email: string
+  email_verified_at?: string | null
+  created_at?: string
+  updated_at?: string
+  role: {
+    code: string // เช่น 'STUDENT', 'INSTRUCTOR', 'ADMIN'
+    name: { th: string; en: string }
+  }
+  profile?: {
+    prefix: { th: string; en: string }
+    first_name: string
+    last_name: string
+    phone: string | null
+    avatar_url: string | null
+  }
+}
+
+
+
+// Interface สำหรับข้อมูลตอบกลับตอน Login
+interface loginResponse {
+  token: string
+  refreshToken: string
+  user: User
+  profile: User['profile']
+}
+
+// Interface สำหรับข้อมูลที่ใช้ลงทะเบียน
+interface RegisterPayload {
+  username: string
+  email: string
+  password: string
+  first_name: string
+  last_name: string
+  prefix: { th: string; en: string }
+  phone: string
+}
 
 // ==========================================
 // Composable: useAuth
diff --git a/Frontend-Learner/composables/useCategory.ts b/Frontend-Learner/composables/useCategory.ts
index b5ce8f23..2677c9ec 100644
--- a/Frontend-Learner/composables/useCategory.ts
+++ b/Frontend-Learner/composables/useCategory.ts
@@ -1,21 +1,18 @@
-/**
- * @interface Category
- * @description โครงสร้างข้อมูลหมวดหมู่ (Category)
- */
+// Interface สำหรับข้อมูลหมวดหมู่ (Category)
 export interface Category {
   id: number
-  name: { // ชื่อหมวดหมู่รองรับ 2 ภาษา
+  name: {
     th: string
     en: string
     [key: string]: string
   }
-  slug: string // Slug สำหรับใช้งานบน URL
-  description: { // รายละเอียดหมวดหมู่
+  slug: string
+  description: {
     th: string
     en: string
     [key: string]: string
   }
-  icon: string // ไอคอนของหมวดหมู่อ้างอิงจาก Material Icons
+  icon: string
   sort_order: number
   is_active: boolean
   created_at: string
@@ -23,7 +20,7 @@ export interface Category {
 }
 
 export interface CategoryData {
-  total: number // จำนวนหมวดหมู่ทั้งหมด
+  total: number
   categories: Category[]
 }
 
@@ -33,24 +30,18 @@ interface CategoryResponse {
   data: CategoryData
 }
 
-/**
- * @composable useCategory
- * @description จัดการข้อมูลหมวดหมู่ (Categories) การดึงข้อมูล และการจัดการ Cache (เก็บข้อมูลจำลองชั่วคราว)
- */
+// Composable สำหรับจัดการข้อมูลหมวดหมู่
 export const useCategory = () => {
   const config = useRuntimeConfig()
   const API_BASE_URL = config.public.apiBase as string
   const { token } = useAuth()
 
-  // เก็บ Cache การดึงข้อมูลหมวดหมู่ในระดับ Global (ใช้ข้าม Component ได้โดยไม่ต้องโหลดใหม่)
+  // ใช้ useState เพื่อเก็บ Cached Data ระดับ Global (แชร์กันทุก Component)
   const categoriesState = useState<Category[]>('categories_cache', () => [])
   const isLoaded = useState<boolean>('categories_loaded', () => false)
 
-  /**
-   * @function fetchCategories
-   * @description ดึงรายการหมวดหมู่ทั้งหมดจาก API (GET /categories) 
-   * หากมีแคชอยู่แล้วจะดึงจาก State ทันที แต่อาจบังคับให้โหลดใหม่ (forceRefresh) ได้
-   */
+  // ฟังก์ชันดึงข้อมูลหมวดหมู่ทั้งหมด
+  // Endpoint: GET /categories
   const fetchCategories = async (forceRefresh = false) => {
     // ถ้ามีข้อมูลอยู่แล้วและไม่สั่งบังคับโหลดใหม่ ให้ใช้ข้อมูลเดิมทันที
     if (isLoaded.value && !forceRefresh && categoriesState.value.length > 0) {
@@ -71,7 +62,7 @@ export const useCategory = () => {
 
       const categories = response.data?.categories || []
       
-      // บันทึกรายการหมวดหมู่ลง State Cache
+      // เก็บข้อมูลลง State
       categoriesState.value = categories
       isLoaded.value = true
 
@@ -83,9 +74,9 @@ export const useCategory = () => {
     } catch (err: any) {
       console.error('Fetch categories failed:', err)
       
-      // กรณีเกิด Error 429 ระบบจะทำการหน่วงเวลา (1.5 วิ) และลองโหลดข้อมูลใหม่อีก 1 ครั้ง (Retry)
+      // Retry logic for 429 Too Many Requests
       if (err.statusCode === 429 || err.status === 429) {
-          await new Promise(resolve => setTimeout(resolve, 1500)); // หน่วงเวลา 1.5 วินาที
+          await new Promise(resolve => setTimeout(resolve, 1500)); // Wait 1.5s
           try {
                 const retryRes = await $fetch<CategoryResponse>(`${API_BASE_URL}/categories`, {
                   method: 'GET',
diff --git a/Frontend-Learner/composables/useCourse.ts b/Frontend-Learner/composables/useCourse.ts
index d320302a..1ae4a969 100644
--- a/Frontend-Learner/composables/useCourse.ts
+++ b/Frontend-Learner/composables/useCourse.ts
@@ -1,14 +1,151 @@
-import type { 
-    Course, 
-    CourseResponse, 
-    SingleCourseResponse, 
-    EnrolledCourse, 
-    EnrolledCourseResponse, 
-    QuizAnswerSubmission, 
-    QuizSubmitRequest, 
-    QuizResult, 
-    Certificate 
-} from '@/types/course'
+// Interface สำหรับข้อมูลคอร์สเรียน (Public Course Data)
+export interface Course {
+  id: number
+  title: string | { th: string; en: string } // รองรับ 2 ภาษา
+  slug: string
+  description: string | { th: string; en: string }
+  thumbnail_url: string
+  price: string
+  is_free: boolean
+  original_price?: string
+  have_certificate: boolean
+  status: string // DRAFT, PUBLISHED
+  category_id: number
+  created_at?: string
+  updated_at?: string
+  created_by?: number
+  updated_by?: number
+  approved_at?: string
+  approved_by?: number
+  rejection_reason?: string
+  enrolled?: boolean
+  total_lessons?: number
+  
+
+  rating?: string
+  lessons?: number | string
+  levelType?: 'neutral' | 'warning' | 'success' // ใช้สำหรับการแสดงผล Badge ระดับความยาก (Frontend Logic)
+  
+  // โครงสร้างบทเรียน (Chapters & Lessons)
+  chapters?: {
+    id: number
+    title: string | { th: string; en: string }
+    lessons: {
+      id: number
+      title: string | { th: string; en: string }
+      duration_minutes: number
+      video_url?: string
+    }[]
+  }[]
+
+  // ข้อมูลผู้สอนและเจ้าของคอร์ส
+  creator?: {
+    id: number
+    username: string
+    email: string
+    profile: {
+      first_name: string
+      last_name: string
+      avatar_url: string
+    }
+  }
+  instructors?: {
+    user_id: number
+    is_primary: boolean
+    user: {
+      id: number
+      username: string
+      email: string
+      profile: {
+        first_name: string
+        last_name: string
+        avatar_url: string
+      }
+    }
+  }[]
+}
+
+interface CourseResponse {
+  code: number
+  message: string
+  data: Course[]
+  total: number
+  page?: number
+  limit?: number
+  totalPages?: number
+}
+
+interface SingleCourseResponse {
+  code: number
+  message: string
+  data: Course
+}
+
+// Interface สำหรับคอร์สที่ผู้ใช้ลงทะเบียนเรียนแล้ว (My Course)
+export interface EnrolledCourse {
+    id: number
+    course_id: number
+    course: Course
+    status: 'ENROLLED' | 'IN_PROGRESS' | 'COMPLETED' | 'DROPPED'
+    progress_percentage: number
+    enrolled_at: string
+    started_at?: string
+    completed_at?: string
+    last_accessed_at?: string
+}
+
+interface EnrolledCourseResponse {
+    code: number
+    message: string
+    data: EnrolledCourse[]
+    total: number
+    page: number
+    limit: number
+}
+
+// Interface สำหรับการส่งคำตอบแบบทดสอบ (Quiz Submission)
+export interface QuizAnswerSubmission {
+    question_id: number
+    choice_id: number
+}
+
+export interface QuizSubmitRequest {
+    answers: QuizAnswerSubmission[]
+}
+
+// Interface สำหรับผลลัพธ์การสอบ (Quiz Result)
+export interface QuizResult {
+    answers_review: {
+        score: number
+        is_correct: boolean
+        correct_choice_id: number
+        selected_choice_id: number
+        question_id: number
+    }[]
+    completed_at: string
+    started_at: string
+    attempt_number: number
+    passing_score: number
+    is_passed: boolean
+    correct_answers: number
+    total_questions: number
+    total_score: number
+    score: number
+    quiz_id: number
+    attempt_id: number
+}
+
+// Interface สำหรับ Certificate
+export interface Certificate {
+    certificate_id: number
+    course_id: number
+    course_title: {
+        en: string
+        th: string
+    }
+    issued_at: string
+    download_url: string
+}
 
 // ==========================================
 // Composable: useCourse
diff --git a/Frontend-Learner/composables/useFormValidation.ts b/Frontend-Learner/composables/useFormValidation.ts
index 20987f40..ae637bd1 100644
--- a/Frontend-Learner/composables/useFormValidation.ts
+++ b/Frontend-Learner/composables/useFormValidation.ts
@@ -1,7 +1,3 @@
-/**
- * @interface ValidationRule
- * @description กฎการตรวจสอบความถูกต้องของฟิลด์ (เช่น บังคับกรอก, เช็คความยาว, ตรวจอีเมล)
- */
 export interface ValidationRule {
   required?: boolean
   minLength?: number
@@ -12,18 +8,10 @@ export interface ValidationRule {
   custom?: (value: string) => string | null
 }
 
-/**
- * @interface FieldErrors
- * @description รูปแบบการเก็บข้อผิดพลาด (Key ของฟิลด์ คู่กับข้อความแจ้งเตือน)
- */
 export interface FieldErrors {
   [key: string]: string
 }
 
-/**
- * @composable useFormValidation
- * @description ใช้สำหรับตรวจสอบความถูกต้อง (Validate) ของข้อมูลในแบบฟอร์ม
- */
 export function useFormValidation() {
   const errors = ref<FieldErrors>({})
 
@@ -64,7 +52,6 @@ export function useFormValidation() {
     return null
   }
 
-  // ฟังก์ชันหลักที่เอาแบบฟอร์ม (formData) มาตรวจกับเช็คลิสต์ทั้งหมด (validationRules)
   const validate = (
     formData: Record<string, string>,
     validationRules: Record<string, { rules: ValidationRule; label: string; messages?: Record<string, string> }>
@@ -80,18 +67,14 @@ export function useFormValidation() {
       }
     }
 
-    // บันทึกข้อผิดพลาดที่พบทั้งหมดลงใน State
     errors.value = newErrors
-    // คืนค่าบอกว่า "ฟอร์มนี้ผ่านทั้งหมดไหม" (true คือผ่านหมด)
     return isValid
   }
 
-  // ฟังก์ชันลบข้อผิดพลาดทิ้งทั้งหมด (สำหรับตอนเริ่มกรอกใหม่)
   const clearErrors = () => {
     errors.value = {}
   }
 
-  // ฟังก์ชันลบข้อผิดพลาดเฉพาะฟิลด์ที่กำหนด
   const clearFieldError = (field: string) => {
     if (errors.value[field]) {
       // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
diff --git a/Frontend-Learner/composables/useMediaPrefs.ts b/Frontend-Learner/composables/useMediaPrefs.ts
index b71ea5e8..2bed3024 100644
--- a/Frontend-Learner/composables/useMediaPrefs.ts
+++ b/Frontend-Learner/composables/useMediaPrefs.ts
@@ -1,27 +1,22 @@
-/**
- * @composable useMediaPrefs
- * @description จัดการตั้งค่าระดับเสียงและสถานะปิดเสียง (Mute) ของวิดีโอ/สื่อ
- * โดยจะเก็บค่าแยกตามบัญชีผู้ใช้งาน และสั่งประยุกต์ใช้กับ <video> ให้อัตโนมัติ
- */
 export const useMediaPrefs = () => {
-    // 1. สถานะส่วนกลาง (Global State)
-    // ใช้ useState เพื่อแชร์ค่าเดียวกันทั่วหน้าเว็บ (เช่น เปลี่ยนหน้าแล้วระดับเสียงยังคงที่)
+    // 1. Global State
+    // ใช้ useState เพื่อแชร์ค่าเดียวกันทั่วทั้ง App (เช่น เปลี่ยนหน้าแล้วเสียงยังเท่าเดิม)
     const volume = useState<number>('media_prefs_volume', () => 1)
     const muted = useState<boolean>('media_prefs_muted', () => false)
     
     const { user } = useAuth()
 
-    // 2. ฟังก์ชันช่วยสร้าง Key สำหรับ Storage (เก็บแยกตาม User)
+    // 2. Storage Key Helper (User Specific)
     const getStorageKey = () => {
         const userId = user.value?.id || 'guest'
         return `media:prefs:v1:${userId}`
     }
 
-    // 3. ระบบบันทึกการตั้งค่าลงเบราว์เซอร์ (Throttled เพื่อไม่ให้บันทึกถี่เกินไป)
+    // 3. Save Logic (Throttled)
     let saveTimeout: ReturnType<typeof setTimeout> | null = null
     
     const save = () => {
-        if (import.meta.server) return // เลี่ยงไม่ได้ต้องทำงานบนฝั่ง Client เท่านั้น
+        if (import.meta.server) return
 
         if (saveTimeout) clearTimeout(saveTimeout)
         saveTimeout = setTimeout(() => {
@@ -34,12 +29,12 @@ export const useMediaPrefs = () => {
                 }
                 localStorage.setItem(key, JSON.stringify(data))
             } catch (e) {
-                console.error('ไม่สามารถบันทึกการตั้งค่าสื่อได้', e)
+                console.error('Failed to save media prefs', e)
             }
-        }, 500) // หน่วงเวลา 500ms
+        }, 500) // Throttle 500ms
     }
 
-    // 4. ระบบโหลดการตั้งค่าเก่าขึ้นมา (Load Logic)
+    // 4. Load Logic
     const load = () => {
         if (import.meta.server) return
         
@@ -56,20 +51,20 @@ export const useMediaPrefs = () => {
                 }
             }
         } catch (e) {
-            console.error('ไม่สามารถโหลดการตั้งค่าสื่อได้', e)
+            console.error('Failed to load media prefs', e)
         }
     }
 
-    // 5. ฟังก์ชันสำหรับอัปเดตและสั่งบันทึกการตั้งค่า (Setters)
+    // 5. Setters (With Logic)
     const setVolume = (val: number) => {
         const clamped = Math.max(0, Math.min(1, val))
         volume.value = clamped
         
-        // ยกเลิกปิดเสียงอัตโนมัติ ถ้าระดับเสียงเพิ่มขึ้นจาก 0
+        // Auto unmute if volume increased from 0
         if (clamped > 0 && muted.value) {
             muted.value = false
         }
-        // ปิดเสียงอัตโนมัติ ถ้าระดับเสียงกลายเป็น 0
+        // Auto mute if volume set to 0
         if (clamped === 0 && !muted.value) {
             muted.value = true
         }
@@ -80,7 +75,7 @@ export const useMediaPrefs = () => {
     const setMuted = (val: boolean) => {
         muted.value = val
         
-        // หากผู้ใช้กดยกเลิกการปิดเสียงขณะที่ระดับเสียงเคยเป็น 0 ควรตั้งค่าเริ่มต้นให้เป็น 1
+        // Logic: Unmuting should restore volume if it was 0
         if (!val && volume.value === 0) {
             volume.value = 1
         }
@@ -88,15 +83,15 @@ export const useMediaPrefs = () => {
         save()
     }
 
-    // 6. ฟังก์ชันจับคู่ใช้กับการเล่นสื่อ (ตย. <video ref="videoEl"> -> applyTo(videoEl.value))
+    // 6. Apply & Bind to Element (The Magic)
     const applyTo = (el: HTMLMediaElement | null | undefined) => {
         if (!el) return () => {}
 
-        // ใส่ค่าตั้งต้นให้กับออบเจ็กต์สื่อ
+        // Initial Apply
         el.volume = volume.value
         el.muted = muted.value
 
-        // A. สังเกตการเปลี่ยนแปลงจาก State -> เพื่อส่งไปอัปเดต Element สื่อ
+        // A. Watch State -> Update Element
         const stopVolWatch = watch(volume, (v) => {
             if (Math.abs(el.volume - v) > 0.01) el.volume = v
         })
@@ -104,9 +99,9 @@ export const useMediaPrefs = () => {
             if (el.muted !== m) el.muted = m
         })
 
-        // B. สังเกตการเปลี่ยนแปลงจาก Element (เช่น ผู้ใช้กดปุ่มเร่งเสียงในวิดีโอตรงๆ) -> เพื่อเอาค่ามาอัปเดต State 
+        // B. Listen Element -> Update State (e.g. Native Controls)
         const onVolumeChange = () => {
-            // อัปเดตเฉพาะเมื่อมีความแตกต่างเพื่อหลีกเลี่ยง Loop อนันต์
+            // Update state only if diff allows (prevent loop)
             if (Math.abs(el.volume - volume.value) > 0.01) {
                 volume.value = el.volume
                 save()
@@ -118,7 +113,7 @@ export const useMediaPrefs = () => {
         }
         el.addEventListener('volumechange', onVolumeChange)
 
-        // ฟังก์ชันล้างค่าเพื่อเลิกติดตาม (Cleanup แบบส่งกลับ (Return))
+        // Cleanup function
         return () => {
             stopVolWatch()
             stopMutedWatch()
@@ -126,11 +121,11 @@ export const useMediaPrefs = () => {
         }
     }
 
-    // 7. จังหวะวงจรชีวิตตอนโหลดเสร็จและระบบ Sync
+    // 7. Lifecycle & Sync
     if (import.meta.client) {
         onMounted(() => {
             load()
-            // ระบบ Sync กับแท็บหรือหน้าต่างเดียวกันหากถูกเปิดไว้
+            // Cross-tab sync
             window.addEventListener('storage', (e) => {
                 if (e.key === getStorageKey()) {
                     load()
diff --git a/Frontend-Learner/composables/useNavItems.ts b/Frontend-Learner/composables/useNavItems.ts
index 7c8fc6e4..a74e4676 100644
--- a/Frontend-Learner/composables/useNavItems.ts
+++ b/Frontend-Learner/composables/useNavItems.ts
@@ -1,19 +1,17 @@
 /**
  * @file useNavItems.ts
- * @description ศูนย์รวมจัดการเมนูนำทาง (Navigation Items) เพื่อให้ใช้ข้อมูลชุดเดียวกันทั้งเว็บ
- * (เช่น เมนูด้านข้าง, เมนูบนมือถือ, และเมนูโปรไฟล์ผู้ใช้)
+ * @description Single Source of Truth for navigation items used across the app (Sidebar, Mobile Nav, User Menu).
  */
 
 export interface NavItem {
-  to: string           // ลิงก์ปลายทาง
-  labelKey: string     // คีย์ภาษาสำหรับ i18n
-  icon: string         // ไอคอนจาก Material Icons
-  showOn: ('sidebar' | 'mobile' | 'userMenu')[] // กำหนดให้โชว์ที่ส่วนไหนบ้าง
-  roles?: string[]     // กำหนดสิทธิ์ผู้ใช้ที่จะเห็น (ถ้ามี)
+  to: string
+  labelKey: string
+  icon: string
+  showOn: ('sidebar' | 'mobile' | 'userMenu')[]
+  roles?: string[]
 }
 
 export const useNavItems = () => {
-  // เมนูทั้งหมดในระบบ กำหนดไว้ที่เดียว
   const allNavItems: NavItem[] = [
     {
       to: '/dashboard',
@@ -65,7 +63,6 @@ export const useNavItems = () => {
     }
   ]
 
-  // คัดกรองเมนูที่จะเอาไปแสดงแต่ละตำแหน่ง
   const sidebarItems = computed(() => allNavItems.filter(item => item.showOn.includes('sidebar')))
   const mobileItems = computed(() => allNavItems.filter(item => item.showOn.includes('mobile')))
   const userMenuItems = computed(() => allNavItems.filter(item => item.showOn.includes('userMenu')))
diff --git a/Frontend-Learner/composables/useQuizRunner.ts b/Frontend-Learner/composables/useQuizRunner.ts
index 081e2aa8..840aaa60 100644
--- a/Frontend-Learner/composables/useQuizRunner.ts
+++ b/Frontend-Learner/composables/useQuizRunner.ts
@@ -19,107 +19,95 @@ export interface AnswerState {
 
 /**
  * @composable useQuizRunner
- * @description จัดการ State (สถานะ) และ Logic สำหรับการทำแบบทดสอบ (Quiz)
- * ครอบคลุมการแสดงคำถาม, บันทึกคำตอบ, และตรวจสอบการข้ามคำถาม
+ * @description Manages the state and logic for running a quiz activity.
  */
 export const useQuizRunner = () => {
-  // ================= State (สถานะเก็บค่าต่างๆ ของข้อสอบ) =================
-  const questions = useState<QuizQuestion[]>('quiz-questions', () => []); // เก็บรายการคำถามทั้งหมด
-  const answers = useState<Record<number, AnswerState>>('quiz-answers', () => ({})); // เก็บคำตอบที่ผู้ใช้ตอบ แยกตาม ID คำถาม
-  const currentQuestionIndex = useState<number>('quiz-current-index', () => 0); // ลำดับคำถามที่กำลังทำอยู่ปัจจุบัน (เริ่มที่ 0)
-  const loading = useState<boolean>('quiz-loading', () => false); // สถานะตอนกำลังกดเซฟหรือโหลดข้อมูล
-  const lastError = useState<string | null>('quiz-error', () => null); // เก็บข้อความแจ้งเตือนข้อผิดพลาดล่าสุด
+  // State
+  const questions = useState<QuizQuestion[]>('quiz-questions', () => []);
+  const answers = useState<Record<number, AnswerState>>('quiz-answers', () => ({}));
+  const currentQuestionIndex = useState<number>('quiz-current-index', () => 0);
+  const loading = useState<boolean>('quiz-loading', () => false);
+  const lastError = useState<string | null>('quiz-error', () => null);
 
-  // ================= Getters (ดึงค่าที่ถูกประมวลผลแล้ว) =================
-  const currentQuestion = computed(() => questions.value[currentQuestionIndex.value]); // ดึงคำถามข้อปัจจุบัน
+  // Getters
+  const currentQuestion = computed(() => questions.value[currentQuestionIndex.value]);
   
-  const currentAnswer = computed(() => { // ดึงคำตอบในข้อปัจจุบัน
+  const currentAnswer = computed(() => {
     if (!currentQuestion.value) return null;
     return answers.value[currentQuestion.value.id];
   });
 
-  const totalQuestions = computed(() => questions.value.length); // จำนวนคำถามทั้งหมดในแบบทดสอบ
-  const isLastQuestion = computed(() => currentQuestionIndex.value === questions.value.length - 1); // เช็คว่าใช่คำถามข้อสุดท้ายหรือไม่
-  const isFirstQuestion = computed(() => currentQuestionIndex.value === 0); // เช็คว่าใช่คำถามข้อแรกหรือไม่
+  const totalQuestions = computed(() => questions.value.length);
+  const isLastQuestion = computed(() => currentQuestionIndex.value === questions.value.length - 1);
+  const isFirstQuestion = computed(() => currentQuestionIndex.value === 0);
 
-  // ================= Actions (ฟังก์ชันหลักสำหรับการทำงาน) =================
-  
-  // ฟังก์ชันเริ่มต้นสร้าง/โหลดข้อสอบ (กำหนดโครงสร้างพื้นฐาน)
+  // Actions
   function initQuiz(quizData: any) {
     if (!quizData || !quizData.questions) return;
     
     questions.value = quizData.questions; 
-    currentQuestionIndex.value = 0; // รีเซ็ตไปที่ข้อ 1 ใหม่
+    currentQuestionIndex.value = 0;
     answers.value = {};
     lastError.value = null;
 
-    // เตรียมโครงสร้างคำตอบรองรับทุกข้อ
     questions.value.forEach(q => {
       answers.value[q.id] = {
         questionId: q.id,
         value: null,
-        is_saved: false, // บันทึกและส่ง API เรียบร้อยหรือยัง
-        status: 'not_started', // สถานะเริ่มต้นของคำถาม
-        touched: false, // ผู้ใช้เคยเปิดเข้ามาดูข้อนีัหรือยัง
+        is_saved: false,
+        status: 'not_started',
+        touched: false,
       };
     });
 
-    // เริ่มต้นบันทึกเวลา/เข้าสู่ข้อที่ 1 ทันทีเมื่ออธิบายเสร็จ
     if (questions.value.length > 0) {
       enterQuestion(questions.value[0].id);
     }
   }
 
-  // ฟังก์ชันสลับสถานะเมื่อกดเข้ามาที่คำถามนั้นๆ
   function enterQuestion(qId: number) {
     const ans = answers.value[qId];
     if (ans) {
       ans.touched = true;
       if (ans.status === 'not_started' || ans.status === 'skipped') {
-         ans.status = 'in_progress'; // เปลี่ยนสถานะเป็น 'กำลังทำ'
+         ans.status = 'in_progress';
       }
     }
   }
 
-  // ตรวจสอบเงื่อนไขว่าผู้ใช้สามารถออกจากคำถามปัจจุบันไปยังข้ออื่นได้หรือไม่
   function canLeaveCurrent(): { allowed: boolean; reason?: string } {
     if (!currentQuestion.value) return { allowed: true };
     const q = currentQuestion.value;
     const a = answers.value[q.id];
     
-    // สามารถออกได้ถ้าคำถามทำถูกหรือโจทย์อนุญาตให้ข้ามได้
     if (a.status === 'completed' || a.is_saved) return { allowed: true };
     if (q.is_skippable) return { allowed: true };
     
-    // บังคับให้ตอบถ้าไม่ได้อนุญาตให้ข้าม และไม่ได้ตอบ
     if (!a.is_saved && a.value === null) {
-      return { allowed: false, reason: 'ต้องการคำตอบสำหรับข้อบังคับนี้' };
+      return { allowed: false, reason: 'This question is required.' };
     }
 
     return { allowed: true };
   }
 
-  // ฟังก์ชันอัปเดตค่าตัวเลือกที่ผู้ใช้กดเลือกในข้อปัจจุบัน
   function updateAnswer(val: any) {
      if (!currentQuestion.value) return;
      const qId = currentQuestion.value.id;
      answers.value[qId].value = val;
      
-     // หากมีแก้ไขคำตอบหลังจากกดเซฟไปแล้ว ให้เปลี่ยนสถานะให้ระบบรู้ว่าต้องเซฟใหม่
      if (answers.value[qId].is_saved) {
         answers.value[qId].is_saved = false;
-        answers.value[qId].status = 'in_progress'; 
+        answers.value[qId].status = 'in_progress';
      }
   }
 
-  // ล็อกและบันทึกข้อสอบเมื่อกดปุ่ม "ตกลง/ส่งคำตอบ" สำหรับข้อนั้นๆ
   async function saveCurrentAnswer() {
     if (!currentQuestion.value) return;
     const qId = currentQuestion.value.id;
     const ans = answers.value[qId];
 
     if (ans.value === null) {
-      lastError.value = "กรุณาเลือกคำตอบอย่างน้อย 1 ตัวเลือก";
+      lastError.value = "Please provide an answer.";
       return false;
     }
 
@@ -127,34 +115,30 @@ export const useQuizRunner = () => {
     lastError.value = null;
 
     try {
-      // หมายเหตุ: การเชื่อมต่อ API หลักต้องทำที่ไฟล์ component, ตัวนี้จัดการแค่เรื่อง State
       ans.is_saved = true;
-      ans.status = 'completed'; // มาร์คว่าเป็นข้อที่ทำเสร็จแล้ว
+      ans.status = 'completed';
       ans.last_saved_at = new Date().toISOString();
       return true;
     } catch (e) {
-      lastError.value = "เกิดข้อผิดพลาดในการบันทึกคำตอบ";
+      lastError.value = "Failed to save answer.";
       return false;
     } finally {
       loading.value = false;
     }
   }
 
-  // วินิจฉัยก่อนสั่งผู้ใช้ย้ายไปยังคำถามอื่นหน้าอื่นตามดัชนีระบุ
   function handleLeaveLogic(targetIndex: number) {
     if (targetIndex === currentQuestionIndex.value) return;
 
-    // ตรวจสอบขั้นสุดท้าย ป้องกันคนคลิกแอบหนีข้อที่บังคับทำ
     const check = canLeaveCurrent();
     if (!check.allowed) {
-      lastError.value = check.reason || "จำเป็นต้องตอบข้อนี้ก่อนข้าม";
+      lastError.value = check.reason || "Required question.";
       return false;
     }
 
     const currQ = currentQuestion.value;
     if (currQ) {
         const currAns = answers.value[currQ.id];
-        // หากผู้ใช้ทิ้งขว้างโดยที่ไม่บังคับ ให้ทิ้งสถานะเป็นข้าม ('skipped')
         if (currAns.status !== 'completed' && !currAns.is_saved) {
           currAns.status = 'skipped';
         }
@@ -163,7 +147,6 @@ export const useQuizRunner = () => {
     currentQuestionIndex.value = targetIndex;
     lastError.value = null;
 
-    // ติดตามสถานะ 'touched' ในข้อใหม่ที่เข้าไปล่าสุด
     if (questions.value[targetIndex]) {
        enterQuestion(questions.value[targetIndex].id);
     }
diff --git a/Frontend-Learner/composables/useThemeMode.ts b/Frontend-Learner/composables/useThemeMode.ts
index 6321381b..ec01317a 100644
--- a/Frontend-Learner/composables/useThemeMode.ts
+++ b/Frontend-Learner/composables/useThemeMode.ts
@@ -1,41 +1,26 @@
 import { useQuasar } from 'quasar'
 
-/**
- * @composable useThemeMode
- * @description จัดการระบบโหมดสว่าง/มืด (Light/Dark Theme) ของแพลตฟอร์ม
- * ครอบคลุมการสั่งบันทึกการตั้งค่า, เปลี่ยนคลาส Tailwind และ Sync ซิงก์กับ Quasar UI
- */
 export const useThemeMode = () => {
   const $q = useQuasar()
 
-  // สถานะเริ่มต้นของโหมดมืด (สำหรับการทำ SSR ถูกเซ็ตเป็น false (สว่าง) ไว้ก่อน)
+  // deterministic on SSR: default = light
   const isDark = useState<boolean>('theme:isDark', () => false)
 
-  // ฟังก์ชันใช้คลาสกับ Tag <html> เพื่อให้ Tailwind หรือ CSS รันโหมดมืด
   const applyTheme = (value: boolean) => {
-    if (!process.client) return // หากทำงานฝั่งเซิร์ฟเวอร์ จะไม่สั่งให้รัน DOM
-    
-    // สลับคลาส 'dark' หรือปิด
+    if (!process.client) return
     document.documentElement.classList.toggle('dark', value)
-    
-    // สั่งให้ Quasar (UI Framework) ปรับโหมดสีให้ตรงกัน (มืด/สว่าง)
     $q.dark.set(value)
-    
-    // บันทึกการตั้งค่าลงเครื่องระยะยาวเบราว์เซอร์
     localStorage.setItem('theme', value ? 'dark' : 'light')
   }
 
 
 
-  // จับตาดูเมื่อตัวแปรเปลี่ยนค่าค่อยทำการเปลี่ยนโหมดบนหน้าจอ
   watch(isDark, (v) => applyTheme(v))
 
-  // ฟังก์ชันสั่งสลับโหมด ไปมา (Toggle)
   const toggle = () => {
     isDark.value = !isDark.value
   }
 
-  // ฟังก์ชันสำหรับกำหนดตั้งค่าโหมดแบบเจาะจง
   const set = (v: boolean) => {
     isDark.value = v
   }
diff --git a/Frontend-Learner/constants/landing.ts b/Frontend-Learner/constants/landing.ts
deleted file mode 100644
index 7de23d50..00000000
--- a/Frontend-Learner/constants/landing.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * @file landing.ts
- * @description ข้อมูลคงที่ (Static data) แบบจำลองที่เอาไว้แสดงผลบนหน้า Landing page
- */
-
-export const CATEGORY_CARDS = [
-  { 
-    title: 'โปรแกรมมิ่ง', 
-    desc: 'เชี่ยวชาญการเขียนโค้ดและพัฒนาซอฟต์แวร์', 
-    icon: 'o_code', 
-    slug: 'programming',
-  },
-  { 
-    title: 'การออกแบบ', 
-    desc: 'ทักษะ UI/UX และการออกแบบระดับมือโปร', 
-    icon: 'o_palette', 
-    slug: 'design',
-  },
-  { 
-    title: 'ธุรกิจ', 
-    desc: 'ทักษะการจัดการและความเป็นผู้นำสากล', 
-    icon: 'o_business_center', 
-    slug: 'business',
-  }
-]
-
-export const WHY_CHOOSE_US = [
-  {
-    title: 'ผู้สอนเชี่ยวชาญ',
-    desc: 'เรียนรู้จากผู้นำในอุตสาหกรรมที่มีประสบการณ์การทำงานหลายปีในบริษัทเทคโนโลยีชั้นนำระดับโลก',
-    icon: 'o_groups',
-  },
-  {
-    title: 'การเรียนรู้ที่ยืดหยุ่น',
-    desc: 'เรียนตามจังหวะของคุณเอง ได้ทุกที่ทุกเวลา เข้าถึงเนื้อหาคอร์สที่สมัครเรียนได้ตลอดชีพ',
-    icon: 'o_schedule',
-  },
-  {
-    title: 'ประกาศนียบัตรเมื่อเรียนจบ',
-    desc: 'รับวุฒิบัตรที่เป็นที่ยอมรับเพื่อเสริมพอร์ตโฟลิโอระดับมืออาชีพของคุณและแชร์ลง LinkedIn ได้โดยตรง',
-    icon: 'o_verified',
-  }
-]
diff --git a/Frontend-Learner/i18n/locales/en.json b/Frontend-Learner/i18n/locales/en.json
index b854b7c6..db41be18 100644
--- a/Frontend-Learner/i18n/locales/en.json
+++ b/Frontend-Learner/i18n/locales/en.json
@@ -24,8 +24,7 @@
     "emptyLibraryDesc": "Start learning new things today. Browse interesting courses to develop your skills.",
     "viewAllCourses": "View All Courses",
     "recommendedCourses": "Recommended Courses",
-    "noRecommended": "No recommended courses found",
-    "moreCourses": "More Courses"
+    "noRecommended": "No recommended courses found"
   },
   "menu": {
     "continueLearning": "Continue Learning",
@@ -88,14 +87,10 @@
     "overview": "Home",
     "myCourses": "My Courses",
     "browseCourses": "Browse Courses",
-    "onlineCourses": "All Courses",
+    "onlineCourses": "Online Courses",
     "recommendedCourses": "Recommended Courses",
     "announcements": "Announcements",
-    "profile": "My Profile",
-    "accountGroup": "Account",
-    "promoTitle": "Find the right course",
-    "promoSubtitle": "Level up your skills",
-    "learnMore": "Learn More"
+    "profile": "My Profile"
   },
   "discovery": {
     "title": "All Courses",
@@ -103,9 +98,6 @@
     "sortRecent": "Sort by: Recent",
     "sortPopular": "Popular",
     "categoryTitle": "Categories",
-    "design": "Design",
-    "programming": "Programming",
-    "business": "Business",
     "showMore": "Show More",
     "showLess": "Show Less",
     "emptyTitle": "No courses found",
@@ -115,22 +107,15 @@
     "backToCatalog": "Back to Catalog",
     "selectable": "Selected",
     "foundTotal": "Found Total",
-    "items": "items",
-    "subtitle": "Choose to learn new skills from our curated quality courses",
-    "searchBtn": "Search"
+    "items": "items"
   },
   "myCourses": {
-    "title": "My Courses",
-    "subtitle": "Track your progress and continue learning from where you left off",
-    "searchPlaceholder": "Search my courses...",
     "filterAll": "All",
     "filterProgress": "In Progress",
     "filterCompleted": "Completed",
     "emptyTitle": "No courses in this category",
     "emptyDesc": "You don't have any courses here yet. Browse our catalog to find interesting courses.",
-    "goToDiscovery": "Go to Courses",
-    "searchNoResult": "No matching courses found",
-    "searchNoResultDesc": "Try changing category or your search term"
+    "goToDiscovery": "Go to Courses"
   },
   "enrollment": {
     "successTitle": "Enrollment Successful!",
@@ -159,7 +144,7 @@
     "accountDetails": "Account Details",
     "editPersonalDesc": "Edit Personal Information",
     "yourAvatar": "Your Profile Photo",
-    "avatarHint": "Only JPG, PNG",
+    "avatarHint": "PNG, JPG only",
     "uploadNew": "Upload New Photo",
     "changeAvatar": "Change Profile Photo",
     "removeAvatar": "Remove Profile Photo",
@@ -190,15 +175,7 @@
     "emailVerified": "Email Verified",
     "myCertificates": "My Certificates",
     "viewCertificate": "View Certificate",
-    "issuedAt": "Issued at",
-    "publicInfo": "Information visible to the public on the platform",
-    "uploading": "Uploading...",
-    "selectPrefix": "Select Prefix",
-    "verifyNow": "Click to verify email",
-    "verifying": "Sending...",
-    "saving": "Saving...",
-    "securitySubtitle": "Manage password and account access",
-    "password": "Password"
+    "issuedAt": "Issued at"
   },
   "userMenu": {
     "home": "Home",
@@ -221,9 +198,7 @@
     "emailVerifiedDesc": "Your account has been successfully verified.",
     "invalidToken": "Invalid verification token",
     "tokenExpired": "Token expired or invalid",
-    "logout": "Log Out",
-    "logoutConfirmTitle": "Confirm Logout",
-    "logoutConfirmMessage": "Are you sure you want to log out of the system?"
+    "logout": "Log Out"
   },
   "language": {
     "label": "Language / ภาษา",
@@ -234,7 +209,6 @@
     "newBadge": "New",
     "popularBadge": "Popular",
     "save": "Save",
-    "saveChanges": "Save Changes",
     "ok": "OK",
     "close": "Close",
     "cancel": "Cancel",
@@ -248,9 +222,7 @@
     "backToHome": "Back to Home",
     "error": "Error",
     "loading": "Loading",
-    "items": "Items",
-    "student": "Student",
-    "latest": "Latest"
+    "items": "Items"
   },
   "classroom": {
     "backToDashboard": "Back to My Courses",
diff --git a/Frontend-Learner/i18n/locales/th.json b/Frontend-Learner/i18n/locales/th.json
index d096b4ad..86154237 100644
--- a/Frontend-Learner/i18n/locales/th.json
+++ b/Frontend-Learner/i18n/locales/th.json
@@ -24,8 +24,7 @@
     "emptyLibraryDesc": "เริ่มเรียนรู้สิ่งใหม่ๆ วันนี้ เลือกดูคอร์สเรียนที่น่าสนใจเพื่อพัฒนาทักษะของคุณ",
     "viewAllCourses": "ดูคอร์สเรียนทั้งหมด",
     "recommendedCourses": "คอร์สแนะนำ",
-    "noRecommended": "ไม่พบข้อมูลคอร์สแนะนำ",
-    "moreCourses": "คอร์สเพิ่มเติม"
+    "noRecommended": "ไม่พบข้อมูลคอร์สแนะนำ"
   },
   "menu": {
     "continueLearning": "เรียนต่อจากเดิม",
@@ -88,14 +87,10 @@
     "overview": "หน้าหลัก",
     "myCourses": "คอร์สของฉัน",
     "browseCourses": "ค้นหาคอร์ส",
-    "onlineCourses": "คอร์สเรียนทั้งหมด",
+    "onlineCourses": "คอร์สออนไลน์",
     "recommendedCourses": "คอร์สเรียนแนะนำ",
     "announcements": "ข่าวประกาศ",
-    "profile": "บัญชีผู้ใช้",
-    "accountGroup": "บัญชี",
-    "promoTitle": "ค้นหาคอร์สที่ใช่",
-    "promoSubtitle": "ยกระดับทักษะของคุณ",
-    "learnMore": "เรียนรู้เพิ่มเติม"
+    "profile": "บัญชีผู้ใช้"
   },
   "discovery": {
     "title": "รายการคอร์สทั้งหมด",
@@ -103,9 +98,6 @@
     "sortRecent": "เรียงตาม: ล่าสุด",
     "sortPopular": "ยอดนิยม",
     "categoryTitle": "หมวดหมู่",
-    "design": "การออกแบบ",
-    "programming": "การเขียนโปรแกรม",
-    "business": "ธุรกิจ",
     "showMore": "แสดงเพิ่มเติม",
     "showLess": "แสดงน้อยลง",
     "emptyTitle": "ไม่พบผลการค้นหา",
@@ -116,21 +108,15 @@
     "selectable": "รายการที่เลือก",
     "foundTotal": "พบทั้งหมด",
     "items": "รายการ",
-    "subtitle": "เลือกเรียนรู้ทักษะใหม่ๆ จากหลักสูตรคุณภาพที่คัดสรรมาเพื่อคุณ",
-    "searchBtn": "ค้นหา"
+    "subtitle": "เลือกเรียนรู้ทักษะใหม่ๆ จากหลักสูตรคุณภาพที่คัดสรรมาเพื่อคุณ"
   },
   "myCourses": {
-    "title": "คอร์สของฉัน",
-    "subtitle": "ติดตามความคืบหน้าและเรียนรู้ต่อจากจุดที่ค้างไว้",
-    "searchPlaceholder": "ค้นหาชื่อคอร์สของฉัน...",
     "filterAll": "ทั้งหมด",
     "filterProgress": "กำลังเรียน",
     "filterCompleted": "เรียนจบแล้ว",
     "emptyTitle": "ยังไม่มีคอร์สในหมวดหมู่นี้",
     "emptyDesc": "คุณยังไม่มีคอร์สเรียนในส่วนนี้ ลองเลือกดูคอร์สที่น่าสนใจในระบบของเรา",
-    "goToDiscovery": "ไปที่รายการคอร์ส",
-    "searchNoResult": "ไม่พบคอร์สที่สอดคล้อง",
-    "searchNoResultDesc": "ลองเปลี่ยนหมวดหมู่หรือคำค้นหาของคุณ"
+    "goToDiscovery": "ไปที่รายการคอร์ส"
   },
   "enrollment": {
     "successTitle": "ลงทะเบียนสำเร็จ!",
@@ -159,7 +145,7 @@
     "accountDetails": "รายละเอียดบัญชี",
     "editPersonalDesc": "แก้ไขข้อมูลส่วนตัว",
     "yourAvatar": "รูปโปรไฟล์ของคุณ",
-    "avatarHint": "เฉพาะไฟล์ JPG, PNG",
+    "avatarHint": "เฉพาะไฟล์ png , jpg",
     "uploadNew": "อัพโหลดรูปโปรไฟล์",
     "changeAvatar": "เปลี่ยนรูปโปรไฟล์",
     "removeAvatar": "ลบรูปโปรไฟล์",
@@ -190,15 +176,7 @@
     "emailVerified": "ยืนยันอีเมลเสร็จสิ้น",
     "myCertificates": "ประกาศนียบัตรของฉัน",
     "viewCertificate": "ดูประกาศนียบัตร",
-    "issuedAt": "ออกเมื่อ",
-    "publicInfo": "ข้อมูลที่แสดงต่อสาธารณะบนแพลตฟอร์ม",
-    "uploading": "กำลังอัปโหลด...",
-    "selectPrefix": "เลือกคำนำหน้า",
-    "verifyNow": "คลิกเพื่อยืนยันอีเมล",
-    "verifying": "กำลังส่ง...",
-    "saving": "กำลังบันทึก...",
-    "securitySubtitle": "จัดการรหัสผ่านและการเข้าถึงบัญชี",
-    "password": "รหัสผ่าน"
+    "issuedAt": "ออกเมื่อ"
   },
   "userMenu": {
     "home": "หน้าหลัก",
@@ -209,7 +187,7 @@
     "logout": "ออกจากระบบ"
   },
   "landing": {
-    "allCourses": "คอร์สเรียนทั้งหมด",
+    "allCourses": "คอร์สทั้งหมด",
     "discovery": "ค้นพบ",
     "goToDashboard": "เข้าสู่หน้าจัดการเรียน"
   },
@@ -221,9 +199,7 @@
     "emailVerifiedDesc": "บัญชีของคุณได้รับการยืนยันเรียบร้อยแล้ว",
     "invalidToken": "Token ยืนยันตัวตนไม่ถูกต้อง",
     "tokenExpired": "Token หมดอายุหรือล้มเหลว",
-    "logout": "ออกจากระบบ",
-    "logoutConfirmTitle": "ยืนยันการออกจากระบบ",
-    "logoutConfirmMessage": "คุณแน่ใจหรือไม่ว่าต้องการออกจากระบบ?"
+    "logout": "ออกจากระบบ"
   },
   "language": {
     "label": "ภาษา / Language",
@@ -234,7 +210,6 @@
     "newBadge": "ใหม่",
     "popularBadge": "ยอดนิยม",
     "save": "บันทึก",
-    "saveChanges": "บันทึกการเปลี่ยนแปลง",
     "ok": "ตกลง",
     "close": "ปิด",
     "cancel": "ยกเลิก",
@@ -248,9 +223,7 @@
     "backToHome": "กลับสู่หน้าหลัก",
     "error": "เกิดข้อผิดพลาด",
     "loading": "กำลังโหลด",
-    "items": "รายการ",
-    "student": "นักเรียน",
-    "latest": "ล่าสุด"
+    "items": "รายการ"
   },
   "classroom": {
     "backToDashboard": "กลับไปคอร์สของฉัน",
diff --git a/Frontend-Learner/layouts/auth.vue b/Frontend-Learner/layouts/auth.vue
index 98f9aa74..57de3a1f 100644
--- a/Frontend-Learner/layouts/auth.vue
+++ b/Frontend-Learner/layouts/auth.vue
@@ -19,7 +19,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <!-- Auth Shell: ครอบคลุมการแสดงผลหน้าสำหรับเข้าสู่ระบบหรือสมัครสมาชิก -->
+  <!-- Auth Shell: Wrapper for authentication pages (Login, Register, etc.) -->
   <div class="auth-shell bg-white w-full min-h-screen">
     <slot />
   </div>
diff --git a/Frontend-Learner/layouts/dashboard-index.vue b/Frontend-Learner/layouts/dashboard-index.vue
index 5e152fbe..d9ff4593 100644
--- a/Frontend-Learner/layouts/dashboard-index.vue
+++ b/Frontend-Learner/layouts/dashboard-index.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 /**
  * @file dashboard-index.vue
- * @description เลย์เอาต์สำหรับหน้าแรกของ Dashboard (ไม่มีแผงเมนูด้านข้างเพื่อเน้นพื้นที่เนื้อหา)
- * ใช้โครงสร้างจาก Quasar QLayout เพื่อให้รองรับ Responsive
+ * @description Layout for the Dashboard Index page, without the sidebar.
+ * Uses Quasar QLayout for responsive structure.
  */
 
-// เปิดใช้คอมโพสซิเบิลจัดการธีมแบบ Global
+// Initialize global theme management
 useThemeMode()
 
 const { currentUser, logout } = useAuth()
@@ -18,7 +18,7 @@ const toggleRightDrawer = () => {
 
 <template>
   <q-layout view="hHh lpR fFf" class="bg-slate-50 dark:!bg-[#020617] text-slate-900 dark:!text-slate-50">
-    <!-- แถบด้านบนของโครงสร้าง (Header) -->
+    <!-- Header -->
     <q-header
       class="bg-white/80 dark:!bg-[#0f172a]/80 backdrop-blur-md text-slate-900 dark:!text-white"
     >
@@ -29,7 +29,7 @@ const toggleRightDrawer = () => {
       />
     </q-header>
 
-    <!-- แถบลิ้นชักมือถือหลัก (เมนูรวมทุกอย่างเมื่อปัดหน้าจอ/กดไอคอนบนสัดส่วนเล็ก) -->
+    <!-- Master Mobile Drawer (The Everything Hub) -->
     <q-drawer
       v-model="rightDrawerOpen"
       side="right"
@@ -39,7 +39,7 @@ const toggleRightDrawer = () => {
       :width="300"
     >
       <div class="flex flex-col h-full bg-white dark:bg-[#0f172a]">
-        <!-- 1. ส่วนบัญชีผู้ใช้ (Account Section) ดีไซน์พรีเมียม -->
+        <!-- 1. Account Section (Premium Look) -->
         <div class="p-6 bg-slate-50/50 dark:bg-slate-800/30 border-b border-slate-100 dark:border-slate-800">
           <div class="flex items-center justify-between mb-8">
              <div class="flex items-center gap-3">
@@ -62,10 +62,10 @@ const toggleRightDrawer = () => {
           </div>
         </div>
 
-        <!-- 2. ศูนย์รวมเมนูและเนื้อหา (Integrated Content Hub) -->
+        <!-- 2. Integrated Content Hub -->
         <div class="flex-grow overflow-y-auto pt-4">
           <q-list padding class="text-slate-600 dark:text-slate-300">
-            <!-- การนำทาง (Navigation) -->
+            <!-- Navigation -->
             <q-item-label header class="text-[11px] font-black tracking-[0.2em] text-slate-400 uppercase px-6 pb-2">เมนูหลัก</q-item-label>
             
             <q-item to="/dashboard" clickable v-ripple class="px-6 py-4" active-class="bg-blue-50 text-blue-600 dark:bg-blue-900/20 dark:text-blue-400 font-bold" @click="rightDrawerOpen = false">
@@ -85,10 +85,10 @@ const toggleRightDrawer = () => {
 
             <q-separator class="my-4 mx-6 opacity-50" />
 
-            <!-- เครื่องมือทั่วไปและการตั้งค่าระบบ -->
+            <!-- Tools & Settings -->
             <q-item-label header class="text-[11px] font-black tracking-[0.2em] text-slate-400 uppercase px-6 pb-2">เครื่องมือและการตั้งค่า</q-item-label>
             
-            <!-- ปุ่มสลับภาษา -->
+            <!-- Language Selection -->
             <q-item class="px-6 py-2">
               <q-item-section avatar><q-icon name="language" size="22px" /></q-item-section>
               <q-item-section>
@@ -99,7 +99,7 @@ const toggleRightDrawer = () => {
               </q-item-section>
             </q-item>
 
-            <!-- เปิดปิดโหมดมืด (Dark Mode Toggle) -->
+            <!-- Dark Mode Toggle -->
             <q-item class="px-6 py-2">
               <q-item-section avatar><q-icon :name="isDark ? 'dark_mode' : 'light_mode'" size="22px" /></q-item-section>
               <q-item-section>
@@ -121,7 +121,7 @@ const toggleRightDrawer = () => {
           </q-list>
         </div>
 
-        <!-- 3. ส่วนล่างสุด เช่น ล็อกเอาต์ หรือระบุเวอร์ชันระบบ -->
+        <!-- 3. Bottom Actions -->
         <div class="p-6 mt-auto border-t border-slate-100 dark:border-slate-800">
           <q-btn
             unelevated
@@ -138,16 +138,18 @@ const toggleRightDrawer = () => {
       </div>
     </q-drawer>
 
-    <!-- หมายเหตุ: สำหรับหน้านี้ จะไม่ได้มีการโชว์ Sidebar ที่เป็นลิ้นชักซ้าย -->
+    <!-- Sidebar Removed for this layout -->
 
-    <!-- พื้นที่แสดงเนื้อหาหลัก -->
+    <!-- Main Content -->
     <q-page-container>
       <q-page class="relative">
         <slot />
       </q-page>
     </q-page-container>
 
-    <!-- เมนูปุ่มกดล่างหน้าจอบนมือถือ (สำหรับช่วยให้เข้าถึงหน้าหลักได้ไวขึ้น) -->
+    <!-- Mobile Bottom Nav - Optional, keeping it consistent with default but maybe not needed if full width?
+         If we remove sidebar, we might still want mobile nav if it's main navigation.
+         Let's keep it for now as it doesn't hurt. -->
     <q-footer
       v-if="$q.screen.lt.md"
       class="!bg-white dark:!bg-[#1e293b] text-primary"
diff --git a/Frontend-Learner/layouts/default.vue b/Frontend-Learner/layouts/default.vue
index 6f6040da..82b02528 100644
--- a/Frontend-Learner/layouts/default.vue
+++ b/Frontend-Learner/layouts/default.vue
@@ -1,66 +1,181 @@
 <script setup lang="ts">
 /**
  * @file default.vue
- * @description เลย์เอาต์หลัก (Master Layout) สำหรับผู้ใช้งานที่เข้าสู่ระบบแล้ว 
- * ประกอบด้วยแถบเมนูด้านบน (Header), แถบเมนูด้านข้าง (Sidebar) และพื้นที่เนื้อหา
+ * @description Layout หลักสำหรับหน้าเว็บของผู้ใช้ (Authenticated Users)
+ * Uses Quasar QLayout for responsive structure.
  */
 
+// Initialize global theme management
 useThemeMode()
 
-const leftDrawerOpen = ref(true)
+const { currentUser, logout } = useAuth()
+const { isDark, set: setTheme } = useThemeMode()
+const leftDrawerOpen = ref(false)
+const rightDrawerOpen = ref(false)
 
 const toggleLeftDrawer = () => {
   leftDrawerOpen.value = !leftDrawerOpen.value
 }
 
+const toggleRightDrawer = () => {
+  rightDrawerOpen.value = !rightDrawerOpen.value
+}
+
 const route = useRoute()
-// ระบุว่า path ไหนบ้างที่ให้แสดงแถบเมนูด้านข้าง (Sidebar)
-const isDashboardRoute = computed(() => {
-  const routes = ['/dashboard', '/browse', '/classroom', '/course']
-  return routes.some(r => route.path.startsWith(r))
+// Automatically hide sidebar for learner routes
+const shouldHideSidebar = computed(() => {
+  const silentRoutes = ['/dashboard', '/browse', '/classroom', '/course']
+  return silentRoutes.some(r => route.path.startsWith(r))
 })
 </script>
 
 <template>
-  <q-layout view="lHh Lpr lFf" class="bg-[#F8FAFC] dark:!bg-[#020617] text-slate-900 dark:!text-slate-50">
-    
-    <!-- ส่วนหัว (Header) -->
+  <q-layout view="hHh LpR lFf" class="bg-slate-50 dark:!bg-[#020617] text-slate-900 dark:!text-slate-50">
+    <!-- Header -->
     <q-header
-      class="bg-transparent text-slate-900 dark:!text-white border-none shadow-none"
+      class="bg-white/80 dark:!bg-[#0f172a]/80 backdrop-blur-md text-slate-900 dark:!text-white border-none shadow-none"
     >
-      <AppHeader @toggleSidebar="toggleLeftDrawer" />
+      <AppHeader 
+        @toggleSidebar="toggleLeftDrawer" 
+        @toggleRightDrawer="toggleRightDrawer"
+        :showSidebarToggle="!shouldHideSidebar" 
+      />
     </q-header>
 
-    <!-- แถบเมนูด้านข้าง (Navigation Sidebar) -->
+    <!-- Sidebar (Drawer - Desktop Left) -->
     <q-drawer
+      v-if="!shouldHideSidebar"
       v-model="leftDrawerOpen"
       show-if-above
       :width="280"
-      side="left"
-      bordered
-      class="bg-white dark:!bg-[#0f172a] border-none"
+      class="bg-white dark:!bg-[#0f172a]"
     >
       <AppSidebar />
     </q-drawer>
 
-    <!-- พื้นที่แสดงเนื้อหาหลัก (Main Content Area) -->
-    <q-page-container>
-      <q-page class="px-3 py-6 md:p-8">
-        <div class="max-w-[1600px] mx-auto">
-          <slot />
+    <!-- Master Mobile Drawer (The Everything Hub) -->
+    <q-drawer
+      v-model="rightDrawerOpen"
+      side="right"
+      overlay
+      bordered
+      class="bg-white dark:!bg-[#0f172a]"
+      :width="300"
+    >
+      <div class="flex flex-col h-full bg-white dark:bg-[#0f172a]">
+        <!-- 1. Account Section -->
+        <div class="p-6 bg-slate-50/50 dark:bg-slate-800/30 border-b border-slate-100 dark:border-slate-800">
+          <div class="flex items-center justify-between mb-8">
+             <div class="flex items-center gap-3">
+               <div class="w-8 h-8 rounded-lg bg-blue-600 flex items-center justify-center text-white font-black">E</div>
+               <span class="font-black text-lg text-slate-900 dark:text-white">E-Learning</span>
+            </div>
+            <q-btn flat round dense icon="close" class="text-slate-400" @click="rightDrawerOpen = false" />
+          </div>
+
+          <div class="flex items-center gap-4 py-2">
+            <q-avatar size="64px" class="shadow-lg border-2 border-white dark:border-slate-700">
+              <img :src="currentUser?.photoURL || 'https://cdn.quasar.dev/img/avatar.png'" />
+            </q-avatar>
+            <div class="overflow-hidden">
+              <p class="font-bold text-slate-900 dark:text-white mb-0 truncate text-lg">
+                {{ currentUser?.firstName || 'Guest' }} {{ currentUser?.lastName || '' }}
+              </p>
+              <p class="text-xs text-slate-500 dark:text-slate-400 truncate">{{ currentUser?.email || 'e-learning@platform.com' }}</p>
+            </div>
+          </div>
         </div>
+
+        <!-- 2. Integrated Content Hub -->
+        <div class="flex-grow overflow-y-auto pt-4">
+          <q-list padding class="text-slate-600 dark:text-slate-300">
+            <!-- Navigation -->
+            <q-item-label header class="text-[11px] font-black tracking-[0.2em] text-slate-400 uppercase px-6 pb-2">เมนูหลัก</q-item-label>
+            
+            <q-item to="/dashboard" clickable v-ripple class="px-6 py-4" active-class="bg-blue-50 text-blue-600 dark:bg-blue-900/20 dark:text-blue-400 font-bold" @click="rightDrawerOpen = false">
+              <q-item-section avatar><q-icon name="dashboard" size="24px" /></q-item-section>
+              <q-item-section><span class="text-[15px] font-bold">{{ $t("sidebar.overview") }}</span></q-item-section>
+            </q-item>
+            
+            <q-item to="/browse/discovery" clickable v-ripple class="px-6 py-4" active-class="bg-blue-50 text-blue-600 dark:bg-blue-900/20 dark:text-blue-400 font-bold" @click="rightDrawerOpen = false">
+              <q-item-section avatar><q-icon name="explore" size="24px" /></q-item-section>
+              <q-item-section><span class="text-[15px] font-bold">{{ $t("landing.allCourses") }}</span></q-item-section>
+            </q-item>
+            
+            <q-item to="/dashboard/my-courses" clickable v-ripple class="px-6 py-4" active-class="bg-blue-50 text-blue-600 dark:bg-blue-900/20 dark:text-blue-400 font-bold" @click="rightDrawerOpen = false">
+              <q-item-section avatar><q-icon name="school" size="24px" /></q-item-section>
+              <q-item-section><span class="text-[15px] font-bold">{{ $t("sidebar.myCourses") || 'คอร์สเรียนของฉัน' }}</span></q-item-section>
+            </q-item>
+
+            <q-separator class="my-4 mx-6 opacity-50" />
+
+            <!-- Tools & Settings -->
+            <q-item-label header class="text-[11px] font-black tracking-[0.2em] text-slate-400 uppercase px-6 pb-2">เครื่องมือและการตั้งค่า</q-item-label>
+            
+            <!-- Language Selection -->
+            <q-item class="px-6 py-2">
+              <q-item-section avatar><q-icon name="language" size="22px" /></q-item-section>
+              <q-item-section>
+                <div class="flex items-center justify-between">
+                  <span class="font-bold text-[14px]">ภาษา</span>
+                  <LanguageSwitcher dense />
+                </div>
+              </q-item-section>
+            </q-item>
+
+            <!-- Dark Mode Toggle -->
+            <q-item class="px-6 py-2">
+              <q-item-section avatar><q-icon :name="isDark ? 'dark_mode' : 'light_mode'" size="22px" /></q-item-section>
+              <q-item-section>
+                <div class="flex items-center justify-between">
+                  <span class="font-bold text-[14px]">โหมดกลางคืน</span>
+                  <q-toggle
+                    :model-value="isDark"
+                    @update:model-value="setTheme"
+                    color="blue"
+                  />
+                </div>
+              </q-item-section>
+            </q-item>
+
+            <q-item clickable v-ripple @click="navigateTo('/dashboard/profile'); rightDrawerOpen = false" class="px-6 py-4">
+              <q-item-section avatar><q-icon name="person_outline" size="24px" /></q-item-section>
+              <q-item-section><span class="font-bold text-[15px]">จัดการโปรไฟล์</span></q-item-section>
+            </q-item>
+          </q-list>
+        </div>
+
+        <!-- 3. Bottom Actions -->
+        <div class="p-6 mt-auto border-t border-slate-100 dark:border-slate-800">
+          <q-btn
+            unelevated
+            class="full-width rounded-xl bg-red-50 text-red-600 dark:bg-red-900/20 dark:text-red-400 font-bold py-3 no-caps transition-all active:scale-95"
+            @click="logout"
+          >
+            <q-icon name="logout" size="20px" class="mr-2" />
+            ออกจากระบบ
+          </q-btn>
+          <div class="text-center mt-6">
+            <span class="text-[10px] font-bold uppercase tracking-[0.2em] text-slate-300 dark:text-slate-600">E-Learning Platform v1.0</span>
+          </div>
+        </div>
+      </div>
+    </q-drawer>
+
+    <!-- Main Content -->
+    <q-page-container>
+      <q-page class="relative">
+        <slot />
       </q-page>
     </q-page-container>
 
+
   </q-layout>
 </template>
 
 <style>
-/* Global Layout Adjustments */
-.q-drawer--bordered {
-  border-right: 1px solid rgba(0,0,0,0.05) !important;
-}
-.dark .q-drawer--bordered {
-  border-right: 1px solid rgba(255,255,255,0.05) !important;
+/* Ensure fonts are applied */
+.font-inter {
+  font-family: var(--font-main);
 }
 </style>
diff --git a/Frontend-Learner/layouts/landing.vue b/Frontend-Learner/layouts/landing.vue
index 0969f278..75e90c7e 100644
--- a/Frontend-Learner/layouts/landing.vue
+++ b/Frontend-Learner/layouts/landing.vue
@@ -23,20 +23,20 @@ onMounted(() => {
   <q-layout view="lHh LpR lFf" class="bg-white text-slate-900">
 
     
-    <!-- ส่วนหัวของเพจ (แบบโปร่งใส และซ้อนทับให้โชว์เนื้อหาพื้นหลังได้) -->
+    <!-- Header (Transparent & Overlay) -->
     <q-header class="bg-transparent" style="height: auto;">
       <LandingHeader />
     </q-header>
 
-    <!-- ส่วนเนื้อหาหลัก -->
-    <!-- แทรก style padding-top: 0 บังคับให้เนื้อหาใต้ Header ชนชิดด้านบนสุด (ทำเป็น Hero section สวยๆ) -->
+    <!-- Main Content -->
+    <!-- padding-top: 0 forces content to go under the header (Hero effect) -->
     <q-page-container style="padding-top: 0 !important;">
       <q-page>
         <slot />
       </q-page>
     </q-page-container>
 
-    <!-- ส่วนท้ายของเพจ -->
+    <!-- Footer -->
     <LandingFooter />
 
 
diff --git a/Frontend-Learner/nuxt.config.ts b/Frontend-Learner/nuxt.config.ts
index e0617f89..239a3627 100644
--- a/Frontend-Learner/nuxt.config.ts
+++ b/Frontend-Learner/nuxt.config.ts
@@ -33,11 +33,8 @@ export default defineNuxtConfig({
 
   // การตั้งค่า Quasar Framework
   quasar: {
-    iconSet: 'material-icons-outlined',
     extras: {
-      fontIcons: [
-        "material-icons", 
-        "material-icons-outlined"] // ใช้ไอคอน Material Icons, material-icons-outlined
+      fontIcons: ["material-icons"],
     },
     plugins: ["Notify", "Dialog"], // เปิดใช้ Plugin Notify และ Dialog
     config: {
diff --git a/Frontend-Learner/package-lock.json b/Frontend-Learner/package-lock.json
index 4736d625..311492c7 100644
--- a/Frontend-Learner/package-lock.json
+++ b/Frontend-Learner/package-lock.json
@@ -17,24 +17,12 @@
       },
       "devDependencies": {
         "@nuxt/eslint-config": "^1.12.1",
-        "@nuxt/test-utils": "^4.0.0",
         "@nuxtjs/i18n": "^10.2.1",
-        "@playwright/test": "^1.58.2",
         "@types/node": "^22.19.8",
-        "@vue/test-utils": "^2.4.6",
         "eslint": "^9.39.2",
-        "jsdom": "^28.1.0",
-        "typescript": "^5.4.5",
-        "vitest": "^4.0.18"
+        "typescript": "^5.4.5"
       }
     },
-    "node_modules/@acemir/cssom": {
-      "version": "0.9.31",
-      "resolved": "https://registry.npmjs.org/@acemir/cssom/-/cssom-0.9.31.tgz",
-      "integrity": "sha512-ZnR3GSaH+/vJ0YlHau21FjfLYjMpYVIzTD8M8vIEQvIGxeOXyXdzCI140rrCY862p/C/BbzWsjc1dgnM9mkoTA==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@alloc/quick-lru": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
@@ -61,64 +49,6 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
-    "node_modules/@asamuzakjp/css-color": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-5.0.1.tgz",
-      "integrity": "sha512-2SZFvqMyvboVV1d15lMf7XiI3m7SDqXUuKaTymJYLN6dSGadqp+fVojqJlVoMlbZnlTmu3S0TLwLTJpvBMO1Aw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@csstools/css-calc": "^3.1.1",
-        "@csstools/css-color-parser": "^4.0.2",
-        "@csstools/css-parser-algorithms": "^4.0.0",
-        "@csstools/css-tokenizer": "^4.0.0",
-        "lru-cache": "^11.2.6"
-      },
-      "engines": {
-        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
-      }
-    },
-    "node_modules/@asamuzakjp/css-color/node_modules/lru-cache": {
-      "version": "11.2.6",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz",
-      "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "engines": {
-        "node": "20 || >=22"
-      }
-    },
-    "node_modules/@asamuzakjp/dom-selector": {
-      "version": "6.8.1",
-      "resolved": "https://registry.npmjs.org/@asamuzakjp/dom-selector/-/dom-selector-6.8.1.tgz",
-      "integrity": "sha512-MvRz1nCqW0fsy8Qz4dnLIvhOlMzqDVBabZx6lH+YywFDdjXhMY37SmpV1XFX3JzG5GWHn63j6HX6QPr3lZXHvQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@asamuzakjp/nwsapi": "^2.3.9",
-        "bidi-js": "^1.0.3",
-        "css-tree": "^3.1.0",
-        "is-potential-custom-element-name": "^1.0.1",
-        "lru-cache": "^11.2.6"
-      }
-    },
-    "node_modules/@asamuzakjp/dom-selector/node_modules/lru-cache": {
-      "version": "11.2.6",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz",
-      "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "engines": {
-        "node": "20 || >=22"
-      }
-    },
-    "node_modules/@asamuzakjp/nwsapi": {
-      "version": "2.3.9",
-      "resolved": "https://registry.npmjs.org/@asamuzakjp/nwsapi/-/nwsapi-2.3.9.tgz",
-      "integrity": "sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@babel/code-frame": {
       "version": "7.27.1",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
@@ -409,12 +339,12 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz",
-      "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.5.tgz",
+      "integrity": "sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==",
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.29.0"
+        "@babel/types": "^7.28.5"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -505,9 +435,9 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
-      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz",
+      "integrity": "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-string-parser": "^7.27.1",
@@ -542,19 +472,6 @@
         }
       }
     },
-    "node_modules/@bramus/specificity": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/@bramus/specificity/-/specificity-2.4.2.tgz",
-      "integrity": "sha512-ctxtJ/eA+t+6q2++vj5j7FYX3nRu311q1wfYH3xjlLOsczhlhxAg2FWNUXhpGvAw3BWo1xBcvOV6/YLc2r5FJw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "css-tree": "^3.0.0"
-      },
-      "bin": {
-        "specificity": "bin/cli.js"
-      }
-    },
     "node_modules/@clack/core": {
       "version": "1.0.0-alpha.7",
       "resolved": "https://registry.npmjs.org/@clack/core/-/core-1.0.0-alpha.7.tgz",
@@ -600,140 +517,6 @@
         "node": ">=10.0.0"
       }
     },
-    "node_modules/@csstools/color-helpers": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-6.0.2.tgz",
-      "integrity": "sha512-LMGQLS9EuADloEFkcTBR3BwV/CGHV7zyDxVRtVDTwdI2Ca4it0CCVTT9wCkxSgokjE5Ho41hEPgb8OEUwoXr6Q==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "license": "MIT-0",
-      "engines": {
-        "node": ">=20.19.0"
-      }
-    },
-    "node_modules/@csstools/css-calc": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-3.1.1.tgz",
-      "integrity": "sha512-HJ26Z/vmsZQqs/o3a6bgKslXGFAungXGbinULZO3eMsOyNJHeBBZfup5FiZInOghgoM4Hwnmw+OgbJCNg1wwUQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "license": "MIT",
-      "engines": {
-        "node": ">=20.19.0"
-      },
-      "peerDependencies": {
-        "@csstools/css-parser-algorithms": "^4.0.0",
-        "@csstools/css-tokenizer": "^4.0.0"
-      }
-    },
-    "node_modules/@csstools/css-color-parser": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-4.0.2.tgz",
-      "integrity": "sha512-0GEfbBLmTFf0dJlpsNU7zwxRIH0/BGEMuXLTCvFYxuL1tNhqzTbtnFICyJLTNK4a+RechKP75e7w42ClXSnJQw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "@csstools/color-helpers": "^6.0.2",
-        "@csstools/css-calc": "^3.1.1"
-      },
-      "engines": {
-        "node": ">=20.19.0"
-      },
-      "peerDependencies": {
-        "@csstools/css-parser-algorithms": "^4.0.0",
-        "@csstools/css-tokenizer": "^4.0.0"
-      }
-    },
-    "node_modules/@csstools/css-parser-algorithms": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-4.0.0.tgz",
-      "integrity": "sha512-+B87qS7fIG3L5h3qwJ/IFbjoVoOe/bpOdh9hAjXbvx0o8ImEmUsGXN0inFOnk2ChCFgqkkGFQ+TpM5rbhkKe4w==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": ">=20.19.0"
-      },
-      "peerDependencies": {
-        "@csstools/css-tokenizer": "^4.0.0"
-      }
-    },
-    "node_modules/@csstools/css-syntax-patches-for-csstree": {
-      "version": "1.0.28",
-      "resolved": "https://registry.npmjs.org/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.0.28.tgz",
-      "integrity": "sha512-1NRf1CUBjnr3K7hu8BLxjQrKCxEe8FP/xmPTenAxCRZWVLbmGotkFvG9mfNpjA6k7Bw1bw4BilZq9cu19RA5pg==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "license": "MIT-0"
-    },
-    "node_modules/@csstools/css-tokenizer": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-4.0.0.tgz",
-      "integrity": "sha512-QxULHAm7cNu72w97JUNCBFODFaXpbDg+dP8b/oWFAZ2MTRppA3U00Y2L1HqaS4J6yBqxwa/Y3nMBaxVKbB/NsA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        }
-      ],
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": ">=20.19.0"
-      }
-    },
     "node_modules/@csstools/selector-resolve-nested": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/@csstools/selector-resolve-nested/-/selector-resolve-nested-3.1.0.tgz",
@@ -1597,24 +1380,6 @@
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
-    "node_modules/@exodus/bytes": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/@exodus/bytes/-/bytes-1.14.1.tgz",
-      "integrity": "sha512-OhkBFWI6GcRMUroChZiopRiSp2iAMvEBK47NhJooDqz1RERO4QuZIZnjP63TXX8GAiLABkYmX+fuQsdJ1dd2QQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
-      },
-      "peerDependencies": {
-        "@noble/hashes": "^1.8.0 || ^2.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@noble/hashes": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@heroicons/vue": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/@heroicons/vue/-/vue-2.2.0.tgz",
@@ -3041,233 +2806,6 @@
         "url": "https://dotenvx.com"
       }
     },
-    "node_modules/@nuxt/test-utils": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@nuxt/test-utils/-/test-utils-4.0.0.tgz",
-      "integrity": "sha512-QJfyCiqYxflUKA5xlEGuXdDApTBhJxoPXxYePIDtA90hkmKbhYs/mrMM+Bi9LiUrI/cCJOPRyIx9jOzhMvTIgg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@clack/prompts": "1.0.0",
-        "@nuxt/devtools-kit": "^2.7.0",
-        "@nuxt/kit": "^3.21.0",
-        "c12": "^3.3.3",
-        "consola": "^3.4.2",
-        "defu": "^6.1.4",
-        "destr": "^2.0.5",
-        "estree-walker": "^3.0.3",
-        "exsolve": "^1.0.8",
-        "fake-indexeddb": "^6.2.5",
-        "get-port-please": "^3.2.0",
-        "h3": "^1.15.5",
-        "h3-next": "npm:h3@2.0.1-rc.11",
-        "local-pkg": "^1.1.2",
-        "magic-string": "^0.30.21",
-        "node-fetch-native": "^1.6.7",
-        "node-mock-http": "^1.0.4",
-        "nypm": "^0.6.4",
-        "ofetch": "^1.5.1",
-        "pathe": "^2.0.3",
-        "perfect-debounce": "^2.1.0",
-        "radix3": "^1.1.2",
-        "scule": "^1.3.0",
-        "std-env": "^3.10.0",
-        "tinyexec": "^1.0.2",
-        "ufo": "^1.6.3",
-        "unplugin": "^3.0.0",
-        "vitest-environment-nuxt": "^1.0.1",
-        "vue": "^3.5.27"
-      },
-      "engines": {
-        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
-      },
-      "peerDependencies": {
-        "@cucumber/cucumber": ">=11.0.0",
-        "@jest/globals": ">=30.0.0",
-        "@playwright/test": "^1.43.1",
-        "@testing-library/vue": "^8.0.1",
-        "@vue/test-utils": "^2.4.2",
-        "happy-dom": ">=20.0.11",
-        "jsdom": ">=27.4.0",
-        "playwright-core": "^1.43.1",
-        "vitest": "^4.0.2"
-      },
-      "peerDependenciesMeta": {
-        "@cucumber/cucumber": {
-          "optional": true
-        },
-        "@jest/globals": {
-          "optional": true
-        },
-        "@playwright/test": {
-          "optional": true
-        },
-        "@testing-library/vue": {
-          "optional": true
-        },
-        "@vitest/ui": {
-          "optional": true
-        },
-        "@vue/test-utils": {
-          "optional": true
-        },
-        "happy-dom": {
-          "optional": true
-        },
-        "jsdom": {
-          "optional": true
-        },
-        "playwright-core": {
-          "optional": true
-        },
-        "vitest": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@nuxt/test-utils/node_modules/@clack/core": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@clack/core/-/core-1.0.0.tgz",
-      "integrity": "sha512-Orf9Ltr5NeiEuVJS8Rk2XTw3IxNC2Bic3ash7GgYeA8LJ/zmSNpSQ/m5UAhe03lA6KFgklzZ5KTHs4OAMA/SAQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "picocolors": "^1.0.0",
-        "sisteransi": "^1.0.5"
-      }
-    },
-    "node_modules/@nuxt/test-utils/node_modules/@clack/prompts": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@clack/prompts/-/prompts-1.0.0.tgz",
-      "integrity": "sha512-rWPXg9UaCFqErJVQ+MecOaWsozjaxol4yjnmYcGNipAWzdaWa2x+VJmKfGq7L0APwBohQOYdHC+9RO4qRXej+A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@clack/core": "1.0.0",
-        "picocolors": "^1.0.0",
-        "sisteransi": "^1.0.5"
-      }
-    },
-    "node_modules/@nuxt/test-utils/node_modules/@nuxt/devtools-kit": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@nuxt/devtools-kit/-/devtools-kit-2.7.0.tgz",
-      "integrity": "sha512-MIJdah6CF6YOW2GhfKnb8Sivu6HpcQheqdjOlZqShBr+1DyjtKQbAKSCAyKPaoIzZP4QOo2SmTFV6aN8jBeEIQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@nuxt/kit": "^3.19.3",
-        "execa": "^8.0.1"
-      },
-      "peerDependencies": {
-        "vite": ">=6.0"
-      }
-    },
-    "node_modules/@nuxt/test-utils/node_modules/@nuxt/kit": {
-      "version": "3.21.1",
-      "resolved": "https://registry.npmjs.org/@nuxt/kit/-/kit-3.21.1.tgz",
-      "integrity": "sha512-QORZRjcuTKgo++XP1Pc2c2gqwRydkaExrIRfRI9vFsPA3AzuHVn5Gfmbv1ic8y34e78mr5DMBvJlelUaeOuajg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "c12": "^3.3.3",
-        "consola": "^3.4.2",
-        "defu": "^6.1.4",
-        "destr": "^2.0.5",
-        "errx": "^0.1.0",
-        "exsolve": "^1.0.8",
-        "ignore": "^7.0.5",
-        "jiti": "^2.6.1",
-        "klona": "^2.0.6",
-        "knitwork": "^1.3.0",
-        "mlly": "^1.8.0",
-        "ohash": "^2.0.11",
-        "pathe": "^2.0.3",
-        "pkg-types": "^2.3.0",
-        "rc9": "^3.0.0",
-        "scule": "^1.3.0",
-        "semver": "^7.7.4",
-        "tinyglobby": "^0.2.15",
-        "ufo": "^1.6.3",
-        "unctx": "^2.5.0",
-        "untyped": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=18.12.0"
-      }
-    },
-    "node_modules/@nuxt/test-utils/node_modules/estree-walker": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
-      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "^1.0.0"
-      }
-    },
-    "node_modules/@nuxt/test-utils/node_modules/h3-next": {
-      "name": "h3",
-      "version": "2.0.1-rc.11",
-      "resolved": "https://registry.npmjs.org/h3/-/h3-2.0.1-rc.11.tgz",
-      "integrity": "sha512-2myzjCqy32c1As9TjZW9fNZXtLqNedjFSrdFy2AjFBQQ3LzrnGoDdFDYfC0tV2e4vcyfJ2Sfo/F6NQhO2Ly/Mw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "rou3": "^0.7.12",
-        "srvx": "^0.10.1"
-      },
-      "engines": {
-        "node": ">=20.11.1"
-      },
-      "peerDependencies": {
-        "crossws": "^0.4.1"
-      },
-      "peerDependenciesMeta": {
-        "crossws": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@nuxt/test-utils/node_modules/rc9": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/rc9/-/rc9-3.0.0.tgz",
-      "integrity": "sha512-MGOue0VqscKWQ104udASX/3GYDcKyPI4j4F8gu/jHHzglpmy9a/anZK3PNe8ug6aZFl+9GxLtdhe3kVZuMaQbA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "defu": "^6.1.4",
-        "destr": "^2.0.5"
-      }
-    },
-    "node_modules/@nuxt/test-utils/node_modules/srvx": {
-      "version": "0.10.1",
-      "resolved": "https://registry.npmjs.org/srvx/-/srvx-0.10.1.tgz",
-      "integrity": "sha512-A//xtfak4eESMWWydSRFUVvCTQbSwivnGCEf8YGPe2eHU0+Z6znfUTCPF0a7oV3sObSOcrXHlL6Bs9vVctfXdg==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "bin": {
-        "srvx": "bin/srvx.mjs"
-      },
-      "engines": {
-        "node": ">=20.16.0"
-      }
-    },
-    "node_modules/@nuxt/test-utils/node_modules/unplugin": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-3.0.0.tgz",
-      "integrity": "sha512-0Mqk3AT2TZCXWKdcoaufeXNukv2mTrEZExeXlHIOZXdqYoHHr4n51pymnwV8x2BOVxwXbK2HLlI7usrqMpycdg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/remapping": "^2.3.5",
-        "picomatch": "^4.0.3",
-        "webpack-virtual-modules": "^0.6.2"
-      },
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
     "node_modules/@nuxt/vite-builder": {
       "version": "3.20.2",
       "resolved": "https://registry.npmjs.org/@nuxt/vite-builder/-/vite-builder-3.20.2.tgz",
@@ -4066,13 +3604,6 @@
         "unctx": "^2.4.1"
       }
     },
-    "node_modules/@one-ini/wasm": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/@one-ini/wasm/-/wasm-0.1.1.tgz",
-      "integrity": "sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@oxc-minify/binding-android-arm64": {
       "version": "0.102.0",
       "resolved": "https://registry.npmjs.org/@oxc-minify/binding-android-arm64/-/binding-android-arm64-0.102.0.tgz",
@@ -5167,23 +4698,6 @@
         "node": ">=14"
       }
     },
-    "node_modules/@playwright/test": {
-      "version": "1.58.2",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.58.2.tgz",
-      "integrity": "sha512-akea+6bHYBBfA9uQqSYmlJXn61cTa+jbO87xVLCWbTqbWadRVmhxlXATaOjOgcBaWU4ePo0wB41KMFv3o35IXA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "peer": true,
-      "dependencies": {
-        "playwright": "1.58.2"
-      },
-      "bin": {
-        "playwright": "cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/@polka/url": {
       "version": "1.0.0-next.29",
       "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
@@ -5780,13 +5294,6 @@
       "integrity": "sha512-G4ewlBNhUtlLvrJTb88d2mdy2KRijzs4UhnlrOSRT4bmjh/IqNElZa3zkrZ+TC47TwtlDWzVLFADljF1Ijp5hA==",
       "license": "CC0-1.0"
     },
-    "node_modules/@standard-schema/spec": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
-      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@stylistic/eslint-plugin": {
       "version": "5.7.0",
       "resolved": "https://registry.npmjs.org/@stylistic/eslint-plugin/-/eslint-plugin-5.7.0.tgz",
@@ -5819,24 +5326,6 @@
         "tslib": "^2.4.0"
       }
     },
-    "node_modules/@types/chai": {
-      "version": "5.2.3",
-      "resolved": "https://registry.npmjs.org/@types/chai/-/chai-5.2.3.tgz",
-      "integrity": "sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/deep-eql": "*",
-        "assertion-error": "^2.0.1"
-      }
-    },
-    "node_modules/@types/deep-eql": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/@types/deep-eql/-/deep-eql-4.0.2.tgz",
-      "integrity": "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@types/estree": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
@@ -6473,127 +5962,6 @@
       "integrity": "sha512-qWhDs6yFGR5xDfdrwiSa3CWGIHxD597uGE/A9xGqytBjANvh4rLCTTkq7szhMV4+Ygh+PMS90KVJ8xWG/TkX4w==",
       "license": "MIT"
     },
-    "node_modules/@vitest/expect": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-4.0.18.tgz",
-      "integrity": "sha512-8sCWUyckXXYvx4opfzVY03EOiYVxyNrHS5QxX3DAIi5dpJAAkyJezHCP77VMX4HKA2LDT/Jpfo8i2r5BE3GnQQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@standard-schema/spec": "^1.0.0",
-        "@types/chai": "^5.2.2",
-        "@vitest/spy": "4.0.18",
-        "@vitest/utils": "4.0.18",
-        "chai": "^6.2.1",
-        "tinyrainbow": "^3.0.3"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/mocker": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-4.0.18.tgz",
-      "integrity": "sha512-HhVd0MDnzzsgevnOWCBj5Otnzobjy5wLBe4EdeeFGv8luMsGcYqDuFRMcttKWZA5vVO8RFjexVovXvAM4JoJDQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/spy": "4.0.18",
-        "estree-walker": "^3.0.3",
-        "magic-string": "^0.30.21"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      },
-      "peerDependencies": {
-        "msw": "^2.4.9",
-        "vite": "^6.0.0 || ^7.0.0-0"
-      },
-      "peerDependenciesMeta": {
-        "msw": {
-          "optional": true
-        },
-        "vite": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vitest/mocker/node_modules/estree-walker": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
-      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "^1.0.0"
-      }
-    },
-    "node_modules/@vitest/pretty-format": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-4.0.18.tgz",
-      "integrity": "sha512-P24GK3GulZWC5tz87ux0m8OADrQIUVDPIjjj65vBXYG17ZeU3qD7r+MNZ1RNv4l8CGU2vtTRqixrOi9fYk/yKw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tinyrainbow": "^3.0.3"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/runner": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-4.0.18.tgz",
-      "integrity": "sha512-rpk9y12PGa22Jg6g5M3UVVnTS7+zycIGk9ZNGN+m6tZHKQb7jrP7/77WfZy13Y/EUDd52NDsLRQhYKtv7XfPQw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/utils": "4.0.18",
-        "pathe": "^2.0.3"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/snapshot": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-4.0.18.tgz",
-      "integrity": "sha512-PCiV0rcl7jKQjbgYqjtakly6T1uwv/5BQ9SwBLekVg/EaYeQFPiXcgrC2Y7vDMA8dM1SUEAEV82kgSQIlXNMvA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/pretty-format": "4.0.18",
-        "magic-string": "^0.30.21",
-        "pathe": "^2.0.3"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/spy": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-4.0.18.tgz",
-      "integrity": "sha512-cbQt3PTSD7P2OARdVW3qWER5EGq7PHlvE+QfzSC0lbwO+xnt7+XH06ZzFjFRgzUX//JmpxrCu92VdwvEPlWSNw==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/utils": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-4.0.18.tgz",
-      "integrity": "sha512-msMRKLMVLWygpK3u2Hybgi4MNjcYJvwTb0Ru09+fOyCXIgT5raYP041DRRdiJiI3k/2U6SEbAETB3YtBrUkCFA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/pretty-format": "4.0.18",
-        "tinyrainbow": "^3.0.3"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
     "node_modules/@volar/language-core": {
       "version": "2.4.27",
       "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.27.tgz",
@@ -6703,40 +6071,40 @@
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.5.29",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.29.tgz",
-      "integrity": "sha512-cuzPhD8fwRHk8IGfmYaR4eEe4cAyJEL66Ove/WZL7yWNL134nqLddSLwNRIsFlnnW1kK+p8Ck3viFnC0chXCXw==",
+      "version": "3.5.26",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.26.tgz",
+      "integrity": "sha512-vXyI5GMfuoBCnv5ucIT7jhHKl55Y477yxP6fc4eUswjP8FG3FFVFd41eNDArR+Uk3QKn2Z85NavjaxLxOC19/w==",
       "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.29.0",
-        "@vue/shared": "3.5.29",
-        "entities": "^7.0.1",
+        "@babel/parser": "^7.28.5",
+        "@vue/shared": "3.5.26",
+        "entities": "^7.0.0",
         "estree-walker": "^2.0.2",
         "source-map-js": "^1.2.1"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.5.29",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.29.tgz",
-      "integrity": "sha512-n0G5o7R3uBVmVxjTIYcz7ovr8sy7QObFG8OQJ3xGCDNhbG60biP/P5KnyY8NLd81OuT1WJflG7N4KWYHaeeaIg==",
+      "version": "3.5.26",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.26.tgz",
+      "integrity": "sha512-y1Tcd3eXs834QjswshSilCBnKGeQjQXB6PqFn/1nxcQw4pmG42G8lwz+FZPAZAby6gZeHSt/8LMPfZ4Rb+Bd/A==",
       "license": "MIT",
       "dependencies": {
-        "@vue/compiler-core": "3.5.29",
-        "@vue/shared": "3.5.29"
+        "@vue/compiler-core": "3.5.26",
+        "@vue/shared": "3.5.26"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.5.29",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.29.tgz",
-      "integrity": "sha512-oJZhN5XJs35Gzr50E82jg2cYdZQ78wEwvRO6Y63TvLVTc+6xICzJHP1UIecdSPPYIbkautNBanDiWYa64QSFIA==",
+      "version": "3.5.26",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.26.tgz",
+      "integrity": "sha512-egp69qDTSEZcf4bGOSsprUr4xI73wfrY5oRs6GSgXFTiHrWj4Y3X5Ydtip9QMqiCMCPVwLglB9GBxXtTadJ3mA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@babel/parser": "^7.29.0",
-        "@vue/compiler-core": "3.5.29",
-        "@vue/compiler-dom": "3.5.29",
-        "@vue/compiler-ssr": "3.5.29",
-        "@vue/shared": "3.5.29",
+        "@babel/parser": "^7.28.5",
+        "@vue/compiler-core": "3.5.26",
+        "@vue/compiler-dom": "3.5.26",
+        "@vue/compiler-ssr": "3.5.26",
+        "@vue/shared": "3.5.26",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.30.21",
         "postcss": "^8.5.6",
@@ -6744,13 +6112,13 @@
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.5.29",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.29.tgz",
-      "integrity": "sha512-Y/ARJZE6fpjzL5GH/phJmsFwx3g6t2KmHKHx5q+MLl2kencADKIrhH5MLF6HHpRMmlRAYBRSvv347Mepf1zVNw==",
+      "version": "3.5.26",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.26.tgz",
+      "integrity": "sha512-lZT9/Y0nSIRUPVvapFJEVDbEXruZh2IYHMk2zTtEgJSlP5gVOqeWXH54xDKAaFS4rTnDeDBQUYDtxKyoW9FwDw==",
       "license": "MIT",
       "dependencies": {
-        "@vue/compiler-dom": "3.5.29",
-        "@vue/shared": "3.5.29"
+        "@vue/compiler-dom": "3.5.26",
+        "@vue/shared": "3.5.26"
       }
     },
     "node_modules/@vue/devtools-api": {
@@ -6816,67 +6184,55 @@
       }
     },
     "node_modules/@vue/reactivity": {
-      "version": "3.5.29",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.29.tgz",
-      "integrity": "sha512-zcrANcrRdcLtmGZETBxWqIkoQei8HaFpZWx/GHKxx79JZsiZ8j1du0VUJtu4eJjgFvU/iKL5lRXFXksVmI+5DA==",
+      "version": "3.5.26",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.26.tgz",
+      "integrity": "sha512-9EnYB1/DIiUYYnzlnUBgwU32NNvLp/nhxLXeWRhHUEeWNTn1ECxX8aGO7RTXeX6PPcxe3LLuNBFoJbV4QZ+CFQ==",
       "license": "MIT",
       "dependencies": {
-        "@vue/shared": "3.5.29"
+        "@vue/shared": "3.5.26"
       }
     },
     "node_modules/@vue/runtime-core": {
-      "version": "3.5.29",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.29.tgz",
-      "integrity": "sha512-8DpW2QfdwIWOLqtsNcds4s+QgwSaHSJY/SUe04LptianUQ/0xi6KVsu/pYVh+HO3NTVvVJjIPL2t6GdeKbS4Lg==",
+      "version": "3.5.26",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.26.tgz",
+      "integrity": "sha512-xJWM9KH1kd201w5DvMDOwDHYhrdPTrAatn56oB/LRG4plEQeZRQLw0Bpwih9KYoqmzaxF0OKSn6swzYi84e1/Q==",
       "license": "MIT",
       "dependencies": {
-        "@vue/reactivity": "3.5.29",
-        "@vue/shared": "3.5.29"
+        "@vue/reactivity": "3.5.26",
+        "@vue/shared": "3.5.26"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.5.29",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.29.tgz",
-      "integrity": "sha512-AHvvJEtcY9tw/uk+s/YRLSlxxQnqnAkjqvK25ZiM4CllCZWzElRAoQnCM42m9AHRLNJ6oe2kC5DCgD4AUdlvXg==",
+      "version": "3.5.26",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.26.tgz",
+      "integrity": "sha512-XLLd/+4sPC2ZkN/6+V4O4gjJu6kSDbHAChvsyWgm1oGbdSO3efvGYnm25yCjtFm/K7rrSDvSfPDgN1pHgS4VNQ==",
       "license": "MIT",
       "dependencies": {
-        "@vue/reactivity": "3.5.29",
-        "@vue/runtime-core": "3.5.29",
-        "@vue/shared": "3.5.29",
+        "@vue/reactivity": "3.5.26",
+        "@vue/runtime-core": "3.5.26",
+        "@vue/shared": "3.5.26",
         "csstype": "^3.2.3"
       }
     },
     "node_modules/@vue/server-renderer": {
-      "version": "3.5.29",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.29.tgz",
-      "integrity": "sha512-G/1k6WK5MusLlbxSE2YTcqAAezS+VuwHhOvLx2KnQU7G2zCH6KIb+5Wyt6UjMq7a3qPzNEjJXs1hvAxDclQH+g==",
+      "version": "3.5.26",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.26.tgz",
+      "integrity": "sha512-TYKLXmrwWKSodyVuO1WAubucd+1XlLg4set0YoV+Hu8Lo79mp/YMwWV5mC5FgtsDxX3qo1ONrxFaTP1OQgy1uA==",
       "license": "MIT",
       "dependencies": {
-        "@vue/compiler-ssr": "3.5.29",
-        "@vue/shared": "3.5.29"
+        "@vue/compiler-ssr": "3.5.26",
+        "@vue/shared": "3.5.26"
       },
       "peerDependencies": {
-        "vue": "3.5.29"
+        "vue": "3.5.26"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.5.29",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.29.tgz",
-      "integrity": "sha512-w7SR0A5zyRByL9XUkCfdLs7t9XOHUyJ67qPGQjOou3p6GvBeBW+AVjUUmlxtZ4PIYaRvE+1LmK44O4uajlZwcg==",
+      "version": "3.5.26",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.26.tgz",
+      "integrity": "sha512-7Z6/y3uFI5PRoKeorTOSXKcDj0MSasfNNltcslbFrPpcw6aXRUALq4IfJlaTRspiWIUOEZbrpM+iQGmCOiWe4A==",
       "license": "MIT"
     },
-    "node_modules/@vue/test-utils": {
-      "version": "2.4.6",
-      "resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.4.6.tgz",
-      "integrity": "sha512-FMxEjOpYNYiFe0GkaHsnJPXFHxQ6m4t8vI/ElPGpMWxZKpmRvQ33OIrvRXemy6yha03RxhOlQuy+gZMC3CQSow==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "js-beautify": "^1.14.9",
-        "vue-component-type-helpers": "^2.0.0"
-      }
-    },
     "node_modules/abbrev": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-3.0.1.tgz",
@@ -7134,16 +6490,6 @@
       "devOptional": true,
       "license": "Python-2.0"
     },
-    "node_modules/assertion-error": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
-      "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/ast-kit": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/ast-kit/-/ast-kit-2.2.0.tgz",
@@ -7296,16 +6642,6 @@
         "baseline-browser-mapping": "dist/cli.js"
       }
     },
-    "node_modules/bidi-js": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.0.3.tgz",
-      "integrity": "sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "require-from-string": "^2.0.2"
-      }
-    },
     "node_modules/binary-extensions": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
@@ -7616,16 +6952,6 @@
       ],
       "license": "CC-BY-4.0"
     },
-    "node_modules/chai": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/chai/-/chai-6.2.2.tgz",
-      "integrity": "sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -7916,24 +7242,6 @@
       "integrity": "sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==",
       "license": "MIT"
     },
-    "node_modules/config-chain": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
-      "integrity": "sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ini": "^1.3.4",
-        "proto-list": "~1.2.1"
-      }
-    },
-    "node_modules/config-chain/node_modules/ini": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/consola": {
       "version": "3.4.2",
       "resolved": "https://registry.npmjs.org/consola/-/consola-3.4.2.tgz",
@@ -8284,90 +7592,12 @@
       "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==",
       "license": "CC0-1.0"
     },
-    "node_modules/cssstyle": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-6.1.0.tgz",
-      "integrity": "sha512-Ml4fP2UT2K3CUBQnVlbdV/8aFDdlY69E+YnwJM+3VUWl08S3J8c8aRuJqCkD9Py8DHZ7zNNvsfKl8psocHZEFg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@asamuzakjp/css-color": "^5.0.0",
-        "@csstools/css-syntax-patches-for-csstree": "^1.0.28",
-        "css-tree": "^3.1.0",
-        "lru-cache": "^11.2.6"
-      },
-      "engines": {
-        "node": ">=20"
-      }
-    },
-    "node_modules/cssstyle/node_modules/lru-cache": {
-      "version": "11.2.6",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz",
-      "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "engines": {
-        "node": "20 || >=22"
-      }
-    },
     "node_modules/csstype": {
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
       "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
       "license": "MIT"
     },
-    "node_modules/data-urls": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-7.0.0.tgz",
-      "integrity": "sha512-23XHcCF+coGYevirZceTVD7NdJOqVn+49IHyxgszm+JIiHLoB2TkmPtsYkNWT1pvRSGkc35L6NHs0yHkN2SumA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "whatwg-mimetype": "^5.0.0",
-        "whatwg-url": "^16.0.0"
-      },
-      "engines": {
-        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
-      }
-    },
-    "node_modules/data-urls/node_modules/tr46": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-6.0.0.tgz",
-      "integrity": "sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "punycode": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=20"
-      }
-    },
-    "node_modules/data-urls/node_modules/webidl-conversions": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-8.0.1.tgz",
-      "integrity": "sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=20"
-      }
-    },
-    "node_modules/data-urls/node_modules/whatwg-url": {
-      "version": "16.0.1",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-16.0.1.tgz",
-      "integrity": "sha512-1to4zXBxmXHV3IiSSEInrreIlu02vUOvrhxJJH5vcxYTBDAx51cqZiKdyTxlecdKNSjj8EcxGBxNf6Vg+945gw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@exodus/bytes": "^1.11.0",
-        "tr46": "^6.0.0",
-        "webidl-conversions": "^8.0.1"
-      },
-      "engines": {
-        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
-      }
-    },
     "node_modules/db0": {
       "version": "0.3.4",
       "resolved": "https://registry.npmjs.org/db0/-/db0-0.3.4.tgz",
@@ -8419,13 +7649,6 @@
         }
       }
     },
-    "node_modules/decimal.js": {
-      "version": "10.6.0",
-      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
-      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/deep-equal": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.0.1.tgz",
@@ -8690,51 +7913,6 @@
       "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
       "license": "MIT"
     },
-    "node_modules/editorconfig": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-1.0.4.tgz",
-      "integrity": "sha512-L9Qe08KWTlqYMVvMcTIvMAdl1cDUubzRNYL+WfA4bLDMHe4nemKkpmYzkznE1FwLKu0EEmy6obgQKzMJrg4x9Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@one-ini/wasm": "0.1.1",
-        "commander": "^10.0.0",
-        "minimatch": "9.0.1",
-        "semver": "^7.5.3"
-      },
-      "bin": {
-        "editorconfig": "bin/editorconfig"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/editorconfig/node_modules/commander": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
-      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/editorconfig/node_modules/minimatch": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.1.tgz",
-      "integrity": "sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -8776,9 +7954,9 @@
       }
     },
     "node_modules/entities": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
-      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.0.tgz",
+      "integrity": "sha512-FDWG5cmEYf2Z00IkYRhbFrwIwvdFKH07uV8dvNy0omp/Qb1xcyCWp2UDtcwJF4QZZvk0sLudP6/hAu42TaqVhQ==",
       "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.12"
@@ -9543,16 +8721,6 @@
         "url": "https://github.com/sindresorhus/execa?sponsor=1"
       }
     },
-    "node_modules/expect-type": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.3.0.tgz",
-      "integrity": "sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
     "node_modules/exsolve": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/exsolve/-/exsolve-1.0.8.tgz",
@@ -9577,16 +8745,6 @@
       "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==",
       "license": "MIT"
     },
-    "node_modules/fake-indexeddb": {
-      "version": "6.2.5",
-      "resolved": "https://registry.npmjs.org/fake-indexeddb/-/fake-indexeddb-6.2.5.tgz",
-      "integrity": "sha512-CGnyrvbhPlWYMngksqrSSUT1BAVP49dZocrHuK0SvtR0D5TMs5wP0o3j7jexDJW01KSadjBp1M/71o/KR3nD1w==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -10083,9 +9241,9 @@
       }
     },
     "node_modules/h3": {
-      "version": "1.15.5",
-      "resolved": "https://registry.npmjs.org/h3/-/h3-1.15.5.tgz",
-      "integrity": "sha512-xEyq3rSl+dhGX2Lm0+eFQIAzlDN6Fs0EcC4f7BNUmzaRX/PTzeuM+Tr2lHB8FoXggsQIeXLj8EDVgs5ywxyxmg==",
+      "version": "1.15.4",
+      "resolved": "https://registry.npmjs.org/h3/-/h3-1.15.4.tgz",
+      "integrity": "sha512-z5cFQWDffyOe4vQ9xIqNfCZdV4p//vy6fBnr8Q1AWnVZ0teurKMG66rLj++TKwKPUP3u7iMUvrvKaEUiQw2QWQ==",
       "license": "MIT",
       "dependencies": {
         "cookie-es": "^1.2.2",
@@ -10093,9 +9251,9 @@
         "defu": "^6.1.4",
         "destr": "^2.0.5",
         "iron-webcrypto": "^1.2.1",
-        "node-mock-http": "^1.0.4",
+        "node-mock-http": "^1.0.2",
         "radix3": "^1.1.2",
-        "ufo": "^1.6.3",
+        "ufo": "^1.6.1",
         "uncrypto": "^0.1.3"
       }
     },
@@ -10153,19 +9311,6 @@
       "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==",
       "license": "MIT"
     },
-    "node_modules/html-encoding-sniffer": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-6.0.0.tgz",
-      "integrity": "sha512-CV9TW3Y3f8/wT0BRFc1/KAVQ3TUHiXmaAb6VW9vtiMFf7SLoMd1PdAc4W3KFOFETBJUb90KatHqlsZMWV+R9Gg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@exodus/bytes": "^1.6.0"
-      },
-      "engines": {
-        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
-      }
-    },
     "node_modules/html-entities": {
       "version": "2.6.0",
       "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.6.0.tgz",
@@ -10250,20 +9395,6 @@
         "url": "https://opencollective.com/express"
       }
     },
-    "node_modules/http-proxy-agent": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
-      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "agent-base": "^7.1.0",
-        "debug": "^4.3.4"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
     "node_modules/http-shutdown": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/http-shutdown/-/http-shutdown-1.2.2.tgz",
@@ -10639,13 +9770,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/is-potential-custom-element-name": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
-      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/is-reference": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz",
@@ -10776,64 +9900,6 @@
         "jiti": "lib/jiti-cli.mjs"
       }
     },
-    "node_modules/js-beautify": {
-      "version": "1.15.4",
-      "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.15.4.tgz",
-      "integrity": "sha512-9/KXeZUKKJwqCXUdBxFJ3vPh467OCckSBmYDwSK/EtV090K+iMJ7zx2S3HLVDIWFQdqMIsZWbnaGiba18aWhaA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "config-chain": "^1.1.13",
-        "editorconfig": "^1.0.4",
-        "glob": "^10.4.2",
-        "js-cookie": "^3.0.5",
-        "nopt": "^7.2.1"
-      },
-      "bin": {
-        "css-beautify": "js/bin/css-beautify.js",
-        "html-beautify": "js/bin/html-beautify.js",
-        "js-beautify": "js/bin/js-beautify.js"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/js-beautify/node_modules/abbrev": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-2.0.0.tgz",
-      "integrity": "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-      }
-    },
-    "node_modules/js-beautify/node_modules/nopt": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/nopt/-/nopt-7.2.1.tgz",
-      "integrity": "sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "abbrev": "^2.0.0"
-      },
-      "bin": {
-        "nopt": "bin/nopt.js"
-      },
-      "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-      }
-    },
-    "node_modules/js-cookie": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
-      "integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=14"
-      }
-    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -10863,96 +9929,6 @@
         "node": ">=20.0.0"
       }
     },
-    "node_modules/jsdom": {
-      "version": "28.1.0",
-      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-28.1.0.tgz",
-      "integrity": "sha512-0+MoQNYyr2rBHqO1xilltfDjV9G7ymYGlAUazgcDLQaUf8JDHbuGwsxN6U9qWaElZ4w1B2r7yEGIL3GdeW3Rug==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@acemir/cssom": "^0.9.31",
-        "@asamuzakjp/dom-selector": "^6.8.1",
-        "@bramus/specificity": "^2.4.2",
-        "@exodus/bytes": "^1.11.0",
-        "cssstyle": "^6.0.1",
-        "data-urls": "^7.0.0",
-        "decimal.js": "^10.6.0",
-        "html-encoding-sniffer": "^6.0.0",
-        "http-proxy-agent": "^7.0.2",
-        "https-proxy-agent": "^7.0.6",
-        "is-potential-custom-element-name": "^1.0.1",
-        "parse5": "^8.0.0",
-        "saxes": "^6.0.0",
-        "symbol-tree": "^3.2.4",
-        "tough-cookie": "^6.0.0",
-        "undici": "^7.21.0",
-        "w3c-xmlserializer": "^5.0.0",
-        "webidl-conversions": "^8.0.1",
-        "whatwg-mimetype": "^5.0.0",
-        "whatwg-url": "^16.0.0",
-        "xml-name-validator": "^5.0.0"
-      },
-      "engines": {
-        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
-      },
-      "peerDependencies": {
-        "canvas": "^3.0.0"
-      },
-      "peerDependenciesMeta": {
-        "canvas": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/jsdom/node_modules/tr46": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-6.0.0.tgz",
-      "integrity": "sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "punycode": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=20"
-      }
-    },
-    "node_modules/jsdom/node_modules/webidl-conversions": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-8.0.1.tgz",
-      "integrity": "sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=20"
-      }
-    },
-    "node_modules/jsdom/node_modules/whatwg-url": {
-      "version": "16.0.1",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-16.0.1.tgz",
-      "integrity": "sha512-1to4zXBxmXHV3IiSSEInrreIlu02vUOvrhxJJH5vcxYTBDAx51cqZiKdyTxlecdKNSjj8EcxGBxNf6Vg+945gw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@exodus/bytes": "^1.11.0",
-        "tr46": "^6.0.0",
-        "webidl-conversions": "^8.0.1"
-      },
-      "engines": {
-        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
-      }
-    },
-    "node_modules/jsdom/node_modules/xml-name-validator": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
-      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/jsesc": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
@@ -12720,28 +11696,24 @@
       "license": "MIT"
     },
     "node_modules/nypm": {
-      "version": "0.6.5",
-      "resolved": "https://registry.npmjs.org/nypm/-/nypm-0.6.5.tgz",
-      "integrity": "sha512-K6AJy1GMVyfyMXRVB88700BJqNUkByijGJM8kEHpLdcAt+vSQAVfkWWHYzuRXHSY6xA2sNc5RjTj0p9rE2izVQ==",
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/nypm/-/nypm-0.6.2.tgz",
+      "integrity": "sha512-7eM+hpOtrKrBDCh7Ypu2lJ9Z7PNZBdi/8AT3AX8xoCj43BBVHD0hPSTEvMtkMpfs8FCqBGhxB+uToIQimA111g==",
       "license": "MIT",
       "dependencies": {
-        "citty": "^0.2.0",
+        "citty": "^0.1.6",
+        "consola": "^3.4.2",
         "pathe": "^2.0.3",
-        "tinyexec": "^1.0.2"
+        "pkg-types": "^2.3.0",
+        "tinyexec": "^1.0.1"
       },
       "bin": {
         "nypm": "dist/cli.mjs"
       },
       "engines": {
-        "node": ">=18"
+        "node": "^14.16.0 || >=16.10.0"
       }
     },
-    "node_modules/nypm/node_modules/citty": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/citty/-/citty-0.2.1.tgz",
-      "integrity": "sha512-kEV95lFBhQgtogAPlQfJJ0WGVSokvLr/UEoFPiKKOXF7pl98HfUVUD0ejsuTCld/9xH9vogSywZ5KqHzXrZpqg==",
-      "license": "MIT"
-    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -13137,32 +12109,6 @@
         "node": ">=14.13.0"
       }
     },
-    "node_modules/parse5": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.0.tgz",
-      "integrity": "sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "entities": "^6.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
-      }
-    },
-    "node_modules/parse5/node_modules/entities": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
-      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
     "node_modules/parseurl": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
@@ -13259,9 +12205,9 @@
       "license": "MIT"
     },
     "node_modules/perfect-debounce": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-2.1.0.tgz",
-      "integrity": "sha512-LjgdTytVFXeUgtHZr9WYViYSM/g8MkcTPYDlPa3cDqMirHjKiSZPYd6DoL7pK8AJQr+uWkQvCjHNdiMqsrJs+g==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-2.0.0.tgz",
+      "integrity": "sha512-fkEH/OBiKrqqI/yIgjR92lMfs2K8105zt/VT6+7eTjNwisrsh47CeIED9z58zI7DfKdH3uHAn25ziRZn3kgAow==",
       "license": "MIT"
     },
     "node_modules/picocolors": {
@@ -13311,54 +12257,6 @@
         "pathe": "^2.0.3"
       }
     },
-    "node_modules/playwright": {
-      "version": "1.58.2",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.58.2.tgz",
-      "integrity": "sha512-vA30H8Nvkq/cPBnNw4Q8TWz1EJyqgpuinBcHET0YVJVFldr8JDNiU9LaWAE1KqSkRYazuaBhTpB5ZzShOezQ6A==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "playwright-core": "1.58.2"
-      },
-      "bin": {
-        "playwright": "cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "optionalDependencies": {
-        "fsevents": "2.3.2"
-      }
-    },
-    "node_modules/playwright-core": {
-      "version": "1.58.2",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.58.2.tgz",
-      "integrity": "sha512-yZkEtftgwS8CsfYo7nm0KE8jsvm6i/PTgVtB8DL726wNf6H2IMsDuxCpJj59KDaxCtSnrWan2AeDqM7JBaultg==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "peer": true,
-      "bin": {
-        "playwright-core": "cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/playwright/node_modules/fsevents": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
     "node_modules/pluralize": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-8.0.0.tgz",
@@ -14059,13 +12957,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/proto-list": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
-      "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/protocols": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/protocols/-/protocols-2.0.2.tgz",
@@ -14366,16 +13257,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/require-from-string": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
-      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/reserved-identifiers": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/reserved-identifiers/-/reserved-identifiers-1.2.0.tgz",
@@ -14574,13 +13455,6 @@
         }
       }
     },
-    "node_modules/rou3": {
-      "version": "0.7.12",
-      "resolved": "https://registry.npmjs.org/rou3/-/rou3-0.7.12.tgz",
-      "integrity": "sha512-iFE4hLDuloSWcD7mjdCDhx2bKcIsYbtOTpfH5MHHLSKMOUyjqQXTeZVa289uuwEGEKFoE/BAPbhaU4B774nceg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/run-applescript": {
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/run-applescript/-/run-applescript-7.1.0.tgz",
@@ -14665,19 +13539,6 @@
       "integrity": "sha512-yqYn1JhPczigF94DMS+shiDMjDowYO6y9+wB/4WgO0Y19jWYk0lQ4tuG5KI7kj4FTp1wxPj5IFfcrz/s1c3jjQ==",
       "license": "BlueOak-1.0.0"
     },
-    "node_modules/saxes": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
-      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "xmlchars": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=v12.22.7"
-      }
-    },
     "node_modules/scslre": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/scslre/-/scslre-0.3.0.tgz",
@@ -14700,9 +13561,9 @@
       "license": "MIT"
     },
     "node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -14822,13 +13683,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/siginfo": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
-      "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/signal-exit": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
@@ -14987,13 +13841,6 @@
         "node": ">=12.0.0"
       }
     },
-    "node_modules/stackback": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
-      "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/standard-as-callback": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/standard-as-callback/-/standard-as-callback-2.1.0.tgz",
@@ -15310,13 +14157,6 @@
         "node": ">=16"
       }
     },
-    "node_modules/symbol-tree": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
-      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/system-architecture": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/system-architecture/-/system-architecture-0.1.0.tgz",
@@ -15660,13 +14500,6 @@
       "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
       "license": "MIT"
     },
-    "node_modules/tinybench": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
-      "integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/tinyexec": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.0.2.tgz",
@@ -15692,36 +14525,6 @@
         "url": "https://github.com/sponsors/SuperchupuDev"
       }
     },
-    "node_modules/tinyrainbow": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-3.0.3.tgz",
-      "integrity": "sha512-PSkbLUoxOFRzJYjjxHJt9xro7D+iilgMX/C9lawzVuYiIdcihh9DXmVibBe8lmcFrRi/VzlPjBxbN7rH24q8/Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/tldts": {
-      "version": "7.0.23",
-      "resolved": "https://registry.npmjs.org/tldts/-/tldts-7.0.23.tgz",
-      "integrity": "sha512-ASdhgQIBSay0R/eXggAkQ53G4nTJqTXqC2kbaBbdDwM7SkjyZyO0OaaN1/FH7U/yCeqOHDwFO5j8+Os/IS1dXw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tldts-core": "^7.0.23"
-      },
-      "bin": {
-        "tldts": "bin/cli.js"
-      }
-    },
-    "node_modules/tldts-core": {
-      "version": "7.0.23",
-      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.0.23.tgz",
-      "integrity": "sha512-0g9vrtDQLrNIiCj22HSe9d4mLVG3g5ph5DZ8zCKBr4OtrspmNB6ss7hVyzArAeE88ceZocIEGkyW1Ime7fxPtQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -15778,19 +14581,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/tough-cookie": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-6.0.0.tgz",
-      "integrity": "sha512-kXuRi1mtaKMrsLUxz3sQYvVl37B0Ns6MzfrtV5DvJceE9bPyspOqk9xxv7XbZWcfLWbFmm997vl83qUWVJA64w==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "tldts": "^7.0.5"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
     "node_modules/tr46": {
       "version": "0.0.3",
       "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
@@ -15916,9 +14706,9 @@
       }
     },
     "node_modules/ufo": {
-      "version": "1.6.3",
-      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.3.tgz",
-      "integrity": "sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==",
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.1.tgz",
+      "integrity": "sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==",
       "license": "MIT"
     },
     "node_modules/ultrahtml": {
@@ -15954,16 +14744,6 @@
         "@types/estree": "^1.0.0"
       }
     },
-    "node_modules/undici": {
-      "version": "7.22.0",
-      "resolved": "https://registry.npmjs.org/undici/-/undici-7.22.0.tgz",
-      "integrity": "sha512-RqslV2Us5BrllB+JeiZnK4peryVTndy9Dnqq62S3yYRRTj0tFQCwEniUy2167skdGOy3vqRzEvl1Dm4sV2ReDg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=20.18.1"
-      }
-    },
     "node_modules/undici-types": {
       "version": "6.21.0",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
@@ -16772,95 +15552,6 @@
         "@types/estree": "^1.0.0"
       }
     },
-    "node_modules/vitest": {
-      "version": "4.0.18",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-4.0.18.tgz",
-      "integrity": "sha512-hOQuK7h0FGKgBAas7v0mSAsnvrIgAvWmRFjmzpJ7SwFHH3g1k2u37JtYwOwmEKhK6ZO3v9ggDBBm0La1LCK4uQ==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@vitest/expect": "4.0.18",
-        "@vitest/mocker": "4.0.18",
-        "@vitest/pretty-format": "4.0.18",
-        "@vitest/runner": "4.0.18",
-        "@vitest/snapshot": "4.0.18",
-        "@vitest/spy": "4.0.18",
-        "@vitest/utils": "4.0.18",
-        "es-module-lexer": "^1.7.0",
-        "expect-type": "^1.2.2",
-        "magic-string": "^0.30.21",
-        "obug": "^2.1.1",
-        "pathe": "^2.0.3",
-        "picomatch": "^4.0.3",
-        "std-env": "^3.10.0",
-        "tinybench": "^2.9.0",
-        "tinyexec": "^1.0.2",
-        "tinyglobby": "^0.2.15",
-        "tinyrainbow": "^3.0.3",
-        "vite": "^6.0.0 || ^7.0.0",
-        "why-is-node-running": "^2.3.0"
-      },
-      "bin": {
-        "vitest": "vitest.mjs"
-      },
-      "engines": {
-        "node": "^20.0.0 || ^22.0.0 || >=24.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      },
-      "peerDependencies": {
-        "@edge-runtime/vm": "*",
-        "@opentelemetry/api": "^1.9.0",
-        "@types/node": "^20.0.0 || ^22.0.0 || >=24.0.0",
-        "@vitest/browser-playwright": "4.0.18",
-        "@vitest/browser-preview": "4.0.18",
-        "@vitest/browser-webdriverio": "4.0.18",
-        "@vitest/ui": "4.0.18",
-        "happy-dom": "*",
-        "jsdom": "*"
-      },
-      "peerDependenciesMeta": {
-        "@edge-runtime/vm": {
-          "optional": true
-        },
-        "@opentelemetry/api": {
-          "optional": true
-        },
-        "@types/node": {
-          "optional": true
-        },
-        "@vitest/browser-playwright": {
-          "optional": true
-        },
-        "@vitest/browser-preview": {
-          "optional": true
-        },
-        "@vitest/browser-webdriverio": {
-          "optional": true
-        },
-        "@vitest/ui": {
-          "optional": true
-        },
-        "happy-dom": {
-          "optional": true
-        },
-        "jsdom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/vitest-environment-nuxt": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/vitest-environment-nuxt/-/vitest-environment-nuxt-1.0.1.tgz",
-      "integrity": "sha512-eBCwtIQriXW5/M49FjqNKfnlJYlG2LWMSNFsRVKomc8CaMqmhQPBS5LZ9DlgYL9T8xIVsiA6RZn2lk7vxov3Ow==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@nuxt/test-utils": ">=3.13.1"
-      }
-    },
     "node_modules/vscode-uri": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
@@ -16868,17 +15559,17 @@
       "license": "MIT"
     },
     "node_modules/vue": {
-      "version": "3.5.29",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.29.tgz",
-      "integrity": "sha512-BZqN4Ze6mDQVNAni0IHeMJ5mwr8VAJ3MQC9FmprRhcBYENw+wOAAjRj8jfmN6FLl0j96OXbR+CjWhmAmM+QGnA==",
+      "version": "3.5.26",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.26.tgz",
+      "integrity": "sha512-SJ/NTccVyAoNUJmkM9KUqPcYlY+u8OVL1X5EW9RIs3ch5H2uERxyyIUI4MRxVCSOiEcupX9xNGde1tL9ZKpimA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@vue/compiler-dom": "3.5.29",
-        "@vue/compiler-sfc": "3.5.29",
-        "@vue/runtime-dom": "3.5.29",
-        "@vue/server-renderer": "3.5.29",
-        "@vue/shared": "3.5.29"
+        "@vue/compiler-dom": "3.5.26",
+        "@vue/compiler-sfc": "3.5.26",
+        "@vue/runtime-dom": "3.5.26",
+        "@vue/server-renderer": "3.5.26",
+        "@vue/shared": "3.5.26"
       },
       "peerDependencies": {
         "typescript": "*"
@@ -16898,13 +15589,6 @@
         "ufo": "^1.6.1"
       }
     },
-    "node_modules/vue-component-type-helpers": {
-      "version": "2.2.12",
-      "resolved": "https://registry.npmjs.org/vue-component-type-helpers/-/vue-component-type-helpers-2.2.12.tgz",
-      "integrity": "sha512-YbGqHZ5/eW4SnkPNR44mKVc6ZKQoRs/Rux1sxC6rdwXb4qpbOSYfDr9DsTHolOTGmIKgM9j141mZbBeg05R1pw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/vue-devtools-stub": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/vue-devtools-stub/-/vue-devtools-stub-0.1.0.tgz",
@@ -17005,29 +15689,6 @@
         "vue": "^3.5.0"
       }
     },
-    "node_modules/w3c-xmlserializer": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
-      "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "xml-name-validator": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/w3c-xmlserializer/node_modules/xml-name-validator": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
-      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/webidl-conversions": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
@@ -17040,16 +15701,6 @@
       "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
       "license": "MIT"
     },
-    "node_modules/whatwg-mimetype": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-5.0.0.tgz",
-      "integrity": "sha512-sXcNcHOC51uPGF0P/D4NVtrkjSU2fNsm9iog4ZvZJsL3rjoDAzXZhkm2MWt1y+PUdggKAYVoMAIYcs78wJ51Cw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=20"
-      }
-    },
     "node_modules/whatwg-url": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
@@ -17075,23 +15726,6 @@
         "node": "^18.17.0 || >=20.5.0"
       }
     },
-    "node_modules/why-is-node-running": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
-      "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "siginfo": "^2.0.0",
-        "stackback": "0.0.2"
-      },
-      "bin": {
-        "why-is-node-running": "cli.js"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/word-wrap": {
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
@@ -17242,13 +15876,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/xmlchars": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
-      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/y18n": {
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
diff --git a/Frontend-Learner/package.json b/Frontend-Learner/package.json
index ea5dc734..84040469 100644
--- a/Frontend-Learner/package.json
+++ b/Frontend-Learner/package.json
@@ -19,14 +19,9 @@
   },
   "devDependencies": {
     "@nuxt/eslint-config": "^1.12.1",
-    "@nuxt/test-utils": "^4.0.0",
     "@nuxtjs/i18n": "^10.2.1",
-    "@playwright/test": "^1.58.2",
     "@types/node": "^22.19.8",
-    "@vue/test-utils": "^2.4.6",
     "eslint": "^9.39.2",
-    "jsdom": "^28.1.0",
-    "typescript": "^5.4.5",
-    "vitest": "^4.0.18"
+    "typescript": "^5.4.5"
   }
 }
diff --git a/Frontend-Learner/pages/auth/login.vue b/Frontend-Learner/pages/auth/login.vue
index a3d6ed63..e30602df 100644
--- a/Frontend-Learner/pages/auth/login.vue
+++ b/Frontend-Learner/pages/auth/login.vue
@@ -23,7 +23,7 @@ const isLoading = ref(false)
 const rememberMe = ref(false)
 const showPassword = ref(false)
 
-// ข้อมูลฟอร์มสำหรับเก็บค่าอีเมลและรหัสผ่าน
+// Form data model
 const loginForm = reactive({
   email: '',
   password: ''
@@ -31,7 +31,7 @@ const loginForm = reactive({
 
 type LoginField = keyof typeof loginForm
 
-// การตั้งค่ากฎการตรวจสอบ (Validation Rules)
+// Validation rules definition
 // กำหนดกฎการตรวจสอบข้อมูล (Validation Rules)
 const loginRules = {
   email: {
@@ -108,12 +108,12 @@ const handleLogin = async () => {
   }
 
 
-  // แสดงข้อผิดพลาดตามช่องหรือแสดงข้อผิดพลาดรวม (เพื่อความปลอดภัย)
-  // กรณีเข้าสู่ระบบไม่สำเร็จ
+  // Show error on specific fields
+  // Show generic error for security (or specific if role mismatch)
   if (result.error === 'Email ไม่ถูกต้อง') {
-     errors.value.email = result.error // กรณี Role ไม่ตรงกัน
+     errors.value.email = result.error // Role mismatch case
   } else {
-     // ข้อผิดพลาดแบบเหมาสำหรับปัญหาการเข้าสู่ระบบทั่วไป (เช่น รหัสผิด, ไม่พบผู้ใช้)
+     // Generic login failure (401, 404, etc.)
      const msg = 'กรุณาเช็ค Email หรือ รหัสผ่านใหม่อีกครั้ง'
      errors.value.email = msg
      errors.value.password = msg
@@ -147,7 +147,7 @@ onMounted(() => {
      ========================================== -->
     <div class="w-full max-w-[460px] relative z-10 slide-up">
       
-       <!-- ส่วนหัวโปรไฟล์ / โลโก้ (Header / Logo) -->
+       <!-- Header / Logo -->
        <div class="text-center mb-8">
           <div class="inline-flex items-center justify-center w-14 h-14 rounded-2xl bg-gradient-to-tr from-blue-600 to-indigo-600 text-white shadow-lg shadow-blue-600/20 mb-6">
              <span class="font-black text-2xl">E</span>
@@ -158,10 +158,10 @@ onMounted(() => {
 
       <div class="bg-white rounded-[2rem] p-8 md:p-10 shadow-xl shadow-slate-200/50 border border-slate-100 relative overflow-hidden">
         
-        <!-- ฟอร์มเข้าสู่ระบบ (Login Form) -->
+        <!-- Form -->
         <form @submit.prevent="handleLogin" class="flex flex-col gap-5">
           
-          <!-- ช่องกรอกอีเมล (Email Input) -->
+          <!-- Email Input -->
           <div>
             <label class="block text-sm font-semibold text-slate-700 mb-2 ml-1">อีเมล</label>
             <div class="relative group">
@@ -180,7 +180,7 @@ onMounted(() => {
             <span v-if="errors.email" class="text-xs text-red-500 font-medium ml-1 mt-1 block slide-up-sm">{{ errors.email }}</span>
           </div>
 
-          <!-- ช่องกรอกรหัสผ่าน (Password Input) -->
+          <!-- Password Input -->
           <div>
             <label class="block text-sm font-semibold text-slate-700 mb-2 ml-1">รหัสผ่าน</label>
             <div class="relative group">
@@ -206,7 +206,7 @@ onMounted(() => {
             <span v-if="errors.password" class="text-xs text-red-500 font-medium ml-1 mt-1 block slide-up-sm">{{ errors.password }}</span>
           </div>
 
-          <!-- ตัวเลือกเพิ่มเติม (จดจำฉัน, ลืมรหัสผ่าน) (Options) -->
+          <!-- Options -->
           <div class="flex items-center justify-between mt-1">
              <label class="flex items-center gap-2.5 cursor-pointer group select-none">
                <div class="relative flex items-center">
@@ -227,7 +227,7 @@ onMounted(() => {
              </NuxtLink>
           </div>
 
-          <!-- ปุ่มยืนยันเข้าสู่ระบบ (Submit Button) -->
+          <!-- Submit Button -->
           <button 
             type="submit" 
             :disabled="isLoading"
@@ -237,24 +237,17 @@ onMounted(() => {
             <div v-else class="w-5 h-5 border-2 border-white/30 border-t-white rounded-full animate-spin"></div>
           </button>
 
-          <!-- กล่องแนะนำบัญชีสำหรับทดสอบ (Test Credentials Box) -->
-          <div class="mt-4 p-5 bg-blue-50/50 border border-blue-100 rounded-2xl flex flex-col items-center gap-2 animate-fade-in">
-             <div class="text-[11px] font-black uppercase tracking-[0.2em] text-blue-600 mb-1">บัญชีสำหรับทดสอบ (Test Account)</div>
-             <div class="flex flex-col items-center gap-1">
-                <div class="text-base font-black text-slate-900 select-all cursor-copy hover:text-blue-600 transition-colors">
-                   studentedtest@example.com
-                </div>
-                <div class="flex items-center gap-2">
-                   <span class="text-[11px] font-black uppercase tracking-wider text-slate-600">Password:</span>
-                   <span class="text-base font-black select-all cursor-copy hover:text-blue-600 transition-colors text-slate-900">admin123</span>
-                </div>
-             </div>
-          </div>
-
         </form>
 
-        <!-- ลิงก์สำหรับสมัครสมาชิกใหม่ (Register Link) -->
-        <div class="text-center mt-8">
+        <!-- Divider -->
+        <div class="my-8 flex items-center gap-4">
+           <div class="h-px bg-slate-200 flex-1"></div>
+           <span class="text-slate-400 text-xs font-medium uppercase tracking-wider">หรือ</span>
+           <div class="h-px bg-slate-200 flex-1"></div>
+        </div>
+
+        <!-- Register Link -->
+        <div class="text-center">
             <p class="text-slate-600 text-sm">
                ยังไม่มีบัญชีสมาชิก? 
                <NuxtLink to="/auth/register" class="font-bold text-blue-600 hover:text-blue-700 transition-colors ml-1">
@@ -265,7 +258,7 @@ onMounted(() => {
 
       </div>
 
-      <!-- ลิงก์ย้อนกลับ (Back Link) -->
+      <!-- Back Link -->
        <div class="mt-8 text-center text-slate-500">
            <NuxtLink to="/" class="inline-flex items-center gap-2 text-sm font-medium hover:text-slate-800 transition-colors group px-4 py-2 rounded-lg hover:bg-white/50">
              <span class="group-hover:-translate-x-1 transition-transform">←</span> กลับไปหน้าแรก
@@ -276,7 +269,7 @@ onMounted(() => {
 </template>
 
 <style scoped>
-/* เอฟเฟกต์การเคลื่อนไหว (Animations) */
+/* Animations */
 @keyframes pulse-slow {
   0%, 100% { opacity: 0.3; transform: scale(1); }
   50% { opacity: 0.5; transform: scale(1.15); }
diff --git a/Frontend-Learner/pages/browse/discovery.vue b/Frontend-Learner/pages/browse/discovery.vue
index e8f15f77..01b5369d 100644
--- a/Frontend-Learner/pages/browse/discovery.vue
+++ b/Frontend-Learner/pages/browse/discovery.vue
@@ -1,7 +1,9 @@
 <script setup lang="ts">
 /**
  * @file discovery.vue
- * @description Course Discovery / Catalog Page matching Figma Desktop Layout.
+ * @description Course Discovery / Catalog Page.
+ * Allows users to browse, filter, and view details of available courses.
+ * Includes a toggleable detailed view for course previews.
  */
 
 definePageMeta({
@@ -13,19 +15,11 @@ useHead({
   title: "รายการคอร์ส - e-Learning",
 });
 
-const { t, locale } = useI18n();
-const { currentUser } = useAuth();
-const $q = useQuasar();
-const { fetchCategories } = useCategory();
-const { fetchCourses, fetchCourseById, enrollCourse, getLocalizedText } = useCourse();
-
+// ==========================================
+// 1. State Management
 const showDetail = ref(false);
 const searchQuery = ref("");
-const activeCategory = ref<number | 'all'>('all');
-const viewMode = ref<'grid' | 'list'>('grid');
-const sortBy = ref('ยอดนิยม');
-const sortOptions = ['ยอดนิยม', 'ล่าสุด', 'ราคาต่ำ-สูงสุด', 'ราคาสูง-ต่ำสุด'];
-
+const selectedCategoryIds = ref<number[]>([]);
 const categories = ref<any[]>([]);
 const courses = ref<any[]>([]);
 const selectedCourse = ref<any>(null);
@@ -34,43 +28,47 @@ const isLoading = ref(false);
 const isLoadingDetail = ref(false);
 const isEnrolling = ref(false);
 
+// Pagination State
 const currentPage = ref(1);
 const totalPages = ref(1);
 const itemsPerPage = 12;
 
-const getCategoryIcon = (name: any) => {
-   const text = getLocalizedText(name) || ''
-   if (text.includes('เว็บ') || text.includes('Web') || text.includes('โปรแกรม') || text.includes('Program') || text.includes('โค้ด')) return 'code'
-   if (text.includes('ออกแบบ') || text.includes('Design') || text.includes('UI')) return 'palette'
-   if (text.includes('ธุรกิจ') || text.includes('Business') || text.includes('การตลาด') || text.includes('Market')) return 'trending_up'
-   if (text.includes('ข้อมูล') || text.includes('Data') || text.includes('วิเคราะ') || text.includes('Sci')) return 'storage'
-   return 'category'
-}
+const { t, locale } = useI18n();
+const { currentUser } = useAuth();
+const $q = useQuasar();
+const { fetchCategories } = useCategory();
+const { fetchCourses, fetchCourseById, enrollCourse, getLocalizedText } =
+  useCourse();
 
-const formatPrice = (course: any) => {
-    if (course.is_free) return 'ฟรี';
-    if (!course.price) return 'ฟรี';
-    return `฿${parseFloat(course.price).toLocaleString()}`;
-};
+// 2. Computed Properties
+const sortOption = ref(t("discovery.sortRecent"));
+const sortOptions = computed(() => [t("discovery.sortRecent")]);
 
-const getInstructorName = (course: any) => {
-    let user = null;
-    if (course.instructors && course.instructors.length > 0) {
-        const primary = course.instructors.find((i: any) => i.is_primary);
-        user = primary ? primary.user : course.instructors[0].user;
-    } else {
-        user = course.creator || course.instructor;
-    }
-    
-    if (user?.profile?.first_name) {
-        return `${user.profile.first_name} ${user.profile.last_name || ''}`.trim();
-    }
-    if (user?.first_name) {
-        return `${user.first_name} ${user.last_name || ''}`.trim();
-    }
-    return user?.username || 'ผู้สอน';
-};
+const filteredCourses = computed(() => {
+  let result = courses.value;
 
+  // If more than 1 category is selected, we still do client-side filtering
+  // because the API currently only supports one category_id at a time.
+  if (selectedCategoryIds.value.length > 1) {
+    result = result.filter((c) =>
+      selectedCategoryIds.value.includes(c.category_id),
+    );
+  }
+
+  if (searchQuery.value) {
+    const query = searchQuery.value.toLowerCase();
+    result = result.filter((c) => {
+      const title = getLocalizedText(c.title).toLowerCase();
+      const desc = getLocalizedText(c.description).toLowerCase();
+      return title.includes(query) || (desc && desc.includes(query));
+    });
+  }
+  return result;
+});
+
+// 3. Helper Functions
+
+// 4. API Actions
 const loadCategories = async () => {
   const res = await fetchCategories();
   if (res.success) categories.value = res.data || [];
@@ -78,7 +76,12 @@ const loadCategories = async () => {
 
 const loadCourses = async (page = 1) => {
   isLoading.value = true;
-  const categoryId = activeCategory.value === 'all' ? undefined : activeCategory.value as number;
+
+  // Use server-side filtering if exactly one category is selected
+  const categoryId =
+    selectedCategoryIds.value.length === 1
+      ? selectedCategoryIds.value[0]
+      : undefined;
 
   const res = await fetchCourses({
     category_id: categoryId,
@@ -89,17 +92,7 @@ const loadCourses = async (page = 1) => {
   });
 
   if (res.success) {
-    courses.value = (res.data || []).map(c => {
-       const cat = categories.value.find(cat => cat.id === c.category_id);
-       return {
-          ...c,
-          category_name: cat ? getLocalizedText(cat.name) : '',
-          instructor_name: getInstructorName(c),
-          formatted_price: formatPrice(c),
-          rating: c.rating || '4.9',
-          reviews_count: c.total_lessons ? c.total_lessons * 123 : Math.floor(Math.random() * 2000) + 100
-       }
-    });
+    courses.value = res.data || [];
     totalPages.value = res.totalPages || 1;
     currentPage.value = res.page || 1;
   }
@@ -133,175 +126,231 @@ const handleEnroll = async (id: number) => {
   isEnrolling.value = false;
 };
 
+// Watch for category selection changes to reload courses
 watch(
-  activeCategory,
+  selectedCategoryIds,
   () => {
     currentPage.value = 1;
     loadCourses(1);
-  }
+  },
+  { deep: true },
 );
 
-onMounted(async () => {
-  await loadCategories();
-  
-  // Check if category_id or course_id is in query
-  const route = useRoute();
-  if (route.query.category_id) {
-    activeCategory.value = Number(route.query.category_id);
+const toggleCategory = (id: number) => {
+  const index = selectedCategoryIds.value.indexOf(id);
+  if (index === -1) {
+    selectedCategoryIds.value.push(id);
+  } else {
+    selectedCategoryIds.value.splice(index, 1);
   }
-  
-  await loadCourses(1);
+};
 
-  if (route.query.course_id) {
-    selectCourse(Number(route.query.course_id));
-  }
+onMounted(() => {
+  loadCategories();
+  loadCourses();
 });
 </script>
 
 <template>
-  <div class="bg-[#F8F9FA] dark:bg-[#020617] min-h-screen p-4 md:p-8 transition-colors duration-300">
-    <div class="max-w-[1240px] mx-auto">
-        <!-- ส่วนของการค้นหาคอร์ส (Catalog View) -->
-        <div v-if="!showDetail" class="bg-white dark:bg-slate-900 rounded-[2rem] p-6 md:p-8 shadow-[0_2px_15px_rgb(0,0,0,0.02)] border border-slate-100 dark:border-slate-800 min-h-[500px] mb-12">
-            
-            <!-- ส่วนหัวและการค้นหา -->
-            <div class="flex flex-col md:flex-row md:items-center justify-between gap-6 mb-8">
-               <h2 class="text-[1.35rem] font-bold text-slate-900 dark:text-white tracking-tight">คอร์สเรียนทั้งหมด</h2>
-               <div class="flex flex-wrap sm:flex-nowrap items-center gap-3 w-full md:w-auto">
-                  <div class="relative w-full sm:w-[260px] flex-1">
-                     <q-icon name="search" size="18px" class="absolute left-4 top-1/2 -translate-y-1/2 text-slate-400 group-focus-within:text-[#3B6BE8]" />
-                     <input v-model="searchQuery" @keyup.enter="loadCourses(1)" class="w-full bg-slate-100 dark:bg-slate-800 border-none rounded-xl py-2.5 pl-11 pr-4 text-sm font-medium text-slate-700 dark:text-slate-200 placeholder:text-slate-400 focus:ring-2 focus:ring-blue-500/20 outline-none transition-all shadow-sm" placeholder="ค้นหาคอร์ส..." />
-                  </div>
-                  <div class="flex items-center gap-2 shrink-0">
-                     <button @click="viewMode = 'grid'" :class="viewMode === 'grid' ? 'bg-[#E9EFFD] dark:bg-blue-900/40 text-[#3B6BE8] border-[#3B6BE8]' : 'bg-white border-slate-200 dark:bg-slate-800 dark:border-slate-700 text-slate-400 hover:bg-slate-50'" class="w-[42px] h-[42px] flex items-center justify-center rounded-xl border transition-colors outline-none"><q-icon name="grid_view" size="20px" /></button>
-                     <button @click="viewMode = 'list'" :class="viewMode === 'list' ? 'bg-[#E9EFFD] dark:bg-blue-900/40 text-[#3B6BE8] border-[#3B6BE8]' : 'bg-white border-slate-200 dark:bg-slate-800 dark:border-slate-700 text-slate-400 hover:bg-slate-50'" class="w-[42px] h-[42px] flex items-center justify-center rounded-xl border transition-colors outline-none"><q-icon name="view_list" size="20px" /></button>
-                  </div>
-               </div>
+  <div class="page-container">
+    <!-- CATALOG VIEW: Browse courses -->
+    <div v-if="!showDetail">
+      <!-- Top Header Area -->
+      <!-- New Enhanced Search Section (Image 1 Style) -->
+      <div class="bg-blue-50/50 dark:bg-blue-900/10 rounded-[2.5rem] p-8 md:p-10 mb-8 border border-blue-100/50 dark:border-blue-500/10 transition-colors duration-300">
+        <div class="flex items-center gap-4 mb-2">
+          <span class="w-2 h-8 bg-blue-600 rounded-full shadow-lg shadow-blue-500/30"></span>
+          <h1 class="text-2xl md:text-3xl font-black text-slate-900 dark:text-white">
+            {{ $t("discovery.title") }}
+          </h1>
+        </div>
+        <p class="text-slate-500 dark:text-slate-400 font-medium mb-8">
+          {{ $t("discovery.subtitle") }}
+        </p>
+        
+        <div class="flex flex-col md:flex-row gap-4">
+          <!-- Search Input -->
+          <div class="relative flex-1 group">
+            <div class="absolute left-5 top-1/2 -translate-y-1/2 text-slate-400 group-focus-within:text-blue-600 transition-colors">
+              <q-icon name="search" size="24px" />
             </div>
-
-            <!-- Filters Category -->
-            <div class="flex flex-col xl:flex-row xl:items-center justify-between gap-4 mb-10 w-full relative">
-                <!-- Figma Style: Separate pill buttons -->
-                <div class="flex flex-wrap items-center gap-3 w-full xl:w-auto">
-                   <button 
-                     @click="activeCategory = 'all'"
-                     :class="activeCategory === 'all' ? 'bg-[#E9EFFD] dark:bg-blue-900/40 text-[#3B6BE8] border-transparent font-bold' : 'bg-white dark:bg-transparent border-slate-200 dark:border-slate-700 text-slate-800 dark:text-slate-300 hover:border-slate-300 font-medium'"
-                     class="px-5 py-2.5 rounded-full border text-[13px] sm:text-[14px] flex items-center justify-center gap-2 transition-all outline-none">
-                     <q-icon name="check_circle_outline" size="18px" :class="activeCategory === 'all' ? 'text-[#3B6BE8]' : 'text-slate-400'"/> ทั้งหมด
-                   </button>
-                   
-                   <button 
-                     v-for="cat in categories" :key="cat.id"
-                     @click="activeCategory = cat.id"
-                     :class="activeCategory === cat.id ? 'bg-[#E9EFFD] dark:bg-blue-900/40 text-[#3B6BE8] border-transparent font-bold' : 'bg-white dark:bg-transparent border-slate-200 dark:border-slate-700 text-slate-800 dark:text-slate-300 hover:border-slate-300 font-medium'"
-                     class="px-5 py-2.5 rounded-full border text-[13px] sm:text-[14px] flex items-center justify-center gap-2 transition-all outline-none bg-transparent">
-                     <q-icon :name="getCategoryIcon(cat.name)" size="18px" :class="activeCategory === cat.id ? 'text-[#3B6BE8]' : 'text-slate-600 dark:text-slate-400'"/>
-                     {{ getLocalizedText(cat.name) }}
-                   </button>
-                </div>
-                
-
+            <input 
+              v-model="searchQuery"
+              type="text" 
+              :placeholder="$t('discovery.searchPlaceholder') || 'ค้นหาคอร์สที่น่าสนใจที่นี่...'"
+              class="w-full pl-14 pr-6 py-3.5 bg-white dark:bg-slate-800 border-2 border-transparent rounded-2xl text-slate-900 dark:text-white placeholder-slate-400 focus:outline-none focus:border-blue-500/20 focus:ring-4 focus:ring-blue-500/5 transition-all text-base font-medium shadow-sm"
+              @keyup.enter="loadCourses(1)"
+            />
+          </div>
+          
+          <!-- Search Button -->
+          <q-btn 
+            unelevated
+            color="primary"
+            class="px-8 h-[52px] rounded-2xl font-black shadow-lg shadow-blue-600/20 hover:scale-[1.02] transition-transform"
+            no-caps
+            @click="loadCourses(1)"
+          >
+            <div class="flex items-center gap-2">
+              <q-icon name="search" size="20px" />
+              <span class="text-base">ค้นหา</span>
             </div>
+          </q-btn>
+        </div>
+      </div>
 
-            <!-- Loader -->
-            <div v-if="isLoading" class="flex justify-center py-24">
-               <q-spinner size="3rem" color="primary" />
-            </div>
+      <div class="flex items-center justify-between mb-4 px-2">
+        <div class="text-slate-500 dark:text-slate-400 text-sm font-bold uppercase tracking-wider">
+          {{ $t("discovery.foundTotal") }} <span class="text-blue-600">{{ filteredCourses.length }}</span> {{ $t("discovery.items") }}
+        </div>
+      </div>
 
-            <div v-else-if="courses.length > 0">
-               <!-- GRID VIEW -->
-               <div v-if="viewMode === 'grid'" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
-                  <div v-for="course in courses" :key="course.id" class="flex flex-col rounded-[1.5rem] bg-white dark:bg-slate-900 border border-slate-100 dark:border-slate-800 overflow-hidden shadow-[0_2px_10px_rgb(0,0,0,0.03)] hover:shadow-[0_8px_30px_rgb(0,0,0,0.08)] transition-all duration-300 group cursor-pointer" @click="selectCourse(course.id)">
-                     <!-- Thumbnail -->
-                     <div class="relative w-full aspect-[16/10] bg-slate-100 dark:bg-slate-800 overflow-hidden">
-                        <img :src="course.thumbnail_url" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
-                        <div v-if="course.category_name" class="absolute top-3 left-3 bg-white/95 dark:bg-slate-900/95 backdrop-blur-md text-[#3B6BE8] dark:text-blue-400 font-bold text-[10px] px-3.5 py-1 rounded-full shadow-sm" style="border-radius: 9999px; padding: 4px 12px;">
-                           {{ course.category_name }}
-                        </div>
-                     </div>
-                     
-                     <!-- Body -->
-                     <div class="p-5 flex flex-col flex-1">
-                        <h3 class="font-bold text-slate-900 dark:text-white text-[15px] leading-snug line-clamp-2 mb-2">{{ getLocalizedText(course.title) }}</h3>
-                        
-
-                        
-                        <div class="mt-auto flex items-center justify-between">
-                            <div class="font-[900] text-[18px]" :class="course.is_free ? 'text-green-500' : 'text-[#2563EB] dark:text-blue-400'">
-                                {{ course.formatted_price }}
-                            </div>
-                            <!-- Eye icon circle button -->
-                            <button class="w-[38px] h-[38px] rounded-full bg-slate-50 dark:bg-slate-800 text-slate-400 dark:text-slate-500 flex items-center justify-center hover:bg-blue-50 hover:text-blue-600 dark:hover:bg-slate-700 border border-slate-100 dark:border-slate-700 transition-colors shadow-sm outline-none">
-                                <q-icon name="visibility" size="18px" />
-                            </button>
-                        </div>
-                     </div>
-                  </div>
-               </div>
-
-               <!-- LIST VIEW -->
-               <div v-else class="flex flex-col gap-5">
-                  <div v-for="course in courses" :key="course.id" class="flex flex-col sm:flex-row rounded-[1.5rem] bg-white dark:bg-slate-900 border border-slate-100 dark:border-slate-800 p-3 sm:p-4 gap-4 sm:gap-6 shadow-sm hover:shadow-[0_8px_30px_rgb(0,0,0,0.06)] transition-all duration-300 group cursor-pointer" @click="selectCourse(course.id)">
-                     <div class="relative w-full sm:w-[260px] aspect-[16/10] sm:aspect-auto sm:h-[160px] rounded-[1rem] bg-slate-100 dark:bg-slate-800 overflow-hidden shrink-0">
-                        <img :src="course.thumbnail_url" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
-                        <div v-if="course.category_name" class="absolute top-3 left-3 bg-white/95 dark:bg-slate-900/95 backdrop-blur-md text-[#3B6BE8] dark:text-blue-400 font-bold text-[10px] px-3.5 py-1.5 rounded-full shadow-sm" style="border-radius: 9999px; padding: 4px 12px;">
-                           {{ course.category_name }}
-                        </div>
-                     </div>
-                     <div class="flex flex-col flex-1 py-1">
-                        <div class="flex-1">
-                            <h3 class="font-bold text-slate-900 dark:text-white text-[16px] md:text-[18px] leading-snug line-clamp-2 md:line-clamp-1 mb-2">{{ getLocalizedText(course.title) }}</h3>
-
-                        </div>
-                        <div class="mt-4 sm:mt-auto flex items-center justify-between">
-                            <div class="font-[900] text-[20px]" :class="course.is_free ? 'text-green-500' : 'text-[#2563EB] dark:text-blue-400'">
-                                {{ course.formatted_price }}
-                            </div>
-                            <button class="px-6 py-2 rounded-full bg-slate-50 text-slate-600 dark:bg-slate-800 dark:text-slate-300 font-bold text-[13px] flex items-center gap-2 hover:bg-blue-50 border border-slate-100 dark:border-slate-700 hover:text-blue-600 transition-colors">
-                                <q-icon name="visibility" size="16px" /> ดูรายละเอียด
-                            </button>
-                        </div>
-                     </div>
-                  </div>
-               </div>
-
-               <!-- Pagination -->
-               <div v-if="totalPages > 1" class="flex justify-center pt-8 pb-4">
-                  <q-pagination v-model="currentPage" :max="totalPages" :max-pages="6" boundary-numbers direction-links color="primary" flat active-design="unelevated" active-color="primary" @update:model-value="loadCourses"/>
-               </div>
-            </div>
-
-            <!-- Empty State -->
-            <div v-else class="flex flex-col items-center justify-center py-20 bg-white dark:bg-slate-900/40 rounded-3xl border border-dashed border-slate-200 dark:border-slate-800">
-               <q-icon name="search_off" size="64px" class="text-slate-300 dark:text-slate-600 mb-4" />
-               <h3 class="text-xl font-bold text-slate-900 dark:text-white mb-2">{{ $t("discovery.emptyTitle") }}</h3>
-               <p class="text-slate-500 dark:text-slate-400 text-center max-w-md">{{ $t("discovery.emptyDesc") }}</p>
-               <button class="mt-6 font-bold text-blue-600 hover:text-blue-700 transition-colors" @click="searchQuery = ''; activeCategory = 'all';">
-                  {{ $t("discovery.showAll") }}
-               </button>
-            </div>
+      <!-- Unified Filter Section: Categories -->
+        <div
+          class="bg-white dark:bg-slate-900/50 p-2 rounded-2xl border border-slate-100 dark:border-white/5 inline-flex flex-wrap items-center gap-1.5 shadow-sm"
+        >
+          <q-btn
+            flat
+            rounded
+            dense
+            class="px-5 py-2 font-bold transition-all text-[11px] uppercase tracking-wider"
+            :class="
+              selectedCategoryIds.length === 0
+                ? 'bg-blue-600 text-white shadow-md shadow-blue-600/20'
+                : 'text-slate-600 dark:text-slate-400 hover:bg-slate-50 dark:hover:bg-slate-800'
+            "
+            @click="selectedCategoryIds = []"
+            :label="$t('discovery.showAll')"
+          />
+          <q-btn
+            v-for="cat in categories"
+            :key="cat.id"
+            flat
+            rounded
+            dense
+            class="px-5 py-2 font-bold transition-all text-[11px] uppercase tracking-wider"
+            :class="
+              selectedCategoryIds.includes(cat.id)
+                ? 'bg-blue-600 text-white shadow-md shadow-blue-600/20'
+                : 'text-slate-600 dark:text-slate-400 hover:bg-slate-50 dark:hover:bg-slate-800'
+            "
+            @click="toggleCategory(cat.id)"
+            :label="getLocalizedText(cat.name)"
+          />
         </div>
 
-        <!-- COURSE DETAIL VIEW: Detailed information about a specific course -->
-        <div v-else>
-          <button @click="showDetail = false" class="inline-flex items-center gap-2 text-slate-600 dark:text-white hover:text-blue-600 dark:hover:text-blue-300 mb-6 transition-all font-black text-lg md:text-xl group">
-            <q-icon name="arrow_back" size="24px" class="transition-transform group-hover:-translate-x-1" />
-            {{ $t("discovery.backToCatalog") }}
+      <!-- Main Layout: Grid Only -->
+      <div class="w-full">
+        <div v-if="filteredCourses.length > 0" class="flex flex-col gap-12">
+          <div
+            class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-8"
+          >
+            <CourseCard
+              v-for="course in filteredCourses"
+              :key="course.id"
+              v-bind="{ ...course, image: course.thumbnail_url }"
+              show-view-details
+              @view-details="selectCourse(course.id)"
+            />
+          </div>
+
+          <!-- Pagination Controls -->
+          <div v-if="totalPages > 1" class="flex justify-center pb-10">
+            <q-pagination
+              v-model="currentPage"
+              :max="totalPages"
+              :max-pages="6"
+              boundary-numbers
+              direction-links
+              color="primary"
+              flat
+              active-design="unelevated"
+              active-color="primary"
+              @update:model-value="loadCourses"
+            />
+          </div>
+        </div>
+
+        <!-- Empty State -->
+        <div
+          v-else
+          class="flex flex-col items-center justify-center py-20 bg-white dark:bg-slate-800/50 rounded-3xl border-2 border-dashed border-slate-200 dark:border-slate-700 shadow-sm"
+        >
+          <q-icon
+            name="search_off"
+            size="64px"
+            class="text-slate-300 dark:text-slate-600 mb-4"
+          />
+          <h3 class="text-xl font-bold text-slate-900 dark:text-white mb-2">
+            {{ $t("discovery.emptyTitle") }}
+          </h3>
+          <p class="text-slate-500 dark:text-slate-400 text-center max-w-md">
+            {{ $t("discovery.emptyDesc") }}
+          </p>
+          <button
+            class="mt-6 font-bold text-blue-600 hover:text-blue-700 dark:hover:text-blue-400 transition-colors"
+            @click="
+              searchQuery = '';
+              selectedCategoryIds = [];
+            "
+          >
+            {{ $t("discovery.showAll") }}
           </button>
-          <div v-if="isLoadingDetail" class="flex justify-center py-20"><q-spinner size="3rem" color="primary" /></div>
-          <CourseDetailView v-else-if="selectedCourse" :course="selectedCourse" :user="currentUser" @back="showDetail = false" @enroll="handleEnroll"/>
         </div>
+      </div>
+    </div>
+
+    <!-- COURSE DETAIL VIEW: Detailed information about a specific course -->
+    <div v-else>
+      <button
+        @click="showDetail = false"
+        class="inline-flex items-center gap-2 text-slate-600 dark:text-white hover:text-blue-600 dark:hover:text-blue-300 mb-6 transition-all font-black text-lg md:text-xl group"
+      >
+        <q-icon
+          name="arrow_back"
+          size="24px"
+          class="transition-transform group-hover:-translate-x-1"
+        />
+        {{ $t("discovery.backToCatalog") }}
+      </button>
+
+      <div v-if="isLoadingDetail" class="flex justify-center py-20">
+        <q-spinner size="3rem" color="primary" />
+      </div>
+
+      <CourseDetailView
+        v-else-if="selectedCourse"
+        :course="selectedCourse"
+        :user="currentUser"
+        @back="showDetail = false"
+        @enroll="handleEnroll"
+      />
     </div>
   </div>
 </template>
 
 <style scoped>
-/* Disable default scrollbar for filter container */
-.scrollbar-hide::-webkit-scrollbar {
-    display: none;
+/* Standard overrides for Quasar inputs to match Tailwind theme */
+.search-input :deep(.q-field__control) {
+  border-radius: 9999px; /* Full rounded pill */
+  background-color: white !important;
+  transition: all 0.3s ease;
 }
-.scrollbar-hide {
-    -ms-overflow-style: none;
-    scrollbar-width: none;
+
+.dark .search-input :deep(.q-field__control) {
+  background-color: #1e293b !important; /* slate-800: Inner card depth */
+  border-color: rgba(255, 255, 255, 0.1) !important;
+}
+
+.search-input :deep(.q-field__native) {
+  color: #0f172a !important; /* slate-900: Dark text for light mode */
+}
+
+.dark .search-input :deep(.q-field__native) {
+  color: white !important;
+}
+
+.search-input :deep(.q-field__shadow) {
+  box-shadow: none !important;
 }
 </style>
diff --git a/Frontend-Learner/pages/browse/index.vue b/Frontend-Learner/pages/browse/index.vue
index 3e82a01d..415ee060 100644
--- a/Frontend-Learner/pages/browse/index.vue
+++ b/Frontend-Learner/pages/browse/index.vue
@@ -1,22 +1,26 @@
 <script setup lang="ts">
 /**
- * @file index.vue
- * @description หน้าแสดงคอร์สเรียนทั้งหมดในรูปแบบแคตตาล็อกสาธารณะ
- * ดีไซน์ปรับให้ทันสมัยเพื่อดึงดูดผู้ใช้งานใหม่
+ * @file courses.vue
+ * @description Page displaying all available courses in a public catalog format.
+ * Matches the premium dark theme of the landing page.
  */
 
+// Define page metadata using the landing layout (dark theme default)
 definePageMeta({
   layout: 'landing'
 })
 
+// Set the HTML head title for SEO
 useHead({
   title: 'คอร์สทั้งหมด - E-Learning System'
 })
 
+// Reactive state for the search input
 const searchQuery = ref('')
 const { fetchCourses } = useCourse()
 const { fetchCategories, categories } = useCategory()
 
+// Helper to handle localized text
 const getLocalizedText = (text: string | { th: string; en: string } | undefined) => {
   if (!text) return ''
   if (typeof text === 'string') return text
@@ -26,6 +30,7 @@ const getLocalizedText = (text: string | { th: string; en: string } | undefined)
 const route = useRoute()
 const router = useRouter()
 
+// State for selected category
 const selectedCategory = ref((route.query.category as string) || 'all')
 
 const selectCategory = (slug: string) => {
@@ -36,234 +41,357 @@ const selectCategory = (slug: string) => {
   }
 }
 
+// Watch route query to sync state
 watch(() => route.query.category, (newCategory) => {
   selectedCategory.value = (newCategory as string) || 'all'
 })
 
-const getCategoryIcon = (name: any) => {
-   const text = getLocalizedText(name) || ''
-   if (text.includes('เว็บ') || text.includes('Web') || text.includes('โปรแกรม') || text.includes('Program') || text.includes('โค้ด')) return 'code'
-   if (text.includes('ออกแบบ') || text.includes('Design') || text.includes('UI')) return 'palette'
-   if (text.includes('ธุรกิจ') || text.includes('Business') || text.includes('การตลาด') || text.includes('Market')) return 'trending_up'
-   if (text.includes('ข้อมูล') || text.includes('Data') || text.includes('วิเคราะ') || text.includes('Sci')) return 'storage'
-   return 'category'
+// Specific labels mapping as requested
+const categoryLabels: Record<string, string> = {
+  all: "ทั้งหมด",
+  programming: "การเขียนโปรแกรม",
+  design: "การออกแบบ",
+  business: "ธุรกิจ"
 }
 
+const getCategoryLabel = (category: any) => {
+  if (categoryLabels[category.slug]) {
+    return categoryLabels[category.slug]
+  }
+  return getLocalizedText(category.name)
+}
+
+// Fetch categories on mount
 await useAsyncData('categories-list', () => fetchCategories())
 
-const { data: coursesResponse, pending: isLoading, error, refresh } = await useAsyncData(
+// Fetch courses from API (reactive to selectedCategory)
+const { data: coursesResponse, error, refresh } = await useAsyncData(
   'browse-courses-list', 
   () => {
     const params: any = {}
+    console.log('Fetching courses. Selected Category:', selectedCategory.value)
+    
     if (selectedCategory.value !== 'all') {
       const category = categories.value.find(c => c.slug === selectedCategory.value)
+      console.log('Found Category:', category)
+      
       if (category) {
         params.category_id = category.id
       }
     }
+    
+    console.log('Params being sent to fetchCourses:', params)
     return fetchCourses(params)
   }
 )
 
-watch(selectedCategory, () => { refresh() })
+// Watch for category changes and refresh data
+watch(selectedCategory, (newVal) => {
+    console.log('Selected Category Changed to:', newVal)
+    refresh()
+})
 
-const formatPrice = (course: any) => {
-    if (course.is_free) return 'ฟรี';
-    if (!course.price) return 'ฟรี';
-    return `฿${parseFloat(course.price).toLocaleString()}`;
-}
-
-const getInstructorName = (course: any) => {
-    let user = null;
-    if (course.instructors && course.instructors.length > 0) {
-        const primary = course.instructors.find((i: any) => i.is_primary);
-        user = primary ? primary.user : course.instructors[0].user;
-    } else {
-        user = course.creator || course.instructor;
-    }
-    
-    if (user?.profile?.first_name) {
-        return `${user.profile.first_name} ${user.profile.last_name || ''}`.trim();
-    }
-    if (user?.first_name) {
-        return `${user.first_name} ${user.last_name || ''}`.trim();
-    }
-    return user?.username || 'ผู้สอน';
-}
+// Ref for the scroll container
+const categoryScroll = ref<HTMLElement | null>(null)
 
+// Computed property for courses list from API response
 const courses = computed(() => {
-  if (coursesResponse.value?.success && coursesResponse.value.data) {
-    return coursesResponse.value.data.map((c: any) => {
-       const cat = categories.value.find((cat: any) => cat.id === c.category_id);
-       return {
-          ...c,
-          category_name: cat ? getLocalizedText(cat.name) : '',
-          instructor_name: getInstructorName(c),
-          formatted_price: formatPrice(c),
-          rating: c.rating || '4.9',
-          reviews_count: c.total_lessons ? c.total_lessons * 123 : Math.floor(Math.random() * 2000) + 100
-       }
-    })
+  if (coursesResponse.value?.success) {
+    return coursesResponse.value.data
   }
   return []
 })
 
+/**
+ * @computed filteredCourses
+ * @description Filters the courses list based on the search query.
+ * Checks both the course title and description (case-insensitive).
+ */
 const filteredCourses = computed(() => {
   const list = courses.value || []
   if (!searchQuery.value) return list
   
   const query = searchQuery.value.toLowerCase()
-  return list.filter((c: any) => {
+  return list.filter(c => {
     const title = getLocalizedText(c.title).toLowerCase()
     const desc = getLocalizedText(c.description).toLowerCase()
     return title.includes(query) || desc.includes(query)
   })
 })
-
-const viewMode = ref<'grid' | 'list'>('grid')
 </script>
 
 <template>
-  <div class="bg-[#F8F9FA] dark:bg-[#020617] min-h-screen pt-32 pb-20 px-4 md:px-8 transition-colors duration-300">
-    <div class="max-w-[1240px] mx-auto">
-        <!-- มุมมองแคตตาล็อกแสดงคอร์ส (Catalog View) -->
-        <div class="bg-white dark:bg-slate-900 rounded-[2rem] p-6 md:p-8 shadow-[0_2px_15px_rgb(0,0,0,0.02)] border border-slate-100 dark:border-slate-800 min-h-[500px] mb-12">
-            
-            <!-- ส่วนหัวและการค้นหา -->
-            <div class="flex flex-col md:flex-row md:items-center justify-between gap-6 mb-8">
-               <h2 class="text-[1.35rem] font-bold text-slate-900 dark:text-white tracking-tight">คอร์สเรียนทั้งหมด</h2>
-               <div class="flex flex-wrap sm:flex-nowrap items-center gap-3 w-full md:w-auto">
-                  <div class="relative w-full sm:w-[260px] flex-1">
-                     <q-icon name="search" size="18px" class="absolute left-4 top-1/2 -translate-y-1/2 text-slate-400 group-focus-within:text-[#3B6BE8]" />
-                     <input v-model="searchQuery" class="w-full bg-slate-100 dark:bg-slate-800 border-none rounded-xl py-2.5 pl-11 pr-4 text-sm font-medium text-slate-700 dark:text-slate-200 placeholder:text-slate-400 focus:ring-2 focus:ring-blue-500/20 outline-none transition-all shadow-sm" placeholder="ค้นหาคอร์ส..." />
-                  </div>
-                  <div class="flex items-center gap-2 shrink-0">
-                     <button @click="viewMode = 'grid'" :class="viewMode === 'grid' ? 'bg-[#E9EFFD] dark:bg-blue-900/40 text-[#3B6BE8] border-[#3B6BE8]' : 'bg-white border-slate-200 dark:bg-slate-800 dark:border-slate-700 text-slate-400 hover:bg-slate-50'" class="w-[42px] h-[42px] flex items-center justify-center rounded-xl border transition-colors outline-none"><q-icon name="grid_view" size="20px" /></button>
-                     <button @click="viewMode = 'list'" :class="viewMode === 'list' ? 'bg-[#E9EFFD] dark:bg-blue-900/40 text-[#3B6BE8] border-[#3B6BE8]' : 'bg-white border-slate-200 dark:bg-slate-800 dark:border-slate-700 text-slate-400 hover:bg-slate-50'" class="w-[42px] h-[42px] flex items-center justify-center rounded-xl border transition-colors outline-none"><q-icon name="view_list" size="20px" /></button>
-                  </div>
-               </div>
-            </div>
-
-            <!-- ตัวกรองหมวดหมู่ (Filters Category) -->
-            <div class="flex flex-col xl:flex-row xl:items-center justify-between gap-4 mb-10 w-full relative">
-                <div class="flex flex-wrap items-center gap-3 w-full xl:w-auto">
-                   <button 
-                     @click="selectCategory('all')"
-                     :class="selectedCategory === 'all' ? 'bg-[#E9EFFD] dark:bg-blue-900/40 text-[#3B6BE8] border-transparent font-bold' : 'bg-white dark:bg-transparent border-slate-200 dark:border-slate-700 text-slate-800 dark:text-slate-300 hover:border-slate-300 font-medium'"
-                     class="px-5 py-2.5 rounded-full border text-[13px] sm:text-[14px] flex items-center justify-center gap-2 transition-all outline-none">
-                     <q-icon name="check_circle_outline" size="18px" :class="selectedCategory === 'all' ? 'text-[#3B6BE8]' : 'text-slate-400'"/> ทั้งหมด
-                   </button>
-                   
-                   <button 
-                     v-for="cat in categories" :key="cat.id"
-                     @click="selectCategory(cat.slug)"
-                     :class="selectedCategory === cat.slug ? 'bg-[#E9EFFD] dark:bg-blue-900/40 text-[#3B6BE8] border-transparent font-bold' : 'bg-white dark:bg-transparent border-slate-200 dark:border-slate-700 text-slate-800 dark:text-slate-300 hover:border-slate-300 font-medium'"
-                     class="px-5 py-2.5 rounded-full border text-[13px] sm:text-[14px] flex items-center justify-center gap-2 transition-all outline-none bg-transparent">
-                     <q-icon :name="getCategoryIcon(cat.name)" size="18px" :class="selectedCategory === cat.slug ? 'text-[#3B6BE8]' : 'text-slate-600 dark:text-slate-400'"/>
-                     {{ getLocalizedText(cat.name) }}
-                   </button>
-                </div>
-            </div>
-
-            <!-- ตัวแสดงการโหลด (Loader) -->
-            <div v-if="isLoading" class="flex justify-center py-24">
-               <q-spinner size="3rem" color="primary" />
-            </div>
-
-            <div v-else-if="filteredCourses.length > 0">
-               <!-- มุมมองแบบกริด (GRID VIEW) -->
-               <div v-if="viewMode === 'grid'" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
-                  <NuxtLink v-for="course in filteredCourses" :key="course.id" :to="`/course/${course.id}`" class="flex flex-col rounded-[1.5rem] bg-white dark:bg-slate-900 border border-slate-100 dark:border-slate-800 overflow-hidden shadow-[0_2px_10px_rgb(0,0,0,0.03)] hover:shadow-[0_8px_30px_rgb(0,0,0,0.08)] transition-all duration-300 group cursor-pointer">
-                     <!-- รูปหน้าปก (Thumbnail) -->
-                     <div class="relative w-full aspect-[16/10] bg-slate-100 dark:bg-slate-800 overflow-hidden">
-                        <img :src="course.thumbnail_url" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
-                        <div v-if="course.category_name" class="absolute top-3 left-3 bg-white/95 dark:bg-slate-900/95 backdrop-blur-md text-[#3B6BE8] dark:text-blue-400 font-bold text-[10px] px-3.5 py-1 rounded-full shadow-sm" style="border-radius: 9999px; padding: 4px 12px;">
-                           {{ course.category_name }}
-                        </div>
-                     </div>
-                     
-                     <!-- เนื้อหาคอร์ส (Body) -->
-                     <div class="p-5 flex flex-col flex-1">
-                        <h3 class="font-bold text-slate-900 dark:text-white text-[15px] leading-snug line-clamp-2 mb-2 group-hover:text-blue-600 transition-colors">{{ getLocalizedText(course.title) }}</h3>
-                        
-                        <div class="flex items-center gap-2 mb-4">
-                           <span class="text-[12px] text-slate-500 font-medium">โดย {{ course.instructor_name }}</span>
-                        </div>
-
-                        <div class="flex items-center gap-1.5 mb-5">
-                             <q-icon name="star" class="text-amber-400" size="16px" />
-                             <span class="text-[13px] font-bold text-slate-800 dark:text-slate-200">{{ course.rating }}</span>
-                             <span class="text-[12px] text-slate-400">({{ course.reviews_count.toLocaleString() }} นักเรียน)</span>
-                        </div>
-                        
-                        <div class="mt-auto flex items-center justify-between">
-                            <div class="font-[900] text-[18px]" :class="course.is_free ? 'text-green-500' : 'text-[#2563EB] dark:text-blue-400'">
-                                {{ course.formatted_price }}
-                            </div>
-                            <!-- ปุ่มกดรูปตาเพื่อดูรายละเอียด (Eye icon circle button) -->
-                            <button class="w-[38px] h-[38px] rounded-full bg-slate-50 dark:bg-slate-800 text-slate-400 dark:text-slate-500 flex items-center justify-center hover:bg-blue-50 hover:text-blue-600 dark:hover:bg-slate-700 border border-slate-100 dark:border-slate-700 transition-colors shadow-sm outline-none">
-                                <q-icon name="visibility" size="18px" />
-                            </button>
-                        </div>
-                     </div>
-                  </NuxtLink>
-               </div>
-
-               <!-- มุมมองแบบรายการ (LIST VIEW) -->
-               <div v-else class="flex flex-col gap-5">
-                  <NuxtLink v-for="course in filteredCourses" :key="course.id" :to="`/course/${course.id}`" class="flex flex-col sm:flex-row rounded-[1.5rem] bg-white dark:bg-slate-900 border border-slate-100 dark:border-slate-800 p-3 sm:p-4 gap-4 sm:gap-6 shadow-sm hover:shadow-[0_8px_30px_rgb(0,0,0,0.06)] transition-all duration-300 group cursor-pointer">
-                     <div class="relative w-full sm:w-[260px] aspect-[16/10] sm:aspect-auto sm:h-[160px] rounded-[1rem] bg-slate-100 dark:bg-slate-800 overflow-hidden shrink-0">
-                        <img :src="course.thumbnail_url" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
-                        <div v-if="course.category_name" class="absolute top-3 left-3 bg-white/95 dark:bg-slate-900/95 backdrop-blur-md text-[#3B6BE8] dark:text-blue-400 font-bold text-[10px] px-3.5 py-1.5 rounded-full shadow-sm" style="border-radius: 9999px; padding: 4px 12px;">
-                           {{ course.category_name }}
-                        </div>
-                     </div>
-                     <div class="flex flex-col flex-1 py-1">
-                        <div class="flex-1">
-                            <h3 class="font-bold text-slate-900 dark:text-white text-[16px] md:text-[18px] leading-snug line-clamp-2 md:line-clamp-1 mb-2 group-hover:text-blue-600 transition-colors">{{ getLocalizedText(course.title) }}</h3>
-                            <div class="flex items-center gap-2 mb-3">
-                               <span class="text-[13px] text-slate-500 font-medium">โดย {{ course.instructor_name }}</span>
-                            </div>
-                            <div class="flex items-center gap-1.5 mb-2">
-                                 <q-icon name="star" class="text-amber-400" size="16px" />
-                                 <span class="text-[13px] font-bold text-slate-800 dark:text-slate-200">{{ course.rating }}</span>
-                                 <span class="text-[12px] text-slate-400">({{ course.reviews_count.toLocaleString() }} นักเรียน)</span>
-                            </div>
-                        </div>
-                        <div class="mt-4 sm:mt-auto flex items-center justify-between">
-                            <div class="font-[900] text-[20px]" :class="course.is_free ? 'text-green-500' : 'text-[#2563EB] dark:text-blue-400'">
-                                {{ course.formatted_price }}
-                            </div>
-                            <button class="px-6 py-2 rounded-full bg-slate-50 text-slate-600 dark:bg-slate-800 dark:text-slate-300 font-bold text-[13px] flex items-center gap-2 hover:bg-blue-50 border border-slate-100 dark:border-slate-700 hover:text-blue-600 transition-colors">
-                                <q-icon name="visibility" size="16px" /> ดูรายละเอียด
-                            </button>
-                        </div>
-                     </div>
-                  </NuxtLink>
-               </div>
-            </div>
-
-            <!-- กรณีไม่พบข้อมูลคอร์ส (Empty State) -->
-            <div v-else class="flex flex-col items-center justify-center py-20 bg-white dark:bg-slate-900/40 rounded-3xl border border-dashed border-slate-200 dark:border-slate-800">
-               <q-icon name="search_off" size="64px" class="text-slate-300 dark:text-slate-600 mb-4" />
-               <h3 class="text-xl font-bold text-slate-900 dark:text-white mb-2">{{ searchQuery ? 'ไม่พบคอร์สที่คุณค้นหา' : 'ไม่มีคอร์สในหมวดหมู่นี้' }}</h3>
-               <p class="text-slate-500 dark:text-slate-400 text-center max-w-md">ลองใช้คำค้นหาอื่น หรือเลือกหมวดหมู่อื่นเพื่อดูคอร์สที่เรามีให้บริการ</p>
-               <button class="mt-6 font-bold text-blue-600 hover:text-blue-700 transition-colors" @click="searchQuery = ''; selectedCategory = 'all';">
-                  แสดงคอร์สทั้งหมด
-               </button>
-            </div>
-        </div>
+  <!-- Main Container: Dark Theme Base -->
+  <div class="relative min-h-screen text-slate-600  bg-slate-50  transition-colors">
+     
+     <!-- ==========================================
+          BACKGROUND EFFECTS
+          Ambient glows matching the index.vue theme
+     ========================================== -->
+     <div class="fixed inset-0 overflow-hidden pointer-events-none -z-10">
+      <div class="absolute top-[-20%] right-[-10%] w-[60%] h-[60%] rounded-full bg-blue-600/10 blur-[140px] animate-pulse-slow"/>
+      <div class="absolute bottom-[-20%] left-[-10%] w-[60%] h-[60%] rounded-full bg-indigo-600/10 blur-[140px] animate-pulse-slow" style="animation-delay: 3s;"/>
     </div>
+
+    <!-- ==========================================
+          HERO SECTION
+          Title and subtitle area
+     ========================================== -->
+    <section class="relative pt-32 pb-20 px-6 overflow-hidden">
+      <div class="container mx-auto max-w-6xl text-center relative z-10">
+        <!-- Tagline Badge -->
+
+        <!-- Main Title -->
+        <h1 class="text-4xl md:text-6xl font-black text-slate-900 mb-6 tracking-tight py-2 slide-up leading-[1.2] overflow-visible" style="animation-delay: 0.1s;">
+          คอร์สเรียน<span class="text-gradient-cyan">ทั้งหมด</span>
+        </h1>
+        <!-- Subtitle -->
+        <p class="text-slate-400 text-xl max-w-2xl mx-auto leading-relaxed slide-up" style="animation-delay: 0.2s;">
+          เริ่มต้นอัปสกิลของคุณวันนี้ด้วยหลักสูตรคุณภาพที่ออกแบบโดยผู้เชี่ยวชาญในอุตสาหกรรม
+        </p>
+      </div>
+    </section>
+
+    <!-- ==========================================
+          SEARCH & GRID SECTION
+     ========================================== -->
+    <!-- ==========================================
+          SEARCH & GRID SECTION
+     ========================================== -->
+    <section class="container mx-auto max-w-[1440px] px-6 pb-20">
+       
+       <!-- Content Frame Container -->
+       <div class="glass-premium rounded-[3rem] p-8 md:p-12 shadow-xl shadow-blue-900/5">
+        
+          <!-- New Enhanced Search Section (Image 2 Style) -->
+          <div class="bg-blue-50/50 rounded-[2.5rem] p-8 md:p-10 mb-6 border border-blue-100/50">
+            <h2 class="text-2xl md:text-3xl font-black text-slate-900 mb-2">คอร์สเรียนทั้งหมด</h2>
+            <p class="text-slate-500 font-medium mb-8">พัฒนาทักษะใหม่ๆ กับผู้เชี่ยวชาญจากทั่วโลก</p>
+            
+            <div class="flex flex-col md:flex-row gap-4">
+              <!-- Search Input -->
+              <div class="relative flex-1 group">
+                <div class="absolute left-5 top-1/2 -translate-y-1/2 text-slate-400 group-focus-within:text-blue-600 transition-colors">
+                  <q-icon name="search" size="24px" />
+                </div>
+                <input 
+                  v-model="searchQuery"
+                  type="text" 
+                  placeholder="ค้นหาชื่อคอร์ส..."
+                  class="w-full pl-14 pr-6 py-4 bg-white border-2 border-transparent rounded-2xl text-slate-900 placeholder-slate-400 focus:outline-none focus:border-blue-500/20 focus:ring-4 focus:ring-blue-500/5 transition-all text-lg font-medium shadow-sm"
+                />
+              </div>
+              
+              <!-- Search Button -->
+              <q-btn 
+                unelevated
+                color="primary"
+                class="px-4 h-16 rounded-2xl font-black shadow-lg shadow-blue-600/20 hover:scale-[1.02] transition-transform"
+                no-caps
+              >
+                <div class="flex items-center gap-2">
+                  <q-icon name="search" size="20px" />
+                  <span class="text-base">ค้นหา</span>
+                </div>
+              </q-btn>
+            </div>
+          </div>
+
+
+
+          <!-- Category Filter Tabs with Scroll Buttons -->
+          <div class="relative mb-8">
+            <!-- Left Scroll Button -->
+            <button 
+              class="absolute left-0 top-1/2 -translate-y-1/2 z-10 w-10 h-10 rounded-full bg-white shadow-md border border-slate-100 flex items-center justify-center text-slate-500 hover:text-blue-600 transition-all md:hidden"
+              @click="categoryScroll?.scrollBy({ left: -200, behavior: 'smooth' })"
+            >
+              <q-icon name="chevron_left" size="24px" />
+            </button>
+
+            <!-- Scrollable Container -->
+            <div 
+              ref="categoryScroll"
+              class="flex items-center gap-3 overflow-x-auto pb-2 no-scrollbar px-1 scroll-smooth"
+            >
+              <button 
+                class="px-6 py-2.5 rounded-full font-bold text-sm transition-all whitespace-nowrap border-2 flex-shrink-0"
+                :class="selectedCategory === 'all' ? 'bg-blue-600 text-white border-blue-600 shadow-lg shadow-blue-600/30' : 'bg-white border-slate-100 text-slate-500 hover:border-slate-300'"
+                @click="selectCategory('all')"
+              >
+                {{ categoryLabels.all }}
+              </button>
+              <button 
+                v-for="category in categories" 
+                :key="category.id"
+                class="px-6 py-2.5 rounded-full font-bold text-sm transition-all whitespace-nowrap border-2 flex-shrink-0"
+                :class="selectedCategory === category.slug ? 'bg-blue-600 text-white border-blue-600 shadow-lg shadow-blue-600/30' : 'bg-white border-slate-100 text-slate-500 hover:border-slate-300'"
+                @click="selectCategory(category.slug)"
+              >
+                {{ getCategoryLabel(category) }}
+              </button>
+            </div>
+
+            <!-- Right Scroll Button -->
+             <button 
+              class="absolute right-0 top-1/2 -translate-y-1/2 z-10 w-10 h-10 rounded-full bg-white shadow-md border border-slate-100 flex items-center justify-center text-slate-500 hover:text-blue-600 transition-all md:hidden"
+              @click="categoryScroll?.scrollBy({ left: 200, behavior: 'smooth' })"
+            >
+              <q-icon name="chevron_right" size="24px" />
+            </button>
+          </div>
+
+
+          <!-- Course Grid (Updated to 4 cols) -->
+          <div v-if="filteredCourses.length > 0" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
+            <div 
+              v-for="(course, index) in filteredCourses" 
+              :key="course.id" 
+              class="glass-card group flex flex-col h-full hover:-translate-y-2 transition-transform duration-500 slide-up"
+              :style="{ animationDelay: `${0.1 * (index + 1)}s` }"
+            >
+              <!-- Card Image -->
+              <div class="h-48 bg-gradient-to-br from-slate-800 to-slate-900 relative overflow-hidden group-hover:opacity-90 transition-opacity">
+                <img 
+                  v-if="course.thumbnail_url" 
+                  :src="course.thumbnail_url" 
+                  :alt="getLocalizedText(course.title)"
+                  class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"
+                  @error="(e) => (e.target as HTMLImageElement).style.display = 'none'" 
+                />
+                <div 
+                  v-else 
+                  class="absolute inset-0 flex items-center justify-center bg-gradient-to-br from-slate-800 to-slate-900"
+                >
+                </div>
+              </div>
+
+              <!-- Card Content Body -->
+              <div class="p-6 flex-1 flex flex-col border-t border-slate-100 ">
+                <h3 class="text-xl font-bold text-slate-900  mb-2 leading-snug group-hover:text-blue-600  transition-colors line-clamp-2">
+                  {{ getLocalizedText(course.title) }}
+                </h3>
+                <p class="text-slate-500  text-xs mb-6 line-clamp-2 leading-relaxed flex-1">
+                  {{ getLocalizedText(course.description) }}
+                </p>
+
+                <!-- Card Footer -->
+                <div class="pt-4 border-t border-slate-100  flex items-center justify-between mt-auto">
+                  <span class="text-lg font-black text-blue-600  tracking-tight">
+                    {{ course.is_free ? 'ฟรี' : course.price }}
+                  </span>
+                  <NuxtLink 
+                    :to="`/course/${course.id}`" 
+                    class="px-4 py-2 bg-slate-50  hover:bg-blue-600 text-slate-600  hover:text-white rounded-lg text-xs font-bold transition-all border border-slate-200  hover:border-blue-500/50"
+                  >
+                    ดูรายละเอียด
+                  </NuxtLink>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- Empty State (No Results) -->
+          <div v-else class="text-center py-20">
+            <div class="text-6xl mb-6 opacity-50 animate-bounce">🔭</div>
+            <h2 class="text-2xl font-black text-slate-900  mb-3">ไม่พบคอร์สที่คุณค้นหา</h2>
+            <p class="text-slate-400 mb-8 max-w-md mx-auto">
+              ลองใช้คำค้นหาอื่น หรือดูคอร์สทั้งหมดที่เรามีให้บริการ
+            </p>
+            <button 
+              class="px-6 py-3 bg-blue-600 hover:bg-blue-500 text-white rounded-xl font-bold transition-all shadow-lg shadow-blue-600/20" 
+              @click="searchQuery = ''"
+            >
+              แสดงคอร์สทั้งหมด
+            </button>
+          </div>
+
+       </div>
+    </section>
+
+    <!-- ==========================================
+          CTA SECTION
+          Call to action to register
+     ========================================== -->
+    <section class="py-24 relative overflow-hidden">
+       <!-- Background Decoration -->
+       <div class="absolute inset-0 bg-gradient-to-b from-transparent to-blue-50/80 pointer-events-none -z-10"/>
+       <div class="absolute bottom-0 left-1/2 -translate-x-1/2 w-[800px] h-[400px] bg-blue-400/10 blur-[120px] rounded-full -z-10 pointer-events-none"/>
+      
+      <div class="container mx-auto max-w-4xl text-center relative z-10 px-6">
+        <h2 class="text-4xl md:text-5xl font-black text-slate-900  mb-6 tracking-tight">
+          พร้อมจะเริ่มต้นแล้วหรือยัง?
+        </h2>
+        <p class="text-slate-500 text-lg md:text-xl mb-10 max-w-2xl mx-auto leading-relaxed">
+          ลงทะเบียนฟรีวันนี้เพื่อเข้าถึงบทเรียนพื้นฐาน และติดตามความคืบหน้าการเรียนของคุณได้ทันที ไม่มีค่าใช้จ่ายแอบแฝง
+        </p>
+        <NuxtLink 
+          to="/auth/register" 
+          class="inline-flex items-center gap-3 px-10 py-5 bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-500 hover:to-indigo-500 text-white rounded-2xl text-lg font-black shadow-2xl shadow-blue-900/40 hover:scale-105 transition-all duration-300"
+        >
+          <span></span>
+          <span>สมัครสมาชิกฟรี</span>
+        </NuxtLink>
+      </div>
+    </section>
   </div>
 </template>
 
 <style scoped>
-/* ปิดการแสดงแถบเลื่อนบนคอนเทนเนอร์ของตัวกรอง (Disable default scrollbar for filter container) */
-.no-scrollbar::-webkit-scrollbar {
-    display: none;
+/* 
+  MATCHING INDEX.VUE STYLES
+  These styles ensure consistency with the landing page theme.
+*/
+
+/* Gradient Text Effect (Cyan to Blue) */
+.text-gradient-cyan {
+  background: linear-gradient(135deg, #22d3ee 0%, #3b82f6 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  display: inline-block;
+  padding: 0.5em 0.2em;
+  margin: -0.5em -0.2em;
+  vertical-align: baseline;
 }
-.no-scrollbar {
-    -ms-overflow-style: none;
-    scrollbar-width: none;
+
+/* Premium Glass Effect for Containers */
+.glass-premium {
+  background: rgba(255, 255, 255, 0.7);
+  backdrop-filter: blur(40px);
+  border: 1px solid rgba(255, 255, 255, 0.5);
+}
+
+
+/* Glass Card Style for Course Items */
+.glass-card {
+  background: white;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  border-radius: 2rem;
+  overflow: hidden;
+  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
+}
+
+
+
+/* Slow Pulse Animation for Background Glows */
+@keyframes pulse-slow {
+  0%, 100% { opacity: 0.1; transform: scale(1); }
+  50% { opacity: 0.15; transform: scale(1.15); }
+}
+
+.animate-pulse-slow {
+  animation: pulse-slow 10s linear infinite;
+}
+
+/* Slide Up Entrance Animation */
+@keyframes slide-up {
+  from { opacity: 0; transform: translateY(30px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+.slide-up {
+  animation: slide-up 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
+  opacity: 0;
 }
 </style>
diff --git a/Frontend-Learner/pages/classroom/learning.vue b/Frontend-Learner/pages/classroom/learning.vue
index 46c474a5..1be1df59 100644
--- a/Frontend-Learner/pages/classroom/learning.vue
+++ b/Frontend-Learner/pages/classroom/learning.vue
@@ -22,7 +22,7 @@ const { user } = useAuth()
 const { fetchCourseLearningInfo, fetchLessonContent, saveVideoProgress, checkLessonAccess, fetchVideoProgress, fetchCourseAnnouncements, markLessonComplete, getLocalizedText } = useCourse()
 const $q = useQuasar()
 
-// การจัดการสถานะ (State management)
+// State management
 const sidebarOpen = ref(false)
 const courseId = computed(() => Number(route.query.course_id))
 
@@ -31,11 +31,11 @@ const courseId = computed(() => Number(route.query.course_id))
 // ==========================================
 // courseData: เก็บข้อมูลโครงสร้างคอร์ส (บทเรียนต่างๆ)
 const courseData = ref<any>(null)
-const announcements = ref<any[]>([]) // สถานะของประกาศ (Announcements state)
-const showAnnouncementsModal = ref(false) // สถานะของป๊อปอัป (Modal state)
-const hasUnreadAnnouncements = ref(false) // ติดตามสถานะที่ยังไม่ได้อ่าน (Unread state tracking)
+const announcements = ref<any[]>([]) // Announcements state
+const showAnnouncementsModal = ref(false) // Modal state
+const hasUnreadAnnouncements = ref(false) // Unread state tracking
 
-// ฟังก์ชันช่วยเหลือสำหรับเก็บสถานะการอ่านถาวร (Helper for persistent read status)
+// Helper for persistent read status
 const getAnnouncementStorageKey = () => {
     if (!user.value?.id || !courseId.value) return ''
     return `read_announcements:${user.value.id}:${courseId.value}`
@@ -61,17 +61,17 @@ const checkUnreadAnnouncements = () => {
     const lastReadDate = new Date(lastRead).getTime()
     const hasNew = announcements.value.some(a => {
         const annDate = new Date(a.created_at || Date.now()).getTime()
-        // ตรวจสอบว่าประกาศใหม่กว่าที่อ่านครั้งล่าสุดหรือไม่ (Check if announcement is strictly newer than last read)
+        // Check if announcement is strictly newer than last read
         return annDate > lastReadDate
     })
     
     hasUnreadAnnouncements.value = hasNew
 }
 
-// ฟังก์ชันจัดการเมื่อเปิดประกาศ (Handler for opening announcements)
+// Handler for opening announcements
 const handleOpenAnnouncements = () => {
     showAnnouncementsModal.value = true
-    hasUnreadAnnouncements.value = false // ลบป้ายแจ้งเตือนเมื่อคลิก (Clear unread badge on click)
+    hasUnreadAnnouncements.value = false // Clear unread badge on click
     
     const key = getAnnouncementStorageKey()
     if (key) {
@@ -98,7 +98,7 @@ const toggleSidebar = () => {
   sidebarOpen.value = !sidebarOpen.value
 }
 
-// การจัดการตรรกะจำนวนครั้งในการทำแบบทดสอบ (Logic Quiz Attempt Management)
+// Logic Quiz Attempt Management
 const quizStatus = computed(() => {
   if (!currentLesson.value || currentLesson.value.type !== 'QUIZ' || !currentLesson.value.quiz) return null
   
@@ -106,7 +106,7 @@ const quizStatus = computed(() => {
   const latestAttempt = quiz.latest_attempt
   const allowMultiple = quiz.allow_multiple_attempts
 
-  // หากยังไม่เคยทดสอบ (If never attempted)
+  // If never attempted
   if (!latestAttempt) {
     return {
       canStart: true,
@@ -116,7 +116,7 @@ const quizStatus = computed(() => {
     }
   }
 
-  // หากอนุญาตให้ทดสอบได้หลายครั้ง (If multiple attempts allowed)
+  // If multiple attempts allowed
   if (allowMultiple) {
     return {
       canStart: true,
@@ -128,8 +128,8 @@ const quizStatus = computed(() => {
     }
   }
 
-  // ไม่อนุญาตให้สอบได้หลายครั้ง (allowMultiple is false (Single attempt only))
-  // ล็อกแบบทดสอบหลังทำเสร็จไม่ว่าจะผ่านหรือไม่ผ่าน (Lock the quiz regardless of pass/fail once attempted)
+  // allowMultiple is false (Single attempt only)
+  // Lock the quiz regardless of pass/fail once attempted
   return {
     canStart: false,
     label: latestAttempt.is_passed ? t('quiz.passedStatus') : t('quiz.failedStatus'),
@@ -145,7 +145,7 @@ const handleStartQuiz = () => {
 
     const quiz = currentLesson.value.quiz
     
-    // หากทำได้ครั้งเดียวและนี่เป็นครั้งแรก (If multiple attempts are disabled and it's the first time)
+    // If multiple attempts are disabled and it's the first time
     if (!quiz.allow_multiple_attempts && !quiz.latest_attempt) {
         $q.dialog({
             title: `<div class="text-slate-900 dark:text-white font-black text-xl">${t('quiz.warningTitle')}</div>`,
@@ -193,18 +193,18 @@ const resetAndNavigate = (path: string) => {
         }
     }
     
-    // 2. ลบข้อมูลใน localStorage ทั้งหมด (Clear all localStorage)
+    // 2. Clear all localStorage
     localStorage.clear()
     
-    // 3. คืนค่าเฉพาะคีย์ที่อนุญาต (Restore ONLY whitelisted keys)
+    // 3. Restore ONLY whitelisted keys
     Object.keys(whitelist).forEach(key => {
         localStorage.setItem(key, whitelist[key])
     })
     
-    // 4. บังคับโหลดหน้าเว็บใหม่ไปยังเส้นทางใหม่ (Force hard reload to the new path)
+    // 4. Force hard reload to the new path
     window.location.href = path
   } else {
-    // การทำงานสำรองสำหรับ SSR (SSR Fallback)
+    // SSR Fallback
     router.push(path)
   }
 }
@@ -213,13 +213,13 @@ const resetAndNavigate = (path: string) => {
 const handleLessonSelect = (lessonId: number) => {
   if (currentLesson.value?.id === lessonId) return
   
-  // 1. อัปเดตพารามิเตอร์ใน URL (Update URL query params)
+  // 1. Update URL query params
   router.push({ query: { ...route.query, lesson_id: lessonId.toString() } })
   
-  // 2. โหลดเนื้อหาโดยไม่ต้องรีเฟรชหน้าเว็บ (Load content without refresh)
+  // 2. Load content without refresh
   loadLesson(lessonId)
   
-  // ปิดแถบด้านข้างบนมือถือ (Close sidebar on mobile)
+  // Close sidebar on mobile
   if (sidebarOpen.value) {
     sidebarOpen.value = false
   }
@@ -245,7 +245,7 @@ const loadCourseData = async () => {
     if (res.success) {
       courseData.value = res.data
       
-      // ตรรกะการโหลดอัตโนมัติ: เช็ค URL ก่อน หากไม่มีให้โหลดบทเรียนแรก (Auto-load logic: Check URL first, fallback to first available lesson)
+      // Auto-load logic: Check URL first, fallback to first available lesson
       const urlLessonId = route.query.lesson_id ? Number(route.query.lesson_id) : null
       
       if (urlLessonId) {
@@ -258,7 +258,7 @@ const loadCourseData = async () => {
           }
       }
 
-      // ดึงข้อมูลประกาศของคอร์สเรียน (Fetch Course Announcements)
+      // Fetch Course Announcements
       const annRes = await fetchCourseAnnouncements(courseId.value)
       if (annRes.success) {
           announcements.value = annRes.data || []
@@ -275,7 +275,7 @@ const loadCourseData = async () => {
 const loadLesson = async (lessonId: number) => {
   if (currentLesson.value?.id === lessonId) return
   
-  // ล้างสถานะวิดีโอเดิมเพื่อบังคับตั้งค่าใหม่ (Clear previous video state & unload component to force reset)
+  // Clear previous video state & unload component to force reset
   isPlaying.value = false
   videoProgress.value = 0
   currentTime.value = 0
@@ -285,16 +285,16 @@ const loadLesson = async (lessonId: number) => {
   lastSavedTimestamp.value = 0
   lastLocalSaveTimestamp.value = 0
   currentDuration.value = 0
-  currentLesson.value = null // ตัวนี้จะทำการซ่อนวิดีโอและซ่อนเนื้อหา (This will unmount VideoPlayer and hide content)
+  currentLesson.value = null // This will unmount VideoPlayer and hide content
   
   isLessonLoading.value = true
   try {
-    // ป้องกันไว้ก่อน: ตรวจสอบสิทธิ์การเข้าถึง (Optional: Check access first)
+    // Optional: Check access first
     const accessRes = await checkLessonAccess(courseId.value, lessonId)
     if (accessRes.success && !accessRes.data.is_accessible) {
         let msg = t('classroom.notAvailable')
         
-        // จัดการเหตุผลล็อกเฉพาะจุด (Handle specific lock reasons)
+        // Handle specific lock reasons
         if (accessRes.data.lock_reason) {
             msg = accessRes.data.lock_reason
         } else if (accessRes.data.required_quiz_pass && !accessRes.data.required_quiz_pass.is_passed) {
@@ -314,32 +314,32 @@ const loadLesson = async (lessonId: number) => {
         return
     }
 
-    // 1. ดึงข้อมูลเนื้อหา (Fetch content)
+    // 1. Fetch content
     const res = await fetchLessonContent(courseId.value, lessonId)
     if (res.success) {
       currentLesson.value = res.data
       
-      // กำหนดค่าออบเจ็กต์ความคืบหน้าหากไม่มี (สำคัญสำหรับผู้ใช้ใหม่) (Initialize progress object if missing)
+      // Initialize progress object if missing (Critical for New Users)
       if (!currentLesson.value.progress) {
           currentLesson.value.progress = {}
       }
       
-      // อัปเดตสถานะสำเร็จของบทเรียนบน UI อย่างปลอดภัย (Update Lesson Completion UI status safely)
+      // Update Lesson Completion UI status safely
       if (currentLesson.value?.progress?.is_completed && courseData.value) {
           for (const chapter of courseData.value.chapters) {
               const lesson = chapter.lessons.find((l: any) => l.id === lessonId)
               if (lesson) {
                   if (!lesson.progress) lesson.progress = {}
                   lesson.progress.is_completed = true
-                  lesson.is_completed = true // ตั้งค่าสถานะสำเร็จให้เป็นมาตรฐาน (Standardize completion property)
+                  lesson.is_completed = true // Standardize completion property
                   break
               }
           }
       }
 
-      // 2. ดึงความคืบหน้าเริ่มต้นเพื่อเล่นต่อ (Fetch Initial Progress (Resume Playback))
+      // 2. Fetch Initial Progress (Resume Playback)
       if (currentLesson.value.type === 'VIDEO') {
-           // หากเรียนจบแล้ว ให้ล้างจุดที่ดูล่าสุดเพื่อดูใหม่ได้ (If already completed, clear local resume point to allow fresh re-watch)
+           // If already completed, clear local resume point to allow fresh re-watch
            const isCompleted = currentLesson.value.progress?.is_completed || false
            
            if (isCompleted) {
@@ -351,7 +351,7 @@ const loadLesson = async (lessonId: number) => {
                maxWatchedTime.value = 0
                currentTime.value = 0
            } else {
-               // ถ้ายังเรียนไม่จบ? กลับไปเล่นจากจุดเดิม (Not completed? Resume from where we left off)
+               // Not completed? Resume from where we left off
                const progressRes = await fetchVideoProgress(lessonId)
                let serverProgress = 0
                if (progressRes.success && progressRes.data?.video_progress_seconds) {
@@ -379,24 +379,24 @@ const loadLesson = async (lessonId: number) => {
   }
 }
 
-// ข้อมูลอ้างอิงวิดีโอ (Video Player Ref (Component))
+// Video Player Ref (Component)
 const videoPlayerComp = ref(null)
 
-// สถานะความก้าวหน้าและวิดีโอ (Video & Progress State)
+// Video & Progress State
 const initialSeekTime = ref(0)
-const maxWatchedTime = ref(0) // การติดตามแบบไม่ย้อนกลับ (Anti-rewind monotonic tracking)
+const maxWatchedTime = ref(0) // Anti-rewind monotonic tracking
 const lastSavedTime = ref(-1)
-const lastSavedTimestamp = ref(0) // เวลาบันทึกในเซิร์ฟเวอร์ (Server throttle timestamp)
-const lastLocalSaveTimestamp = ref(0) // เวลาบันทึกในเครื่อง (Local throttle timestamp)
-const currentDuration = ref(0) // ติดตามเวลาของวิดีโอ (Track duration for save logic)
+const lastSavedTimestamp = ref(0) // Server throttle timestamp
+const lastLocalSaveTimestamp = ref(0) // Local throttle timestamp
+const currentDuration = ref(0) // Track duration for save logic
 
-// ฟังก์ชันช่วยเหลือ: ชื่อคีย์สำหรับ Local Storage (Helper: Get Local Storage Key)
+// Helper: Get Local Storage Key
 const getLocalProgressKey = (lessonId: number) => {
     if (!user.value?.id) return null
     return `progress:${user.value.id}:${lessonId}`
 }
 
-// ฟังก์ชันช่วยเหลือ: ดึงความคืบหน้าจากเครื่อง (Helper: Get Local Progress)
+// Helper: Get Local Progress
 const getLocalProgress = (lessonId: number): number => {
     try {
         const key = getLocalProgressKey(lessonId)
@@ -408,7 +408,7 @@ const getLocalProgress = (lessonId: number): number => {
     }
 }
 
-// ฟังก์ชันช่วยเหลือ: บันทึกลงเครื่อง (Helper: Save to Local Storage)
+// Helper: Save to Local Storage
 const saveLocalProgress = (lessonId: number, time: number) => {
     try {
         const key = getLocalProgressKey(lessonId)
@@ -416,31 +416,31 @@ const saveLocalProgress = (lessonId: number, time: number) => {
            localStorage.setItem(key, time.toString())
         }
     } catch (e) {
-        // ข้ามกรณีเกิดข้อผิดพลาดในการบันทึก (Ignore storage errors)
+        // Ignore storage errors
     }
 }
 
-// ฟังก์ชันจัดการเวลาของวิดีโอ (จาก Component) (Handler: Video Time Update (from Component))
+// Handler: Video Time Update (from Component)
 const handleVideoTimeUpdate = (cTime: number, dur: number) => {
   currentDuration.value = dur || 0
   
-  // อัปเดตความคืบหน้าแบบทางเดียว (Update Monotonic Progress)
+  // Update Monotonic Progress
   if (cTime > maxWatchedTime.value) {
       maxWatchedTime.value = cTime
   }
   
-  // ตรรกะ: บันทึกเป็นระยะ (Logic: Periodic Save) 
+  // Logic: Periodic Save 
   if (currentLesson.value?.id) {
       const now = Date.now()
       
-      // 1. การหน่วงเวลาบันทึกในเครื่อง (5 วินาที) (Local Save Throttle (5 seconds))
+      // 1. Local Save Throttle (5 seconds)
       if (now - lastLocalSaveTimestamp.value > 5000) {
           saveLocalProgress(currentLesson.value.id, maxWatchedTime.value)
           lastLocalSaveTimestamp.value = now
       }
       
-      // 2. การหน่วงเวลาบันทึกบนเซิร์ฟเวอร์ (จัดการใน performSaveProgress)
-      // หมายเหตุ: เราไม่เช็ค isPlaying ตรงนี้เพราะถ้าเวลาเดินแปลว่าเล่นอยู่ (Note: We don't check isPlaying here because if time is updating, it IS playing.)
+      // 2. Server Save Throttle (handled inside performSaveProgress)
+      // Note: We don't check isPlaying here because if time is updating, it IS playing.
       performSaveProgress(false, false)
   }
 }
@@ -451,49 +451,49 @@ const onVideoMetadataLoaded = (duration: number) => {
     }
 }
 
-const isCompleting = ref(false) // ตัวแปรกันการแย่งกันทำงานตอนเรียนจบ (Flag to prevent race conditions during completion)
+const isCompleting = ref(false) // Flag to prevent race conditions during completion
 
 // -----------------------------------------------------
-// ระบบบันทึกความคืบหน้าที่แข็งแกร่ง (ไฮบริด: ในเครื่อง + เซิร์ฟเวอร์) (ROBUST PROGRESS SAVING SYSTEM (Hybrid: Local + Server))
+// ROBUST PROGRESS SAVING SYSTEM (Hybrid: Local + Server)
 // -----------------------------------------------------
 
-// ฟังก์ชันหลักสำหรับบันทึกลงเซิร์ฟเวอร์ (Main Server Save Function)
+// Main Server Save Function
 const performSaveProgress = async (force: boolean = false, keepalive: boolean = false) => {
     const lesson = currentLesson.value
     if (!lesson || lesson.type !== 'VIDEO') return
     
-    // ทำให้แน่ใจว่ามีออบเจ็กต์ความคืบหน้าอยู่ (Ensure progress object exists)
+    // Ensure progress object exists
     if (!lesson.progress) lesson.progress = {}
 
-    // 1. ป้องกันเมื่อดูจบแล้ว: ไม่ต้องบันทึกอีกถ้าดูจบไปแล้ว (Completed Guard: Stop everything if already completed)
+    // 1. Completed Guard: Stop everything if already completed
     if (lesson.progress.is_completed) return
 
-    // 2. ป้องกันการเรียกซ้ำ: ไม่ทำงานถ้ากำลังบันทึกเวลาจบอยู่ (Race Condition Guard: Stop if currently completing)
+    // 2. Race Condition Guard: Stop if currently completing
     if (isCompleting.value) return
 
     const now = Date.now()
-    const maxSec = Math.floor(maxWatchedTime.value) // ใช้เวลาที่ดูไปมากที่สุด (Use max watched time)
+    const maxSec = Math.floor(maxWatchedTime.value) // Use max watched time
     const durationSec = Math.floor(currentDuration.value || 0)
 
-    // 3. ตรวจสอบการเดินหน้า: ยอมให้บันทึก 0 ได้ถ้าเป็นการบันทึกครั้งแรก (lastSavedTime is -1) (Monotonic Check: Allow saving 0 if it's the very first save)
+    // 3. Monotonic Check: Allow saving 0 if it's the very first save (lastSavedTime is -1)
     if (!force) {
         if (lastSavedTime.value === -1) {
-            // บันทึกครั้งแรก: ยอมรับ 0 หรือมากกว่า (First time save: allow 0 or more)
+            // First time save: allow 0 or more
             if (maxSec < 0) return 
         } else if (maxSec <= lastSavedTime.value) {
-            // การบันทึกครั้งถัดไป: ต้องมากกว่าครั้งล่าสุด (Subsequent saves: must be greater than last saved)
+            // Subsequent saves: must be greater than last saved
             return
         }
     }
     
-    // 4. ตรวจสอบการหน่วงเวลา: เซิร์ฟเวอร์ (15 วินาที) (Throttle Check: Server Throttle (15 seconds))
+    // 4. Throttle Check: Server Throttle (15 seconds)
     if (!force && (now - lastSavedTimestamp.value < 15000)) return
 
-    // เตรียมบันทึก (Prepare for Save)
+    // Prepare for Save
     lastSavedTime.value = maxSec 
     lastSavedTimestamp.value = now
 
-    // เช็คว่าการบันทึกนี้จะทำให้จบบทเรียนหรือไม่ (เช่น 100% หรือบังคับจบ) (Check if this save might complete the lesson)
+    // Check if this save might complete the lesson (e.g. 100% or forced end)
     const isFinishing = force || (durationSec > 0 && maxSec >= durationSec)
     
     if (isFinishing) {
@@ -503,8 +503,8 @@ const performSaveProgress = async (force: boolean = false, keepalive: boolean =
     try {
         const res = await saveVideoProgress(lesson.id, maxSec, durationSec, keepalive)
         
-        // จัดการเมื่อดูจบ (กลยุทธ์เฉพาะฝั่งหน้าเว็บ: ให้ผ่านที่ 95%) (Handle Completion (Frontend-only strategy: 95% threshold))
-        // เพื่อให้เครื่องหมายถูกขึ้นที่ 95% ตรงกับหลังบ้าน (This ensures the checkmark appears at 95% to match backend.)
+        // Handle Completion (Frontend-only strategy: 95% threshold)
+        // This ensures the checkmark appears at 95% to match backend.
         const progressPercentage = durationSec > 0 ? (maxSec / durationSec) : 0
         const isCompletedNow = res.success && (res.data?.is_completed || progressPercentage >= 0.95)
 
@@ -513,7 +513,7 @@ const performSaveProgress = async (force: boolean = false, keepalive: boolean =
              markLessonAsCompletedLocally(lesson.id)
              if (lesson.progress) lesson.progress.is_completed = true
              
-             // หากเพิ่งเรียนจบใหม่ ให้โหลดเนื้อหาใหม่เพื่อปลดล็อกบทถัดไป (If newly completed, reload course data to unlock next lesson in sidebar)
+             // If newly completed, reload course data to unlock next lesson in sidebar
              if (!wasAlreadyCompleted) {
                  await loadCourseData()
              }
@@ -527,13 +527,13 @@ const performSaveProgress = async (force: boolean = false, keepalive: boolean =
     }
 }
 
-// ฟังก์ชันช่วยเหลือสำหรับอัปเดตแถบด้านข้าง (Helper to update Sidebar UI)
+// Helper to update Sidebar UI
 const markLessonAsCompletedLocally = (lessonId: number) => {
     if (courseData.value) {
         for (const chapter of courseData.value.chapters) {
             const lesson = chapter.lessons.find((l: any) => l.id === lessonId)
             if (lesson) {
-                // สอดคล้องกับโครงสร้าง API (Compatible with API structure)
+                // Compatible with API structure
                 lesson.is_completed = true
                 if (!lesson.progress) lesson.progress = {}
                 lesson.progress.is_completed = true
@@ -547,11 +547,11 @@ const videoSrc = computed(() => {
   if (!currentLesson.value) return ''
   let url = ''
   
-  // ใช่ video_url โดยตรงจาก API ก่อน (Use explicit video_url from API first)
+  // Use explicit video_url from API first
   if (currentLesson.value.video_url) {
     url = currentLesson.value.video_url
   } else {
-    // สำรอง (ตรรกะแบบเก่า)
+    // Fallback (deprecated logic)
     const content = getLocalizedText(currentLesson.value.content)
     if (content && (content.startsWith('http') || content.startsWith('/')) && !content.includes(' ')) {
       url = content
@@ -560,7 +560,7 @@ const videoSrc = computed(() => {
 
   if (!url) return ''
 
-  // รองรับการเล่นต่อสำหรับ YouTube (Support Resume for YouTube)
+  // Support Resume for YouTube
   const isYoutube = url.toLowerCase().includes('youtube.com') || url.toLowerCase().includes('youtu.be')
   if (isYoutube && initialSeekTime.value > 0) {
       const separator = url.includes('?') ? '&' : '?'
@@ -575,7 +575,7 @@ const onVideoEnded = async () => {
     const lesson = currentLesson.value
     if (!lesson) return
 
-    // ล้าง localStorage เนื่องจากดจบแล้ว (Clear local storage on end since it's completed)
+    // Clear local storage on end since it's completed
     const key = getLocalProgressKey(lesson.id)
     if (key && typeof window !== 'undefined') {
         localStorage.removeItem(key)
@@ -598,7 +598,7 @@ onMounted(() => {
 })
 
 onBeforeUnmount(() => {
-  // ล้างสถานะเมื่อออกจากหน้าเพื่อให้หน้าเหมือนใหม่ตอนกลับมา (Clear state when leaving the page to ensure fresh start on return)
+  // Clear state when leaving the page to ensure fresh start on return
   courseData.value = null
   currentLesson.value = null
 })
@@ -665,7 +665,7 @@ onBeforeUnmount(() => {
       </q-toolbar>
     </q-header>
 
-    <!-- แถบด้านข้าง (บทเรียน) - วางชิดขวาผ่านพร็อพพ์ -->
+    <!-- Sidebar (Curriculum) - Positioned Right via component prop -->
     <CurriculumSidebar
       v-model="sidebarOpen"
       :courseData="courseData"
@@ -676,14 +676,14 @@ onBeforeUnmount(() => {
       @open-announcements="handleOpenAnnouncements"
     />
 
-    <!-- พื้นที่เนื้อหาหลัก (Main Content) -->
+    <!-- Main Content -->
     <q-page-container class="bg-white dark:bg-slate-900">
       <q-page class="flex flex-col h-full bg-slate-50 dark:bg-[#0B0F1A]">
-         <!-- กรอบวิดีโอและพื้นที่เนื้อหา (Video Player & Content Area) -->
+         <!-- Video Player & Content Area -->
          <div class="w-full h-full p-4 md:p-6 flex-grow overflow-y-auto">
-            <!-- 1. สถานะกำลังโหลด (โครงสร้างเสมือน (Skeleton) สมบูรณ์แบบ) (LOADING STATE (Comprehensive Skeleton)) -->
+            <!-- 1. LOADING STATE (Comprehensive Skeleton) -->
             <div v-if="isLessonLoading" class="animate-fade-in">
-                <!-- โครงภาพวิดีโอ (Video Skeleton) -->
+                <!-- Video Skeleton -->
                 <div class="aspect-video bg-slate-200 dark:bg-slate-800 rounded-3xl animate-pulse flex items-center justify-center mb-10 overflow-hidden relative shadow-xl focus:outline-none">
                     <img 
                         v-if="courseData?.course?.thumbnail_url"
@@ -697,7 +697,7 @@ onBeforeUnmount(() => {
                     </div>
                 </div>
                 
-                <!-- โครงข้อมูล (Info Skeleton) -->
+                <!-- Info Skeleton -->
                 <div class="bg-white dark:bg-slate-800/50 p-8 rounded-3xl border border-slate-100 dark:border-white/5 shadow-sm">
                     <div class="h-10 bg-slate-200 dark:bg-slate-800 rounded-xl w-3/4 mb-4 animate-pulse"></div>
                     <div class="h-4 bg-slate-100 dark:bg-slate-800 rounded-lg w-full mb-2 animate-pulse"></div>
@@ -705,9 +705,9 @@ onBeforeUnmount(() => {
                 </div>
             </div>
             
-            <!-- 2. สถานะพร้อมใช้งาน (ข้อมูลบทเรียนจริง) (READY STATE (Real Lesson Content)) -->
+            <!-- 2. READY STATE (Real Lesson Content) -->
             <div v-else-if="currentLesson" class="animate-fade-in">
-                <!-- ส่วนการเล่นวิดีโอ (Video Player) -->
+                <!-- Video Player -->
                 <VideoPlayer
                    v-if="videoSrc"
                    ref="videoPlayerComp"
@@ -719,7 +719,7 @@ onBeforeUnmount(() => {
                    @loadedmetadata="(d: number) => onVideoMetadataLoaded(d)"
                 />
             
-              <!-- ข้อมูลบทเรียน (Lesson Info) -->
+              <!-- Lesson Info -->
               <div class="bg-[var(--bg-surface)] p-6 md:p-8 rounded-3xl shadow-sm border border-[var(--border-color)]">
                 <!-- ใช้สีจากตัวแปรกลาง: จะแยกโหมดให้อัตโนมัติ (สว่าง=ดำ / มืด=ขาว) -->
                 <div class="flex items-start justify-between gap-4 mb-4">
@@ -728,7 +728,7 @@ onBeforeUnmount(() => {
                 
                 <p class="text-slate-600 dark:text-slate-400 text-base md:text-lg leading-relaxed mb-6" v-if="currentLesson.description">{{ getLocalizedText(currentLesson.description) }}</p>
                 
-                <!-- ช่องบทเรียน (Text/HTML) (Lesson Content Area) -->
+                <!-- Lesson Content Area (Text/HTML) -->
                 <div v-if="currentLesson.type === 'QUIZ'" class="p-8 bg-gradient-to-br from-blue-50/50 to-indigo-50/50 dark:from-slate-800/50 dark:to-slate-900/50 rounded-2xl border border-blue-100 dark:border-white/5 text-center">
                     <div class="bg-white dark:bg-slate-800 w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-4 shadow-sm text-blue-500 dark:text-blue-400 border dark:border-white/10">
                         <q-icon name="quiz" size="40px" />
@@ -783,7 +783,7 @@ onBeforeUnmount(() => {
                     <div v-html="getLocalizedText(currentLesson.content)" class="leading-relaxed text-slate-800 dark:text-slate-200"></div>
                 </div>
 
-                <!-- ส่วนเอกสารแนบ (Attachments Section) -->
+                <!-- Attachments Section -->
                 <div v-if="currentLesson.attachments && currentLesson.attachments.length > 0" class="mt-8 pt-6 border-t border-gray-100 dark:border-white/5">
                     <h3 class="text-lg font-bold mb-4 text-slate-900 dark:text-white flex items-center gap-2">
                         <div class="w-8 h-8 rounded-lg bg-orange-100 dark:bg-orange-900/30 text-orange-600 flex items-center justify-center">
diff --git a/Frontend-Learner/pages/classroom/quiz.vue b/Frontend-Learner/pages/classroom/quiz.vue
index e1bcf43d..6bdf2d47 100644
--- a/Frontend-Learner/pages/classroom/quiz.vue
+++ b/Frontend-Learner/pages/classroom/quiz.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 /**
  * @file quiz.vue
- * @description หน้าสำหรับทำแบบทดสอบ (Quiz Interface)
- * จัดการวงจรชีวิตของการทำแบบทดสอบทั้งหมด: เริ่มต้น -> ทำข้อสอบ -> ผลลัพธ์ -> ทบทวน
- * มีฟีเจอร์จับเวลา การนำทางระหว่างคำถาม และการวิเคราะห์ผลลัพธ์อย่างละเอียด
+ * @description Quiz Interface.
+ * Manages the entire quiz lifecycle: Start -> Taking -> Results -> Review.
+ * Features a timer, question navigation, and detailed result analysis.
  */
 
 definePageMeta({
@@ -17,7 +17,7 @@ const router = useRouter()
 const $q = useQuasar()
 const { fetchCourseLearningInfo, fetchLessonContent, submitQuiz: apiSubmitQuiz, markLessonComplete } = useCourse()
 
-// การจัดการสถานะ (State Management)
+// State Management
 const currentScreen = ref<'start' | 'taking' | 'result' | 'review'>('start')
 const timeLeft = ref(0) 
 let timerInterval: ReturnType<typeof setInterval> | null = null
@@ -30,24 +30,20 @@ const quizData = ref<any>(null)
 const isLoading = ref(true)
 const isSubmitting = ref(false)
 
-// สถานะขณะทำแบบทดสอบ (Quiz Taking State)
+// Quiz Taking State
 const currentQuestionIndex = ref(0)
-const userAnswers = ref<Record<number, number>>({}) // ID คำถาม -> ID คำตอบ (questionId -> choiceId)
-const visitedQuestions = ref<Set<number>>(new Set()) // ติดตามข้อที่เคยเปิดดูแล้ว (Track visited indices)
+const userAnswers = ref<Record<number, number>>({}) // questionId -> choiceId
+const visitedQuestions = ref<Set<number>>(new Set()) // Track visited indices
 const quizResult = ref<any>(null)
 
-const questionPageSize = 10
-const questionPage = ref(0)
-
-// ติดตามคำถามที่เปิดดูแล้ว (Tracking visited questions)
+// Tracking visited questions
 watch(currentQuestionIndex, (newVal) => {
     visitedQuestions.value.add(newVal)
-    questionPage.value = Math.floor(newVal / questionPageSize)
 }, { immediate: true })
 
-// ฟังก์ชันช่วยเหลือ: ดึงคลาสสีสำหรับสถานะคำถาม (Helper: Get Status Color Class)
+// Helper: Get Status Color Class
 const getQuestionStatusClass = (index: number, questionId: number) => {
-    // 1. ข้อปัจจุบัน = สีฟ้า (Current = Blue)
+    // 1. Current = Blue
     if (index === currentQuestionIndex.value) {
         return 'bg-blue-500 text-white border-blue-600 ring-2 ring-blue-200 dark:ring-blue-900'
     }
@@ -55,29 +51,32 @@ const getQuestionStatusClass = (index: number, questionId: number) => {
     const hasAnswer = userAnswers.value[questionId] !== undefined
     const isVisited = visitedQuestions.value.has(index)
 
-    // 2. ตอบแล้ว = สีเขียว (Completed = Green)
+    // 2. Completed = Green
     if (hasAnswer) {
         return 'bg-emerald-500 text-white border-emerald-600'
     }
 
-    // 3. ข้าม = สีส้ม (เปิดดูแล้วแต่ยังไม่ตอบ) (Skipped = Orange (Visited but no answer))
-    // หมายเหตุ: ตามคำนิยามของการข้าม หากคลิกแล้วหน้าเว็บไม่บันทึกข้อมูลจะถือว่าเป็นการข้าม
-    // ในขั้นตอนนี้การดูเฉยๆ แล้วผ่านถือเป็นการข้ามเช่นกัน
+    // 3. Skipped = Orange (Visited but no answer)
+    // Note: If we are strictly following "Skipped" definition:
+    // "user pressed Skip or moved forward on a skippable question without saving an answer"
+    // In this linear flow, merely visiting and leaving empty counts as skipped.
     if (isVisited && !hasAnswer) {
         return 'bg-orange-500 text-white border-orange-600'
     }
 
-    // 4. ยังไม่เริ่ม = สีเทา (Not Started = Grey)
+    // 4. Not Started = Grey
     return 'bg-slate-200 text-slate-400 border-slate-300 dark:bg-white/5 dark:border-white/5 dark:text-slate-600 hover:bg-slate-300 dark:hover:bg-white/10'
 }
 
 const jumpToQuestion = (targetIndex: number) => {
     if (targetIndex === currentQuestionIndex.value) return
     
-    // ตรวจสอบก่อนออกจากข้อปัจจุบัน (Validation before leaving current)
+    // Validation before leaving current (same logic as Next)
     if (targetIndex > currentQuestionIndex.value) {
-         // หากข้ามไปข้างหน้า จะต้องตรวจสอบว่าข้อปัจจุบันทำไปถึงไหนแล้ว 
-         // ควรบังคับให้คลิกคำตอบก่อนจึงข้ามได้ (เงื่อนไขสำหรับคำถามที่ไม่ให้ข้าม)
+         // If jumping forward, we must validate the CURRENT question requirements
+         // unless we treat grid jumps as free navigation? 
+         // Req: "user cannot go Next until the question is answered and saved" (if not skippable).
+         // So we must check restriction on the current spot before leaving.
          const isAnswered = userAnswers.value[currentQuestion.value.id] !== undefined
          const isSkippable = quizData.value?.is_skippable
          
@@ -92,35 +91,12 @@ const jumpToQuestion = (targetIndex: number) => {
          }
     }
     
-    // อนุญาตให้ย้อนกลับได้อย่างอิสระ (If jumping backward? Usually allowed freely.)
+    // If jumping backward? Usually allowed freely.
     
     currentQuestionIndex.value = targetIndex
 }
 
-const totalQuestionPages = computed(() => Math.ceil(totalQuestions.value / questionPageSize))
-
-const visibleQuestions = computed(() => {
-    if (!quizData.value?.questions) return []
-    const start = questionPage.value * questionPageSize
-    return quizData.value.questions.slice(start, start + questionPageSize).map((q: any, i: number) => ({
-        ...q,
-        originalIndex: start + i
-    }))
-})
-
-const nextQuestionPage = () => {
-    if (questionPage.value < totalQuestionPages.value - 1) {
-        questionPage.value++
-    }
-}
-
-const prevQuestionPage = () => {
-    if (questionPage.value > 0) {
-        questionPage.value--
-    }
-}
-
-// ตัวแปรแบบ Computed (Computed Properties)
+// Computed
 const currentQuestion = computed(() => {
     if (!quizData.value || !quizData.value.questions) return null
     return quizData.value.questions[currentQuestionIndex.value]
@@ -140,7 +116,7 @@ const timerDisplay = computed(() => {
   return `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`
 })
 
-// ฟังก์ชันช่วยเหลือสำหรับการแปลภาษา (Helper for localization)
+// Helper for localization
 const getLocalizedText = (text: any) => {
   if (!text) return ''
   if (typeof text === 'string') return text
@@ -150,7 +126,7 @@ const getLocalizedText = (text: any) => {
 
 const lessonProgress = ref<any>(null)
 
-// โหลดข้อมูล (Data Fetching)
+// Data Fetching
 const loadData = async () => {
     isLoading.value = true
     try {
@@ -162,9 +138,9 @@ const loadData = async () => {
         if (courseId && lessonId) {
             const lessonRes = await fetchLessonContent(courseId, lessonId)
             if (lessonRes.success) {
-                // กำหนดข้อมูลแบบทดสอบ (Determine if data is directly the quiz or nested)
+                // Determine if data is directly the quiz or nested
                 quizData.value = lessonRes.data.quiz || lessonRes.data
-                lessonProgress.value = lessonRes.progress // บันทึกความคืบหน้า (Capture progress)
+                lessonProgress.value = lessonRes.progress // Capture progress
                 if (quizData.value?.time_limit) {
                     timeLeft.value = quizData.value.time_limit * 60
                 }
@@ -177,7 +153,7 @@ const loadData = async () => {
     }
 }
 
-// ฟังก์ชันช่วยสุ่มเรียงลำดับอาร์เรย์ (Helper for shuffling)
+// Helper for shuffling
 const shuffleArray = <T>(array: T[]): T[] => {
     return array
         .map(value => ({ value, sort: Math.random() }))
@@ -185,18 +161,18 @@ const shuffleArray = <T>(array: T[]): T[] => {
         .map(({ value }) => value)
 }
 
-// การกระทำในแบบทดสอบ (Quiz Actions)
+// Quiz Actions
 const startQuiz = () => {
-  // รีเซ็ตข้อมูลโดยคัดลอกใหม่เพื่อนำมาสุ่ม (Deep copy to reset and apply shuffle)
+  // Deep copy to reset and apply shuffle
   const rawQuiz = JSON.parse(JSON.stringify(quizData.value))
   
   if (rawQuiz) {
-      // สุ่มคำถาม (Shuffle Questions)
+      // Shuffle Questions
       if (rawQuiz.shuffle_questions && rawQuiz.questions) {
           rawQuiz.questions = shuffleArray(rawQuiz.questions)
       }
       
-      // สุ่มตัวเลือกคำตอบ (Shuffle Choices)
+      // Shuffle Choices
       if (rawQuiz.shuffle_choices && rawQuiz.questions) {
           rawQuiz.questions.forEach((q: any) => {
               if (q.choices) {
@@ -204,7 +180,7 @@ const startQuiz = () => {
               }
           })
       }
-      // อัปเดตข้อมูลให้เป็นแบบสุ่ม (Update state with shuffled data)
+      // Update state with shuffled data
       quizData.value = rawQuiz
   }
 
@@ -220,7 +196,7 @@ const startQuiz = () => {
       }, 1000)
   }
   
-  // ทำเครื่องหมายข้อแรกว่าเปิดดูแล้ว (Mark first as visited)
+  // Mark first as visited
   visitedQuestions.value = new Set([0])
 }
 
@@ -233,12 +209,12 @@ const selectAnswer = (choiceId: number) => {
 const nextQuestion = () => {
     if (!currentQuestion.value) return
 
-    // อนุญาตให้ข้ามได้หากโหมดข้ามเปิดอยู่ หรือ ตอบแล้ว (Allow skip if quiz is skippable or question is answered)
+    // Allow skip if quiz is skippable or question is answered
     const isAnswered = userAnswers.value[currentQuestion.value.id] !== undefined
     const isSkippable = quizData.value?.is_skippable
 
     if (!isAnswered && !isSkippable) {
-        // แสดงข้อความเตือน (Show warning)
+        // Show warning
         $q.notify({
             type: 'warning',
             message: t('quiz.pleaseSelectAnswer', 'กรุณาเลือกคำตอบ'),
@@ -265,7 +241,7 @@ const retryQuiz = () => {
 }
 
 const submitQuiz = async (auto = false) => {
-  // 1. ตรวจสอบก่อนว่าทำครบทุกข้อหรือยัง (Manual Validation: Check if all questions are answered)
+  // 1. Manual Validation: Check if all questions are answered
   if (!auto) {
      const answeredCount = Object.keys(userAnswers.value).length
      if (answeredCount < totalQuestions.value) {
@@ -278,7 +254,7 @@ const submitQuiz = async (auto = false) => {
         return
      }
 
-     // หน้าต่างยืนยันส่งข้อสอบแบบสวยงาม (Premium Confirmation before submission)
+     // Premium Confirmation before submission
      $q.dialog({
          title: `<div class="text-slate-900 dark:text-white font-black text-xl">${t('quiz.warningTitle')}</div>`,
          message: `<div class="text-slate-600 dark:text-slate-300 text-base leading-relaxed mt-2">${t('quiz.submitConfirm')}</div>`,
@@ -309,33 +285,33 @@ const submitQuiz = async (auto = false) => {
 }
 
 const processSubmitQuiz = async (auto = false) => {
-  // 2. เริ่มขั้นตอนการส่งข้อสอบ (Start Submission Process)
+  // 2. Start Submission Process
   if (timerInterval) clearInterval(timerInterval)
   
   isSubmitting.value = true
-  currentScreen.value = 'result' // เปลี่ยนหน้าไปที่หน้าสรุปผล (Switch to result screen to show progress)
+  currentScreen.value = 'result' // Switch to result screen to show progress
   
   try {
-      // เตรียมข้อมูลยิง API (Prepare Payload)
+      // Prepare Payload
       const answersPayload = Object.entries(userAnswers.value).map(([qId, cId]) => ({
           question_id: Number(qId),
           choice_id: cId
       }))
 
-      // ตรวจสอบว่าเคยผ่านแล้วหรือไม่ (Check if already passed)
+      // Check if already passed
       const alreadyPassed = lessonProgress.value?.is_passed || lessonProgress.value?.is_completed || false
 
-      // เรียก API (Call API)
+      // Call API
       const res = await apiSubmitQuiz(courseId, lessonId, answersPayload, alreadyPassed)
       
       if (res.success && res.data) {
           quizResult.value = res.data
-          // อัปเดตข้อมูลบนเว็บหากผ่านแบบทดสอบ (Update local progress if passed and not previously passed)
+          // Update local progress if passed and not previously passed
           if (res.data.is_passed && !alreadyPassed) {
              if (lessonProgress.value) lessonProgress.value.is_passed = true
           }
       } else {
-          // การจัดการเมื่อเกิดข้อผิดพลาดฉุกเฉิน (Fallback error handling)
+          // Fallback error handling
           $q.notify({
               type: 'negative',
               message: res.error || 'Failed to submit quiz'
@@ -388,14 +364,14 @@ const reviewQuiz = () => {
     currentScreen.value = 'review'
 }
 
-// เปลี่ยน ID เป็นตัวอักษรเพื่อความสวยงาม (A, B, C...) (Helper to get choice label (A, B, C...))
+// Helper to get choice label (A, B, C...)
 const getChoiceLabel = (index: number) => {
     return String.fromCharCode(65 + index) // 65 is 'A'
 }
 
 const getCorrectChoiceId = (questionId: number) => {
     if (!quizResult.value?.answers_review) return null
-    // เช็คข้อมูลก่อนพัง (Type checking for safety)
+    // Type checking for safety
     const review = Array.isArray(quizResult.value.answers_review) 
         ? quizResult.value.answers_review.find((r: any) => r.question_id === questionId)
         : null
@@ -408,7 +384,7 @@ const getCorrectChoiceId = (questionId: number) => {
     <q-page-container>
       <q-page>
         <div class="quiz-shell min-h-screen bg-slate-50 dark:bg-[#0b0f1a] text-slate-900 dark:text-slate-200 antialiased selection:bg-blue-500/20 transition-colors">
-    <!-- ส่วนหัว (Header) -->
+    <!-- Header -->
     <header class="h-14 bg-white dark:!bg-[var(--bg-surface)] fixed top-0 inset-x-0 z-[100] flex items-center px-6 border-b border-slate-200 dark:border-white/5 transition-colors">
       <div class="flex items-center w-full justify-between">
         <div class="flex items-center">
@@ -434,7 +410,7 @@ const getCorrectChoiceId = (questionId: number) => {
       </div>
     </header>
 
-    <!-- พื้นที่เนื้อหาหลัก (Main Content Area) -->
+    <!-- Main Content Area -->
     <main class="pt-14 h-screen flex items-center justify-center overflow-y-auto px-4 custom-scrollbar">
       
       <div v-if="isLoading" class="flex flex-col items-center gap-4">
@@ -459,9 +435,9 @@ const getCorrectChoiceId = (questionId: number) => {
       </div>
 
       <template v-else>
-          <!-- 1. หน้าเริ่มต้น (START SCREEN) -->
+          <!-- 1. START SCREEN -->
           <div v-if="currentScreen === 'start'" class="w-full max-w-[640px] animate-fade-in py-12">
-             <!-- ... (หน้าแรกยังคงเหมือนเดิม แปะไว้เป็น reference) ... -->
+             <!-- ... (Start Screen is unchanged but needs to be here for context) ... -->
              <div class="bg-white dark:!bg-[#1e293b] border border-slate-200 dark:border-white/5 rounded-[32px] p-8 md:p-14 shadow-lg dark:shadow-2xl relative overflow-hidden transition-colors">
                
                <div class="flex justify-center mb-10">
@@ -483,7 +459,7 @@ const getCorrectChoiceId = (questionId: number) => {
                  </p>
                </div>
 
-               <!-- กล่องคำแนะนำ (Instruction Box) -->
+               <!-- Instruction Box -->
                <div class="bg-slate-50 dark:bg-[#0b121f]/80 p-8 rounded-3xl mb-8 border border-slate-100 dark:border-white/5">
                   <h3 class="text-[12px] font-black text-slate-500 dark:text-slate-400 mb-6 uppercase tracking-[0.2em] flex items-center gap-2">
                      {{ $t('quiz.instructionTitle') }}
@@ -507,58 +483,35 @@ const getCorrectChoiceId = (questionId: number) => {
              </div>
           </div>
 
-          <!-- 2. หน้าทำแบบทดสอบ (TAKING SCREEN) -->
+          <!-- 2. TAKING SCREEN -->
+          <!-- 2. TAKING SCREEN -->
           <div v-if="currentScreen === 'taking'" class="w-full max-w-[840px] animate-fade-in py-12">
              <div v-if="currentQuestion" class="bg-white dark:!bg-[#1e293b] border border-slate-200 dark:border-white/5 rounded-[32px] p-8 md:p-12 shadow-xl relative overflow-hidden">
 
-                 <!-- แถบความคืบหน้า (Progress Bar) -->
+                 <!-- Progress Bar -->
                  <div class="absolute top-0 left-0 right-0 h-1.5 bg-slate-100 dark:bg-white/5">
                      <div class="h-full bg-blue-500 transition-all duration-300" :style="{ width: ((currentQuestionIndex + 1) / totalQuestions) * 100 + '%' }"></div>
                  </div>
 
-                 <!-- แผนที่คำถาม / การเปลี่ยนหน้า (Question Map / Pagination) -->
-                 <div class="flex items-center justify-center gap-2 mb-8 mt-4 select-none bg-slate-50 dark:bg-[#0b121f]/50 p-2 rounded-2xl border border-slate-100 dark:border-white/5 w-fit mx-auto">
-                     <!-- ปุ่มย้อนกลับ (หน้าก่อนหน้า) -->
-                     <button 
-                        v-if="totalQuestionPages > 1" 
-                        @click="prevQuestionPage" 
-                        :disabled="questionPage === 0"
-                        class="w-8 h-8 md:w-10 md:h-10 rounded-lg flex items-center justify-center transition-all flex-shrink-0"
-                        :class="questionPage === 0 ? 'text-slate-300 dark:text-slate-600 bg-transparent cursor-not-allowed' : 'text-slate-600 dark:text-slate-300 bg-white dark:bg-[#1e293b] hover:bg-slate-200 dark:hover:bg-white/10 shadow-sm border border-slate-200 dark:border-white/10 text-lg hover:-translate-x-0.5'"
+                 <!-- Question Map / Pagination -->
+                 <div class="flex flex-wrap gap-2 mb-8 mt-4">
+                     <button
+                         v-for="(q, idx) in quizData?.questions"
+                         :key="q.id"
+                         @click="jumpToQuestion(Number(idx))"
+                         class="w-8 h-8 md:w-10 md:h-10 rounded-lg flex items-center justify-center text-xs md:text-sm font-bold transition-all border"
+                         :class="getQuestionStatusClass(Number(idx), q.id)"
                      >
-                         <q-icon name="chevron_left" />
-                     </button>
-                     
-                     <div class="flex flex-wrap items-center justify-center gap-2">
-                         <button
-                             v-for="q in visibleQuestions"
-                             :key="q.id"
-                             @click="jumpToQuestion(q.originalIndex)"
-                             class="w-8 h-8 md:w-10 md:h-10 rounded-lg flex items-center justify-center text-xs md:text-sm font-bold transition-all border"
-                             :class="getQuestionStatusClass(q.originalIndex, q.id)"
-                         >
-                             {{ q.originalIndex + 1 }}
-                         </button>
-                     </div>
-                     
-                     <!-- ปุ่มถัดไป (หน้าถัดไป) -->
-                     <button 
-                        v-if="totalQuestionPages > 1" 
-                        @click="nextQuestionPage" 
-                        :disabled="questionPage === totalQuestionPages - 1"
-                        class="w-8 h-8 md:w-10 md:h-10 rounded-lg flex items-center justify-center transition-all flex-shrink-0"
-                        :class="questionPage === totalQuestionPages - 1 ? 'text-slate-300 dark:text-slate-600 bg-slate-100 dark:bg-white/5 cursor-not-allowed' : 'text-slate-600 dark:text-slate-300 bg-white dark:bg-[#1e293b] hover:bg-slate-100 dark:hover:bg-white/10 shadow-sm border border-slate-200 dark:border-white/10 text-lg hover:translate-x-0.5'"
-                     >
-                         <q-icon name="chevron_right" />
+                         {{ Number(idx) + 1 }}
                      </button>
                  </div>
 
-                 <!-- ชื่อคำถาม (Question Title) -->
+                 <!-- Question Title -->
                  <h3 class="text-xl md:text-2xl font-bold text-slate-900 dark:text-white mb-10 leading-relaxed">
                      {{ getLocalizedText(currentQuestion.question) }}
                  </h3>
 
-                 <!-- ส่วนการเลือกคำตอบ (Choices) -->
+                 <!-- Choices -->
                  <div class="flex flex-col gap-4 mb-12">
                      <button 
                          v-for="choice in currentQuestion.choices" 
@@ -580,7 +533,7 @@ const getCorrectChoiceId = (questionId: number) => {
 
 
 
-                 <!-- ปุ่มควบคุมต่างๆ (Controls) -->
+                 <!-- Controls -->
                  <div class="flex justify-between items-center pt-8 border-t border-slate-100 dark:border-white/5">
                      <button 
                          @click="prevQuestion" 
@@ -610,7 +563,7 @@ const getCorrectChoiceId = (questionId: number) => {
 
 
 
-           <!-- 3. หน้าผลลัพธ์การทำแบบทดสอบ (RESULT SCREEN) -->
+           <!-- 3. RESULT SCREEN -->
           <div v-if="currentScreen === 'result'" class="w-full max-w-[640px] animate-fade-in py-12">
              <div class="bg-white dark:!bg-[#1e293b] border border-slate-200 dark:border-white/5 rounded-[40px] p-10 shadow-2xl text-center relative overflow-hidden">
                  
@@ -633,7 +586,7 @@ const getCorrectChoiceId = (questionId: number) => {
                      </p>
                  </div>
 
-                 <!-- บัตรแสดงคะแนน (Score Card) -->
+                 <!-- Score Card -->
                  <div class="bg-slate-50 dark:bg-[#0b121f] rounded-3xl p-6 mb-8 flex items-center justify-around border border-slate-100 dark:border-white/5">
                      <div class="text-center">
                          <div class="text-xs font-black text-slate-400 uppercase tracking-widest mb-1">{{ $t('quiz.scoreLabel') }}</div>
@@ -673,7 +626,7 @@ const getCorrectChoiceId = (questionId: number) => {
              </div>
           </div>
 
-          <!-- 4. หน้าทบทวนข้อสอบ (REVIEW SCREEN) -->
+          <!-- 4. REVIEW SCREEN -->
           <div v-if="currentScreen === 'review'" class="w-full max-w-[840px] animate-fade-in py-12 pb-24">
              <div class="space-y-6">
                  <div 
@@ -699,7 +652,7 @@ const getCorrectChoiceId = (questionId: number) => {
                                       'border-slate-100 dark:border-white/5 opacity-80 dark:opacity-40': userAnswers[question.id] !== choice.id && choice.id !== getCorrectChoiceId(question.id)
                                   }"
                                 >
-                                    <!-- ไอคอนสถานะ (Indicator Icon) -->
+                                    <!-- Indicator Icon -->
                                     <div 
                                       class="w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0 font-bold text-sm border-2"
                                       :class="{
@@ -715,7 +668,7 @@ const getCorrectChoiceId = (questionId: number) => {
 
                                     <span class="font-medium text-slate-700 dark:text-slate-300">{{ getLocalizedText(choice.text) }}</span>
                                     
-                                    <!-- ป้ายแสดงสถานะ (Label Badge) -->
+                                    <!-- Label Badge -->
                                     <div v-if="choice.id === getCorrectChoiceId(question.id)" class="ml-auto px-2 py-0.5 bg-emerald-100 dark:bg-emerald-500/20 text-emerald-700 dark:text-emerald-300 text-xs font-bold rounded uppercase tracking-wider">
                                         {{ $t('quiz.correctLabel', 'Correct') }}
                                     </div>
@@ -742,11 +695,11 @@ const getCorrectChoiceId = (questionId: number) => {
     </main>
 
 
-        </div> <!-- ปิดส่วนเปลือกข้อสอบ (Close quiz-shell) -->
+        </div> <!-- Close quiz-shell -->
 
 
-       <!-- ป๊อปอัปแผนที่คำถาม (เดสก์ท็อป) - อยู่นอกพื้นที่ทำงานปกติ (Question Navigator Sidebar/Floating (Desktop) - Outside Main Flow) -->
-       <!-- ใช้งาน QPageSticky ให้ถูกที่ (Using QPageSticky properly inside q-page/q-layout context we added) -->
+       <!-- Question Navigator Sidebar/Floating (Desktop) - Outside Main Flow -->
+       <!-- Using QPageSticky properly inside q-page/q-layout context we added -->
       <q-page-sticky
         v-if="false"
         position="top-right"
diff --git a/Frontend-Learner/pages/course/[id].vue b/Frontend-Learner/pages/course/[id].vue
index 9f6af795..6571fff3 100644
--- a/Frontend-Learner/pages/course/[id].vue
+++ b/Frontend-Learner/pages/course/[id].vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 /**
  * @file [id].vue
- * @description หน้าแสดงรายละเอียดคอร์ส (Dynamic Course Detail Page)
- * ดึงข้อมูลคอร์สเรียนตาม ID ที่ส่งมาใน URL และมีปุ่มสำหรับចុះทะเบียน
+ * @description Dynamic Course Detail Page.
+ * Displays detailed information about a specific course based on the ID.
  */
 
 definePageMeta({
@@ -114,7 +114,7 @@ useHead({
         />
       </div>
       
-      <!-- ส่วนแสดงผลขณะโหลดข้อมูลหรือเกิดข้อผิดพลาด (Loading / Error State) -->
+      <!-- Loading / Error State -->
       <div v-else class="text-center py-20">
          <div v-if="error" class="text-red-500 mb-4">
              <p class="font-bold">เกิดข้อผิดพลาดในการโหลดข้อมูล</p>
diff --git a/Frontend-Learner/pages/dashboard/announcements.vue b/Frontend-Learner/pages/dashboard/announcements.vue
index 2734d250..220ea414 100644
--- a/Frontend-Learner/pages/dashboard/announcements.vue
+++ b/Frontend-Learner/pages/dashboard/announcements.vue
@@ -1,17 +1,17 @@
 <script setup lang="ts">
 /**
  * @file announcements.vue
- * @description หน้าแสดงประกาศระบบและข่าวสารเกี่ยวกับคอร์สเรียน (Page displaying system and course-related announcements.)
- * ใช้เลย์เอาต์เริ่มต้นและต้องตรวจสอบสิทธิ์ (Uses the default layout and requires authentication.)
+ * @description Page displaying system and course-related announcements.
+ * Uses the default layout and requires authentication.
  */
 
-// ข้อมูล metadata ของหน้า: ใช้เลย์เอาต์ 'default' และระบบตรวจสอบสิทธิ์ 'auth' (Define page metadata: usage of 'default' layout and 'auth' middleware)
+// Define page metadata: usage of 'default' layout and 'auth' middleware
 definePageMeta({
   layout: 'default',
   middleware: 'auth'
 })
 
-// กำหนดชื่อหัวหน้าเว็บสำหรับ SEO (Set page title for SEO)
+// Set page title for SEO
 useHead({
   title: 'ประกาศ - e-Learning'
 })
@@ -19,22 +19,22 @@ useHead({
 
 <template>
   <div class="page-container">
-    <!-- ส่วนหัวหน้าเว็บ (Page Header) -->
+    <!-- Page Header -->
     <h1 class="text-3xl font-black mb-10 text-slate-900 dark:text-white">ประกาศ</h1>
 
     <!-- 
-      โครงสร้างหลัก: กริด 12 คอลัมน์ (Main Layout: 12-column Grid)
-      - คอลัมน์ซ้าย (span-8): เนื้อหาประกาศหลัก (Left Column: Main announcements content)
-      - คอลัมน์ขวา (span-4): แถบหมวดหมู่/ตัวกรอง (Right Column: Categories/Filter sidebar)
+      Main Layout: 12-column Grid 
+      - Left Column (span-8): Main announcements content
+      - Right Column (span-4): Categories/Filter sidebar
     -->
     <div class="grid-12">
       
       <!-- ==========================================
-           พื้นที่เนื้อหาหลัก (ด้านซ้าย) (MAIN CONTENT AREA (Left))
+           MAIN CONTENT AREA (Left)
       ========================================== -->
       <div class="col-span-8">
         
-        <!-- หน้าที่ 1: ประกาศระบบสำคัญ (Feature 1: Critical System Announcement) -->
+        <!-- Feature 1: Critical System Announcement -->
         <div class="card mb-6">
           <div class="flex items-center gap-2 mb-2">
             <span class="status-pill status-warning">สำคัญ</span>
@@ -42,13 +42,13 @@ useHead({
           </div>
           <h2 class="text-xl font-bold mb-4 text-slate-900 dark:text-white">แจ้งปิดปรับปรุงระบบ</h2>
           <p class="mb-4">เราจะทำการปิดปรับปรุงระบบในวันที่ 25 ธ.ค. เวลา 02:00 - 04:00 น. ขออภัยในความไม่สะดวก</p>
-          <!-- ส่วนแนบไฟล์ (Attachment Block) -->
+          <!-- Attachment Block -->
           <div class="flex items-center gap-2 p-3 rounded" style="background: var(--neutral-50); border: 1px solid var(--border-color); width: fit-content;">
             <span>📎</span> <span class="text-sm font-bold">ตารางการปิดปรับปรุง.pdf</span>
           </div>
         </div>
 
-        <!-- ประกาศ: อัปเดตคอร์ส UX/UI (Announcement: UX/UI Course Update) -->
+        <!-- Announcement: UX/UI Course Update -->
         <div class="card mb-4" style="border-left: 4px solid var(--primary);">
           <div class="flex justify-between items-start mb-2" style="flex-wrap: wrap; gap: 8px;">
             <div>
@@ -61,7 +61,7 @@ useHead({
           <NuxtLink to="/browse/discovery" class="text-sm" style="color: var(--primary);">ดูรายละเอียดคอร์ส</NuxtLink>
         </div>
 
-        <!-- ประกาศ: เอกสารประกอบการเรียนด้านการเข้าถึงเว็บ (WCAG) (Announcement: Accessibility (WCAG) Material) -->
+        <!-- Announcement: Accessibility (WCAG) Material -->
         <div class="card mb-4" style="border-left: 4px solid var(--success);">
           <div class="flex justify-between items-start mb-2" style="flex-wrap: wrap; gap: 8px;">
             <div>
@@ -71,13 +71,13 @@ useHead({
             <span class="text-sm text-slate-600 dark:text-slate-400">22 ธ.ค. 2024</span>
           </div>
           <p class="text-slate-700 dark:text-slate-300 mb-2">เราได้เพิ่มไฟล์ PDF สรุปเกณฑ์ WCAG 2.2 ในส่วนของเอกสารประกอบการเรียนแล้ว...</p>
-          <!-- ไฟล์แนบแบบเล็ก (Small Attachment) -->
+          <!-- Small Attachment -->
           <div class="flex items-center gap-2 p-2 rounded mt-2" style="background: var(--neutral-50); border: 1px dotted var(--border-color); width: fit-content;">
             <span>📄</span> <span class="text-xs">WCAG_2.2_Summary.pdf</span>
           </div>
         </div>
 
-        <!-- ประกาศ: อัปเดตคอร์ส React (Announcement: React Course Update) -->
+        <!-- Announcement: React Course Update -->
         <div class="card mb-4" style="border-left: 4px solid var(--warning);">
           <div class="flex justify-between items-start mb-2" style="flex-wrap: wrap; gap: 8px;">
             <div>
@@ -90,7 +90,7 @@ useHead({
           <NuxtLink to="/classroom/learning" class="btn btn-secondary text-sm" style="width: fit-content;">เข้าสู่บทเรียน</NuxtLink>
         </div>
 
-        <!-- ประกาศ: คอร์สใหม่ทั่วไป (Announcement: General New Course) -->
+        <!-- Announcement: General New Course -->
         <div class="card mb-4">
           <div class="flex justify-between items-start mb-2" style="flex-wrap: wrap; gap: 8px;">
             <h3 class="font-bold text-slate-900 dark:text-white">คอร์สใหม่: Advanced Python</h3>
@@ -100,7 +100,7 @@ useHead({
           <a href="#" class="text-sm" style="color: var(--primary);">อ่านเพิ่มเติม</a>
         </div>
 
-        <!-- ประกาศ: อัปเดตแพลตฟอร์ม (Announcement: Platform Update) -->
+        <!-- Announcement: Platform Update -->
         <div class="card mb-4">
           <div class="flex justify-between items-start mb-2" style="flex-wrap: wrap; gap: 8px;">
             <h3 class="font-bold text-slate-900 dark:text-white">ยินดีต้อนรับสู่ดีไซน์ใหม่!</h3>
@@ -112,24 +112,24 @@ useHead({
       </div>
 
       <!-- ==========================================
-           แถบด้านข้าง (ด้านขวา) (SIDEBAR (Right))
-           ตัวกรองหมวดหมู่ (Category Filters)
+           SIDEBAR (Right)
+           Category Filters
       ========================================== -->
       <div class="col-span-4">
         <div class="card">
           <h3 class="font-bold mb-4 text-slate-900 dark:text-white">หมวดหมู่</h3>
           <ul class="flex flex-col gap-2">
-            <!-- ตัวเลือกตัวกรอง: ทั้งหมด (Filter Option: All) -->
+            <!-- Filter Option: All -->
             <li class="flex justify-between items-center p-2 rounded cursor-pointer" style="background: var(--neutral-50);">
               <span>ทั้งหมด</span>
               <span class="text-muted">15</span>
             </li>
-            <!-- ตัวเลือกตัวกรอง: อัปเดตระบบ (Filter Option: System Updates) -->
+            <!-- Filter Option: System Updates -->
             <li class="flex justify-between items-center p-2 rounded cursor-pointer">
               <span>อัปเดตระบบ</span>
               <span class="text-muted">3</span>
             </li>
-            <!-- ตัวเลือกตัวกรอง: ข่าวสารคอร์ส (Filter Option: Course News) -->
+            <!-- Filter Option: Course News -->
             <li class="flex justify-between items-center p-2 rounded cursor-pointer">
               <span>ข่าวสารคอร์ส</span>
               <span class="text-muted">11</span>
diff --git a/Frontend-Learner/pages/dashboard/index.vue b/Frontend-Learner/pages/dashboard/index.vue
index 08d9c395..9e84868c 100644
--- a/Frontend-Learner/pages/dashboard/index.vue
+++ b/Frontend-Learner/pages/dashboard/index.vue
@@ -1,46 +1,44 @@
 <script setup lang="ts">
 /**
  * @file index.vue
- * @description หน้าหลักแดชบอร์ด (Dashboard Home)
+ * @description Dashboard Home Page matching FutureSkill design
  */
 
-// 1. นำเข้าระบบและกำหนด MetaData
 definePageMeta({
   layout: "default",
   middleware: "auth",
 });
 
 useHead({
-  title: "Dashboard - e-Learning Platform",
+  title: "Dashboard - FutureSkill Clone",
 });
 
-// 2. เรียกใช้งาน Composables
 const { currentUser } = useAuth();
 const { fetchCourses, fetchEnrolledCourses, getLocalizedText } = useCourse();
 const { fetchCategories } = useCategory();
 const { t } = useI18n();
 
-// 3. กำหนดสถานะ (State)
+// State
 const enrolledCourses = ref<any[]>([]);
 const recommendedCourses = ref<any[]>([]);
 const libraryCourses = ref<any[]>([]);
 const categories = ref<any[]>([]);
+
 const isLoading = ref(true);
 
-// 4. การจัดการโหลดข้อมูล (Data Initialization)
+// Initial Data Fetch
 onMounted(async () => {
   isLoading.value = true;
   try {
-    const [catRes, enrollRes, courseRes, allCoursesRes] = await Promise.all([
+    const [catRes, enrollRes, courseRes] = await Promise.all([
       fetchCategories(),
-      fetchEnrolledCourses({ limit: 10 }), // ดึงข้อมูลคอร์สที่ลงทะเบียนไว้
+      fetchEnrolledCourses({ limit: 10 }), // Fetch more enrolled courses for library section
       fetchCourses({
         limit: 3,
         random: true,
         forceRefresh: true,
         is_recommended: true,
-      }), // ดึงข้อมูลคอร์สแนะนำ
-      fetchCourses({ limit: 1000 }) // สำหรับแมปหมวดหมู่
+      }), // Fetch 3 Recommended Courses
     ]);
 
     if (catRes.success) {
@@ -50,44 +48,36 @@ onMounted(async () => {
     const catMap = new Map();
     categories.value.forEach((c: any) => catMap.set(c.id, c.name));
 
-    const catIdMap = new Map();
-    if (allCoursesRes && allCoursesRes.success && allCoursesRes.data) {
-        allCoursesRes.data.forEach((c: any) => catIdMap.set(c.id, c.category_id));
-    }
-
-    // จัดการข้อมูลคอร์สที่ลงทะเบียน (Mapping Enrolled Courses)
+    // Map Enrolled Courses
     if (enrollRes.success && enrollRes.data) {
+      // Sort by last_accessed_at descending (Newest first)
       const sortedEnrollments = [...enrollRes.data].sort((a, b) => {
         const dateA = new Date(a.last_accessed_at || a.enrolled_at).getTime();
         const dateB = new Date(b.last_accessed_at || b.enrolled_at).getTime();
         return dateB - dateA;
       });
 
-      enrolledCourses.value = sortedEnrollments.map((item: any) => {
-        const mappedCategoryId = catIdMap.get(item.course.id) || item.course.category_id;
-        
-        return {
-          id: item.course_id,
-          title: item.course.title,
-          thumbnail_url: item.course.thumbnail_url,
-          progress: item.progress_percentage || 0,
-          total_lessons: item.course.total_lessons || 0,
-          completed_lessons: Math.floor(
-            (item.progress_percentage / 100) * (item.course.total_lessons || 0),
-          ),
-          category: catMap.get(mappedCategoryId),
-          lessons: item.course.total_lessons || 0,
-          image: item.course.thumbnail_url,
-          enrolled: true,
-          instructor: item.course.creator || item.course.instructor,
-          last_accessed: item.last_accessed_at || item.enrolled_at
-        };
-      });
+      enrolledCourses.value = sortedEnrollments.map((item: any) => ({
+        id: item.course_id,
+        title: item.course.title,
+        thumbnail_url: item.course.thumbnail_url,
+        progress: item.progress_percentage || 0,
+        total_lessons: item.course.total_lessons || 10,
+        completed_lessons: Math.floor(
+          (item.progress_percentage / 100) * (item.course.total_lessons || 10),
+        ),
+        // For CourseCard compatibility in library section
+        category: catMap.get(item.course.category_id),
+        lessons: item.course.total_lessons || 0,
+        image: item.course.thumbnail_url,
+        enrolled: true,
+      }));
 
+      // Update libraryCourses with only 2 courses
       libraryCourses.value = enrolledCourses.value.slice(0, 2);
     }
 
-    // จัดการข้อมูลคอร์สแนะนำ (Mapping Recommended Courses)
+    // Map Recommended Courses
     if (courseRes.success && courseRes.data) {
       recommendedCourses.value = courseRes.data.map((c: any) => ({
         id: c.id,
@@ -108,215 +98,328 @@ onMounted(async () => {
   }
 });
 
-// 5. ตัวแปร Computed และฟังก์ชันเสริม
+// Helper for "Continue Learning" Hero Card
 const heroCourse = computed(() => enrolledCourses.value[0] || null);
 const sideCourses = computed(() => enrolledCourses.value.slice(1, 3));
-
-const navigateToCategory = (catName: string) => {
-  const cat = categories.value.find(c => getLocalizedText(c.name) === catName);
-  if (cat) {
-    navigateTo(`/browse/discovery?category_id=${cat.id}`);
-  } else {
-    navigateTo(`/browse/discovery`);
-  }
-}
 </script>
 
 <template>
-  <div class="bg-[#F8F9FA] dark:bg-[#020617] min-h-screen font-inter p-4 md:p-8 transition-colors duration-300">
-    <div class="max-w-[1400px] mx-auto grid grid-cols-1 xl:grid-cols-3 gap-8">
-      
-      <!-- คอลัมน์ซ้าย (เนื้อหาหลัก) -->
-      <div class="xl:col-span-2 space-y-6">
-        
-        <!-- ป้ายต้อนรับ (Welcome Banner) -->
-        <div class="bg-[#3B6BE8] rounded-[2rem] p-6 md:p-10 relative overflow-hidden text-white shadow-[0_8px_30px_rgb(59,107,232,0.2)]">
-           <!-- ลวดลายพื้นหลังและดาวตกแต่ง -->
-           <div class="absolute inset-0 bg-grid-pattern opacity-10 md:opacity-20 pointer-events-none"></div>
-           <div class="absolute right-5 md:right-10 top-1/2 -translate-y-1/2 w-20 h-20 md:w-28 md:h-28 border border-white/20 rounded-[1.5rem] md:rounded-[2rem] flex items-center justify-center rotate-12 bg-white/5 backdrop-blur-sm opacity-30 md:opacity-100">
-             <q-icon name="auto_awesome" size="32px" md-size="48px" class="text-white" />
-           </div>
+  <div class="bg-[#F8F9FA] dark:bg-[#020617] min-h-screen font-inter pb-20 transition-colors duration-300">
+    <div class="container mx-auto px-6 md:px-12 space-y-16 mt-10">
+      <!-- 1. Dashboard Hero Banner (Refined) -->
+      <section
+        class="relative overflow-hidden bg-gradient-to-br from-white to-slate-50 dark:from-slate-900 dark:to-slate-950 rounded-[2rem] py-10 md:py-14 px-8 md:px-12 shadow-sm border border-slate-100 dark:border-slate-800 flex flex-col items-center text-center transition-colors duration-300"
+      >
+        <!-- Subtle Decorative Elements -->
+        <div
+          class="absolute top-[-20%] left-[-10%] w-[300px] h-[300px] bg-blue-500/5 dark:bg-blue-500/10 rounded-full blur-3xl -z-10"
+        />
+        <div
+          class="absolute bottom-[-20%] right-[-10%] w-[300px] h-[300px] bg-indigo-500/5 dark:bg-indigo-500/10 rounded-full blur-3xl -z-10"
+        />
 
-           <div class="relative z-10 max-w-lg">
-             <h1 class="text-2xl md:text-4xl font-bold mb-2 md:mb-3 tracking-tight">{{ $t('dashboard.welcomeTitle') }} {{ currentUser?.firstName || 'User' }} !</h1>
-             <p class="text-blue-100/90 text-[13px] md:text-[15px] leading-relaxed mb-6 md:mb-8 font-medium">
-               {{ $t('dashboard.welcomeSubtitle') }}
-             </p>
-             <button @click="navigateTo('/browse/discovery')" class="bg-white text-[#3B6BE8] font-bold px-5 py-2.5 md:px-6 md:py-3 rounded-full text-xs md:text-sm flex items-center gap-2 hover:bg-slate-50 hover:scale-105 shadow-md transition-all">
-               {{ $t('dashboard.moreCourses') }} <q-icon name="chevron_right" size="16px" />
-             </button>
-           </div>
-        </div>
+        <div class="max-w-2xl space-y-6 relative z-10">
+          <h1
+            class="text-3xl md:text-4xl lg:text-5xl font-bold text-slate-900 dark:text-white leading-[1.5] tracking-tight"
+          >
+            {{ $t("dashboard.heroTitle") }}
+            <span class="inline-block text-blue-600 dark:text-blue-400 mt-1 md:mt-2">{{
+              $t("dashboard.heroSubtitle")
+            }}</span>
+          </h1>
 
-        <!-- การ์ดหมวดหมู่ด่วน (3 Stats Cards) -->
-        <div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
-           <!-- การออกแบบ -->
-            <div @click="navigateToCategory('การออกแบบ')" class="bg-white dark:!bg-slate-900 rounded-[1.5rem] p-5 flex items-center gap-4 shadow-sm border border-slate-100 dark:border-slate-800 transition-all hover:scale-105 hover:shadow-md cursor-pointer">
-               <div class="w-12 h-12 rounded-2xl bg-[#E9EFFD] dark:bg-blue-900/30 text-[#3B6BE8] flex items-center justify-center shrink-0">
-                  <q-icon name="palette" size="24px" />
-               </div>
-               <div>
-                  <h3 class="font-bold text-slate-800 dark:text-slate-200 text-sm">{{ $t('discovery.design') }}</h3>
-               </div>
-            </div>
-           <!-- การเขียนโปรแกรม -->
-            <div @click="navigateToCategory('การเขียนโปรแกรม')" class="bg-white dark:!bg-slate-900 rounded-[1.5rem] p-5 flex items-center gap-4 shadow-sm border border-slate-100 dark:border-slate-800 transition-all hover:scale-105 hover:shadow-md cursor-pointer">
-               <div class="w-12 h-12 rounded-2xl bg-[#FFF3EB] dark:bg-orange-900/30 text-[#FF8A4C] flex items-center justify-center shrink-0">
-                  <q-icon name="code" size="24px" />
-               </div>
-               <div>
-                  <h3 class="font-bold text-slate-800 dark:text-slate-200 text-sm">{{ $t('discovery.programming') }}</h3>
-               </div>
-            </div>
-           <!-- ธุรกิจ -->
-            <div @click="navigateToCategory('ธุรกิจ')" class="bg-white dark:!bg-slate-900 rounded-[1.5rem] p-5 flex items-center gap-4 shadow-sm border border-slate-100 dark:border-slate-800 transition-all hover:scale-105 hover:shadow-md cursor-pointer">
-               <div class="w-12 h-12 rounded-2xl bg-[#EBFAF6] dark:bg-emerald-900/30 text-[#10B981] flex items-center justify-center shrink-0">
-                  <q-icon name="work_outline" size="24px" />
-               </div>
-               <div>
-                  <h3 class="font-bold text-slate-800 dark:text-slate-200 text-sm">{{ $t('discovery.business') }}</h3>
-               </div>
-            </div>
-        </div>
+          <p
+            class="text-slate-500 dark:text-slate-400 font-medium text-base md:text-lg max-w-xl mx-auto leading-relaxed"
+          >
+            {{ $t("dashboard.heroDesc") }}
+          </p>
 
-        <!-- ส่วนเรียนต่อจากครั้งก่อน (Continue Learning) -->
-        <div class="bg-white dark:!bg-slate-900 rounded-[2rem] p-6 md:p-8 shadow-sm border border-slate-100 dark:border-slate-800 transition-colors">
-          <div class="flex items-center justify-between mb-6">
-             <h2 class="text-[1.35rem] font-bold text-slate-900 dark:text-white tracking-tight">{{ $t('dashboard.continueLearningTitle') }}</h2>
-             <NuxtLink to="/dashboard/my-courses" class="text-[#3B6BE8] font-bold text-sm flex items-center gap-1 hover:underline">
-               {{ $t('dashboard.viewAll') }}
-             </NuxtLink>
-          </div>
-          
-          <div v-if="heroCourse" class="bg-[#F8F9FA] dark:bg-slate-800/50 rounded-3xl p-4 md:p-6 flex flex-col md:flex-row gap-6 md:gap-8 items-center border border-slate-100 dark:border-slate-800">
-             <div class="w-full md:w-[35%] aspect-[4/3] rounded-[1.5rem] overflow-hidden flex-shrink-0 bg-slate-200">
-                <img :src="heroCourse.thumbnail_url" class="w-full h-full object-cover" />
-             </div>
-             
-             <div class="flex-1 w-full flex flex-col">
-                <div class="flex items-center justify-between mb-3">
-                   <!-- ป้ายบอกหมวดหมู่ (Category Badge) -->
-                   <div v-if="heroCourse.category">
-                      <span class="bg-[#E9EFFD] dark:bg-blue-900/40 text-[#3B6BE8] dark:text-blue-400 px-3 py-1 rounded-full text-[11px] font-bold tracking-wide">{{ getLocalizedText(heroCourse.category) }}</span>
-                   </div>
-                   <div v-else></div>
-                   <span class="text-slate-400 dark:text-slate-400 text-xs flex items-center gap-1.5 font-medium" v-if="heroCourse.last_accessed">
-                     <q-icon name="schedule" size="14px" /> {{ $t('common.latest') }} {{ new Date(heroCourse.last_accessed).toLocaleDateString('th-TH', { day: 'numeric', month: 'short' }) }}
-                   </span>
-                </div>
-                
-                <h3 class="text-2xl font-bold text-slate-900 dark:text-white mb-2 leading-snug line-clamp-2">
-                  {{ getLocalizedText(heroCourse.title) || 'Advanced UI/UX Design มาสเตอร์คลาส' }}
-                </h3>
-                <!-- ไม่แสดงเลขบทเรียนตามที่ได้รับคำขอมา (Removed Lesson Title/Number as per request) -->
-                
-                <div class="mb-6 mt-4">
-                   <div class="flex justify-between text-[13px] font-bold mb-2">
-                      <span class="text-[#3B6BE8] dark:text-blue-400">{{ $t('course.progress') }}: {{ heroCourse.progress || 0 }}%</span>
-                   </div>
-                   <div class="h-2.5 w-full bg-slate-200 dark:bg-slate-700 rounded-full overflow-hidden">
-                      <div class="h-full bg-[#3B6BE8] rounded-full transition-all duration-500" :style="{ width: `${heroCourse.progress || 0}%` }"></div>
-                   </div>
-                </div>
-                
-                <div class="flex items-center justify-between mt-auto">
-                   <div class="flex items-center gap-3" v-if="heroCourse.instructor">
-                      <div class="w-10 h-10 rounded-full bg-orange-100 overflow-hidden shrink-0 border border-slate-200 dark:border-slate-700">
-                         <img :src="heroCourse.instructor.profile_image_url || heroCourse.instructor.photoURL || `https://api.dicebear.com/7.x/avataaars/svg?seed=${heroCourse.instructor.username || 'Inst'}`" class="w-full h-full object-cover" />
-                      </div>
-                      <div>
-                         <p class="font-bold text-slate-900 dark:text-white text-[13px] leading-tight mb-0.5">
-                           {{ heroCourse.instructor.firstName || heroCourse.instructor.first_name ? `${heroCourse.instructor.firstName || heroCourse.instructor.first_name} ${heroCourse.instructor.lastName || heroCourse.instructor.last_name || ''}` : heroCourse.instructor.username || 'ผู้สอน' }}
-                         </p>
-                         <p class="text-slate-500 dark:text-slate-400 text-[11px] font-medium line-clamp-1">{{ heroCourse.instructor.bio || heroCourse.instructor.role?.name?.th || 'Instructor' }}</p>
-                      </div>
-                   </div>
-                   <div v-else class="flex items-center gap-3"></div>
-                   <button @click="navigateTo(`/classroom/learning?course_id=${heroCourse.id}`)" class="bg-[#3B6BE8] hover:bg-blue-700 text-white px-5 py-2.5 rounded-full font-bold text-sm flex items-center gap-2 shadow-lg shadow-blue-500/20 transition-all hover:scale-105 shrink-0">
-                      <q-icon name="play_circle" size="18px" /> {{ $t('course.continueLearning') }}
-                   </button>
-                </div>
-             </div>
-          </div>
-          
-          <div v-else class="bg-[#F8F9FA] dark:bg-slate-800/50 rounded-3xl p-10 flex items-center justify-center text-slate-400 border border-dashed border-slate-200 dark:border-slate-700">
-             ไม่มีคอร์สเรียนปัจจุบัน
+          <div class="flex flex-wrap justify-center gap-4 pt-4">
+            <q-btn
+              unelevated
+              rounded
+              color="primary"
+              :label="$t('dashboard.goToMyCourses')"
+              class="px-8 h-[48px] font-bold no-caps shadow-lg shadow-blue-500/10 hover:-translate-y-0.5 transition-all text-sm"
+              to="/dashboard/my-courses"
+            />
+            <q-btn
+              outline
+              rounded
+              color="primary"
+              :label="$t('dashboard.searchNewCourses')"
+              class="px-8 h-[48px] font-bold no-caps hover:bg-white dark:hover:bg-slate-800 transition-all border-1 text-sm dark:text-white dark:border-slate-600"
+              style="border-width: 1.5px"
+              to="/browse/discovery"
+            />
           </div>
         </div>
-      </div>
-      
-      <!-- คอลัมน์ขวา (แถบข้อมูลโปรไฟล์และคอร์สแนะนำ) -->
-      <div class="xl:col-span-1 space-y-6">
-         <!-- วิดเจ็ตโปรไฟล์ผู้ใช้ -->
-         <div class="bg-white dark:!bg-slate-900 rounded-[2rem] p-8 shadow-sm border border-slate-100 dark:border-slate-800 text-center flex flex-col items-center relative overflow-hidden transition-colors">
-            <!-- พื้นหลังตกแต่ง (decorative bg) -->
-            <div class="absolute top-0 left-0 right-0 h-24 bg-gradient-to-b from-[#F8FAFC] to-white dark:from-slate-800 dark:to-slate-900"></div>
+      </section>
 
-            <div class="relative z-10 w-24 h-24 rounded-full bg-white dark:bg-slate-800 mb-4 shadow-md flex items-center justify-center">
-               <UserAvatar 
-                  :photo-u-r-l="currentUser?.photoURL" 
-                  :first-name="currentUser?.firstName || 'ผู้ใช้งาน'" 
-                  :last-name="currentUser?.lastName" 
-                  size="88"
-                  class="rounded-full object-cover"
+      <!-- 2. Continue Learning Section -->
+      <section v-if="enrolledCourses.length > 0">
+        <div class="flex justify-between items-end mb-6">
+          <h2 class="text-xl md:text-2xl font-bold text-[#2D2D2D] dark:text-white transition-colors">
+            {{ $t("dashboard.continueLearningTitle") }}
+          </h2>
+          <NuxtLink
+            to="/dashboard/my-courses"
+            class="text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300 font-medium text-sm flex items-center gap-1 transition-colors"
+          >
+            {{ $t("dashboard.myCourses") }}
+            <q-icon name="arrow_forward" size="16px" />
+          </NuxtLink>
+        </div>
+
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 items-start">
+          <!-- Hero Card (Left) -->
+          <div
+            v-if="heroCourse"
+            class="relative group cursor-pointer rounded-2xl overflow-hidden bg-white dark:bg-[#1e293b] shadow-sm border border-gray-100 dark:border-slate-700 hover:shadow-md transition-all h-[260px] md:h-[320px]"
+            @click="
+              navigateTo(`/classroom/learning?course_id=${heroCourse.id}`)
+            "
+          >
+            <img
+              :src="heroCourse.thumbnail_url"
+              class="w-full h-full object-cover brightness-75 group-hover:brightness-90 transition-all duration-500"
+            />
+
+            <div
+              class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/30 to-transparent p-8 flex flex-col justify-end"
+            >
+              <h3
+                class="text-white text-2xl font-bold mb-4 line-clamp-2 leading-snug shadow-black/50 drop-shadow-sm"
+              >
+                {{ getLocalizedText(heroCourse.title) }}
+              </h3>
+
+              <!-- Progress -->
+              <div class="w-full">
+                <div class="flex justify-end text-gray-300 text-xs mb-2">
+                  <span>{{ heroCourse.progress }}%</span>
+                </div>
+                <div
+                  class="h-1.5 w-full bg-white/20 rounded-full overflow-hidden"
+                >
+                  <div
+                    class="h-full rounded-full transition-all duration-500"
+                    :class="
+                      heroCourse.progress === 100
+                        ? 'bg-emerald-500'
+                        : 'bg-blue-500'
+                    "
+                    :style="{ width: `${heroCourse.progress}%` }"
+                  ></div>
+                </div>
+                <div class="mt-4 flex justify-end">
+                  <span
+                    class="font-bold text-sm hover:underline transition-colors"
+                    :class="
+                      heroCourse.progress === 100
+                        ? 'text-emerald-400'
+                        : 'text-white'
+                    "
+                  >
+                    {{
+                      heroCourse.progress === 100
+                        ? $t("dashboard.studyAgain")
+                        : $t("dashboard.continue")
+                    }}
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- Side List (Right) -->
+          <div class="flex flex-col gap-4">
+            <div
+              v-for="course in sideCourses"
+              :key="course.id"
+              class="flex-1 bg-white dark:bg-[#1e293b] rounded-2xl p-4 border border-gray-100 dark:border-slate-700 shadow-sm hover:shadow-md transition-all flex gap-4 items-center"
+            >
+              <div class="w-32 h-20 rounded-xl overflow-hidden flex-shrink-0">
+                <img
+                  :src="course.thumbnail_url"
+                  class="w-full h-full object-cover"
                 />
+              </div>
+              <div
+                class="flex-grow min-w-0 flex flex-col justify-between h-full py-1"
+              >
+                <h4 class="text-gray-800 dark:text-slate-200 font-bold text-sm line-clamp-2 mb-2 transition-colors">
+                  {{ getLocalizedText(course.title) }}
+                </h4>
 
-            </div>
-            
-            <h2 class="text-xl font-bold text-slate-900 dark:text-white relative z-10 tracking-tight">
-              {{ currentUser?.firstName ? `${currentUser.firstName} ${currentUser.lastName || ''}` : 'ผู้ใช้งาน' }}
-            </h2>
-            <p class="text-slate-500 dark:text-slate-400 text-xs mt-1 relative z-10 font-medium tracking-wide">{{ $t('common.student') }}</p>
-            
-            <div class="flex w-full gap-3 mt-7 relative z-10 px-2">
-                <div class="flex-1 bg-[#F8FAFC] dark:bg-slate-800 rounded-2xl p-3.5 flex flex-col items-center justify-center transition-colors shadow-sm">
-                   <span class="text-[1.35rem] font-black text-[#3B6BE8] dark:text-blue-400 mb-1 leading-none">{{ enrolledCourses.length || 0 }}</span>
-                   <span class="text-slate-400 text-[10px] font-bold tracking-wider">{{ $t('sidebar.onlineCourses') }}</span>
-                </div>
-                <div class="flex-1 bg-[#F8FAFC] dark:bg-slate-800 rounded-2xl p-3.5 flex flex-col items-center justify-center transition-colors shadow-sm">
-                   <span class="text-[1.35rem] font-black text-[#10B981] dark:text-emerald-400 mb-1 leading-none z-10">{{ enrolledCourses.filter(c => c.progress >= 100).length || 0 }}</span>
-                   <span class="text-slate-400 text-[10px] font-bold tracking-wider z-10">{{ $t('myCourses.filterCompleted') }}</span>
-                </div>
-            </div>
-         </div>
-         
-         <!-- วิดเจ็ตคอร์สแนะนำ -->
-         <div v-if="recommendedCourses.length > 0" class="bg-white dark:!bg-slate-900 rounded-[2rem] p-6 shadow-sm border border-slate-100 dark:border-slate-800 transition-colors">
-             <h2 class="text-[1.1rem] font-bold text-slate-900 dark:text-white mb-5 tracking-tight flex items-center justify-between">
-               {{ $t('dashboard.recommendedCourses') }}
-             </h2>
-            <div class="flex flex-col gap-5">
-               <div v-for="course in recommendedCourses.slice(0, 3)" :key="course.id" class="flex gap-4 group cursor-pointer transition-all" @click="navigateTo(`/browse/discovery?course_id=${course.id}`)">
-                  <!-- รูปหน้าปก (Thumbnail) -->
-                  <div class="w-24 h-[68px] rounded-xl overflow-hidden bg-slate-100 shrink-0 relative shadow-sm">
-                     <img :src="course.image" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
+                <div class="mt-auto">
+                  <div
+                    class="h-1.5 w-full bg-gray-100 dark:bg-slate-700 rounded-full overflow-hidden mb-2"
+                  >
+                    <div
+                      class="h-full rounded-full transition-all duration-500"
+                      :class="
+                        course.progress === 100
+                          ? 'bg-emerald-500'
+                          : 'bg-blue-600'
+                      "
+                      :style="{ width: `${course.progress}%` }"
+                    ></div>
                   </div>
-                  <!-- ข้อมูลคอร์ส (Info) -->
-                  <div class="flex-1 flex flex-col justify-center min-w-0">
-                     <h3 class="font-bold text-[13px] text-slate-900 dark:text-white leading-snug line-clamp-2 mb-1.5 group-hover:text-[#3B6BE8] transition-colors pr-1">{{ getLocalizedText(course.title) }}</h3>
-                     <div class="flex items-center justify-between mt-auto">
-                        <span class="text-slate-500 dark:text-slate-400 text-[11px] font-medium bg-slate-100 dark:bg-slate-800 px-2 py-0.5 rounded text-ellipsis overflow-hidden whitespace-nowrap max-w-[80px]">{{ getLocalizedText(course.category) || 'อื่นๆ' }}</span>
-                        <span v-if="course.is_free" class="text-[#10B981] font-bold text-[12px]">ฟรี</span>
-                        <span v-else class="text-[#3B6BE8] font-bold text-[12px]">฿{{ Number(course.price).toLocaleString() }}</span>
-                     </div>
+                  <div class="flex justify-end items-center text-xs">
+                    <span
+                      class="font-bold cursor-pointer hover:underline transition-colors"
+                      :class="
+                        course.progress === 100
+                          ? 'text-emerald-600 dark:text-emerald-400'
+                          : 'text-blue-600 dark:text-blue-400'
+                      "
+                      @click="
+                        navigateTo(`/classroom/learning?course_id=${course.id}`)
+                      "
+                    >
+                      {{
+                        course.progress === 100
+                          ? $t("dashboard.studyAgain")
+                          : $t("dashboard.continue")
+                      }}
+                    </span>
                   </div>
-               </div>
+                </div>
+              </div>
             </div>
-            
-             <button @click="navigateTo('/browse/discovery')" class="w-full mt-6 py-2.5 rounded-xl text-[13px] font-bold text-[#3B6BE8] dark:text-blue-400 bg-blue-50 dark:bg-blue-900/30 hover:bg-blue-100 dark:hover:bg-blue-900/50 transition-colors">
-                {{ $t('dashboard.viewAllCourses') }}
-             </button>
-         </div>
-      </div>
+            <!-- Empty State Placeholder if less than 2 side courses -->
+            <div
+              v-if="sideCourses.length < 2"
+              class="flex-1 bg-gray-50 dark:bg-[#1e293b]/50 rounded-2xl border border-dashed border-gray-200 dark:border-slate-700 flex items-center justify-center text-gray-400 dark:text-slate-500 text-sm transition-colors"
+            >
+              {{ $t("dashboard.startNewCourse") }}
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- 3. Knowledge Library -->
+      <section>
+        <div class="mb-6">
+          <h2 class="text-xl md:text-2xl font-bold text-[#2D2D2D] dark:text-white mb-1 transition-colors">
+            {{ $t("dashboard.knowledgeLibrary") }}
+          </h2>
+          <p class="text-gray-500 dark:text-slate-400 text-sm transition-colors">
+            {{ $t("dashboard.libraryDesc") }}
+          </p>
+        </div>
+
+        <!-- Content when courses exist -->
+        <div
+          v-if="libraryCourses.length > 0"
+          class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6"
+        >
+          <!-- Course Cards -->
+          <CourseCard
+            v-for="course in libraryCourses"
+            :key="course.id"
+            v-bind="course"
+            :image="course.thumbnail_url"
+            hide-progress
+            hide-actions
+            class="h-full md:col-span-1"
+          />
+
+          <!-- CTA Card (Large) -->
+          <div
+            class="bg-white dark:bg-[#1e293b] rounded-3xl border border-gray-100 dark:border-slate-700 shadow-sm p-8 flex flex-col items-center justify-center text-center h-full min-h-[300px] hover:shadow-md transition-all group"
+          >
+            <p class="text-gray-600 dark:text-slate-300 font-medium mb-6 mt-4 transition-colors">
+              {{ $t("dashboard.chooseLibrary") }}
+            </p>
+            <q-btn
+              flat
+              rounded
+              no-caps
+              class="text-blue-600 hover:bg-blue-50 dark:text-blue-400 dark:hover:bg-blue-900/30 px-6 py-2 font-bold group-hover:scale-105 transition-transform"
+              to="/dashboard/my-courses"
+            >
+              {{ $t("dashboard.viewAll") }}
+              <q-icon name="arrow_forward" size="18px" class="ml-2" />
+            </q-btn>
+          </div>
+        </div>
+
+        <!-- Empty State when no courses -->
+        <div
+          v-else
+          class="bg-white dark:bg-[#1e293b] rounded-3xl border border-dashed border-gray-200 dark:border-slate-700 p-12 flex flex-col items-center justify-center text-center min-h-[300px] transition-colors"
+        >
+          <div class="bg-blue-50 dark:bg-blue-900/20 p-6 rounded-full mb-6 transition-colors">
+            <q-icon name="school" size="48px" class="text-blue-200 dark:text-blue-400" />
+          </div>
+          <h3 class="text-xl font-bold text-gray-800 dark:text-white mb-2 transition-colors">
+            {{ $t("dashboard.emptyLibraryTitle") }}
+          </h3>
+          <p class="text-gray-500 dark:text-slate-400 mb-8 max-w-md transition-colors">
+            {{ $t("dashboard.emptyLibraryDesc") }}
+          </p>
+          <q-btn
+            unelevated
+            rounded
+            no-caps
+            class="bg-blue-600 text-white px-8 py-3 font-bold hover:bg-blue-700 shadow-lg shadow-blue-500/20 transition-all hover:scale-105"
+            to="/browse/discovery"
+          >
+            {{ $t("dashboard.viewAllCourses") }}
+          </q-btn>
+        </div>
+      </section>
+
+      <!-- 5. Recommended Courses -->
+      <section class="pb-20">
+        <div class="mb-6">
+          <h2 class="text-xl md:text-2xl font-bold text-[#2D2D2D] dark:text-white text-left transition-colors">
+            {{ $t("dashboard.recommendedCourses") }}
+          </h2>
+        </div>
+
+        <!-- Recommended Grid (3 columns) -->
+        <div
+          class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 animate-fade-in"
+        >
+          <CourseCard
+            v-for="course in recommendedCourses"
+            :key="course.id"
+            v-bind="course"
+          />
+        </div>
+
+        <!-- Loading State -->
+        <div
+          v-if="recommendedCourses.length === 0 && !isLoading"
+          class="flex justify-center py-10 opacity-50"
+        >
+          <div class="text-gray-400 dark:text-slate-500">{{ $t("dashboard.noRecommended") }}</div>
+        </div>
+      </section>
     </div>
   </div>
 </template>
 
 <style scoped>
-.bg-grid-pattern {
-  background-image: 
-    linear-gradient(to right, rgba(255,255,255,0.08) 1px, transparent 1px),
-    linear-gradient(to bottom, rgba(255,255,255,0.08) 1px, transparent 1px);
-  background-size: 24px 24px;
+/* Scoped specific styles */
+.animate-fade-in {
+  animation: fadeIn 0.5s ease-out;
+}
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+:deep(.q-btn) {
+  text-transform: none; /* Prevent uppercase in Q-Btns */
 }
 </style>
diff --git a/Frontend-Learner/pages/dashboard/my-courses.vue b/Frontend-Learner/pages/dashboard/my-courses.vue
index 1fdf6342..9b410f8f 100644
--- a/Frontend-Learner/pages/dashboard/my-courses.vue
+++ b/Frontend-Learner/pages/dashboard/my-courses.vue
@@ -1,369 +1,303 @@
 <script setup lang="ts">
 /**
  * @file my-courses.vue
- * @description หน้าคอร์สของฉัน (My Enrolled Courses)
+ * @description My Courses Page.
+ * Displays enrolled courses with filters for progress/completed.
+ * Handles enrollment success modals and certificate downloads.
  */
 
-// 1. นำเข้าระบบและกำหนด MetaData
 definePageMeta({
   layout: 'default',
   middleware: 'auth'
 })
 
-const { t, locale } = useI18n()
+useHead({
+  title: 'คอร์สของฉัน - e-Learning'
+})
+
 const route = useRoute()
-const quasar = useQuasar()
-useHead({ title: `${t('sidebar.myCourses') || 'My Courses'} - e-Learning Platform` })
-
-// 2. เรียกใช้งาน Composables
-const { fetchEnrolledCourses, getCertificate, generateCertificate, fetchCourses } = useCourse()
-const { fetchCategories } = useCategory()
-
-// 3. กำหนดสถานะ (State)
-const enrolledCourses = ref<any[]>([])
-const allCategories = ref<any[]>([])
-const isLoading = ref(false)
-const searchQuery = ref('')
-const activeCategory = ref<number | 'all'>('all')
-const viewMode = ref<'grid' | 'list'>('grid')
 const showEnrollModal = ref(false)
+const activeFilter = ref<'all' | 'progress' | 'completed'>('all')
+const searchQuery = ref('')
 
-// 4. ฟังก์ชันเสริม (Helper Functions)
-const getLocalizedText = (text: any) => {
+
+// Check URL query parameters to show 'Enrollment Success' modal
+onMounted(() => {
+  if (route.query.enrolled) {
+    showEnrollModal.value = true
+  }
+})
+
+const { locale } = useI18n()
+
+// Helper to get localized text
+const getLocalizedText = (text: string | { th: string; en: string } | undefined) => {
   if (!text) return ''
   if (typeof text === 'string') return text
+  
   const currentLocale = locale.value as 'th' | 'en'
   return text[currentLocale] || text.th || text.en || ''
 }
 
-const getCategoryIcon = (name: any) => {
-   const text = getLocalizedText(name) || ''
-   if (text.includes('เว็บ') || text.includes('Web') || text.includes('โปรแกรม') || text.includes('Program') || text.includes('โค้ด')) return 'code'
-   if (text.includes('ออกแบบ') || text.includes('Design') || text.includes('UI')) return 'palette'
-   if (text.includes('ธุรกิจ') || text.includes('Business') || text.includes('การตลาด') || text.includes('Market')) return 'trending_up'
-   if (text.includes('ข้อมูล') || text.includes('Data') || text.includes('วิเคราะ') || text.includes('Sci')) return 'storage'
-   return 'category'
-}
+// Data Handling
+const { fetchEnrolledCourses, getCertificate, generateCertificate } = useCourse()
+const enrolledCourses = ref<any[]>([])
+const isLoading = ref(false)
+const isDownloadingCert = ref(false)
 
-// 5. การจัดการโหลดข้อมูล (Data Loading)
-const loadData = async () => {
-    isLoading.value = true
-    try {
-        const [catRes, courseRes, allCoursesRes] = await Promise.all([
-            fetchCategories(),
-            fetchEnrolledCourses({}),
-            fetchCourses({ limit: 1000 })
-        ])
+const loadEnrolledCourses = async () => {
+  isLoading.value = true
+  // FIX: For 'progress' tab, we want both ENROLLED and IN_PROGRESS.
+  // Since API takes single status, we fetch ALL and filter locally for 'progress'.
+  const apiStatus = activeFilter.value === 'completed' 
+      ? 'COMPLETED' 
+      : undefined // 'all' or 'progress' -> fetch all
 
-        if (catRes.success) allCategories.value = catRes.data || []
-        const catMap = new Map()
-        allCategories.value.forEach(c => catMap.set(c.id, c))
-        
-        const catIdMap = new Map()
-        if (allCoursesRes && allCoursesRes.success && allCoursesRes.data) {
-            allCoursesRes.data.forEach((c: any) => catIdMap.set(c.id, c.category_id))
-        }
+  const res = await fetchEnrolledCourses({ 
+    status: apiStatus
+  })
 
-        if (courseRes.success && courseRes.data) {
-            enrolledCourses.value = courseRes.data.map(item => {
-               const mappedCategoryId = catIdMap.get(item.course.id) || item.course.category_id
-               const cat = catMap.get(mappedCategoryId)
-               
-               // ตรรกะการหาชื่อผู้สอน (Instructor Name Logic)
-               let instName = t('course.instructor')
-               let user = null;
-               if (item.course.instructors && item.course.instructors.length > 0) {
-                   const primary = item.course.instructors.find((i: any) => i.is_primary);
-                   user = primary ? primary.user : item.course.instructors[0].user;
-               } else {
-                   user = item.course.creator || (item.course as any).instructor;
-               }
-               
-               if (user?.profile?.first_name) {
-                   instName = `${user.profile.first_name} ${user.profile.last_name || ''}`.trim();
-               } else if (user?.first_name) {
-                   instName = `${user.first_name} ${user.last_name || ''}`.trim();
-               } else if (user?.username) {
-                   instName = user.username;
-               }
+  if (res.success) {
+    let courses = (res.data || [])
 
-               return {
-                 id: item.course_id,
-                 enrollment_id: item.id,
-                 title: item.course.title,
-                 progress: item.progress_percentage || 0,
-                 lessons: item.course.total_lessons || 10,
-                 completed: item.status === 'COMPLETED',
-                 thumbnail_url: item.course.thumbnail_url,
-                 category_id: mappedCategoryId,
-                 category_name: cat ? getLocalizedText(cat.name) : '',
-                 instructor_name: instName
-               }
-            })
-        }
-    } catch (err) {
-        console.error("Failed to load enrolled courses", err)
-    } finally {
-        isLoading.value = false
+    // Local filter to ensure UI consistency regardless of backend filtering
+    if (activeFilter.value === 'progress') {
+        courses = courses.filter(c => c.status !== 'COMPLETED')
+    } else if (activeFilter.value === 'completed') {
+        courses = courses.filter(c => c.status === 'COMPLETED')
     }
+
+    enrolledCourses.value = courses.map(item => ({
+      id: item.course_id, 
+      enrollment_id: item.id,
+      title: item.course.title,
+      progress: item.progress_percentage || 0, 
+      lessons: item.course.total_lessons || 0,
+      completed: item.status === 'COMPLETED',
+      thumbnail_url: item.course.thumbnail_url 
+    }))
+  }
+  isLoading.value = false
 }
 
-// 6. ตัวแปร Computed (Computed Properties)
-const uniqueCategories = computed(() => {
-    const ids = Array.from(new Set(enrolledCourses.value.map(c => c.category_id)))
-    return allCategories.value.filter(c => ids.includes(c.id))
-})
-
-const inProgressCourses = computed(() => {
-    return enrolledCourses.value.filter(c => !c.completed && c.progress >= 0 && c.progress < 100).reverse()
+// Watch filter changes to reload
+watch(activeFilter, () => {
+  loadEnrolledCourses()
 })
 
+// Client-side Search Filtering
 const filteredEnrolledCourses = computed(() => {
-    let result = enrolledCourses.value
-    if (activeCategory.value !== 'all') {
-        result = result.filter(c => c.category_id === activeCategory.value)
-    }
-    if (searchQuery.value) {
-        const query = searchQuery.value.toLowerCase()
-        result = result.filter(c => getLocalizedText(c.title).toLowerCase().includes(query))
-    }
-    return result
+  if (!searchQuery.value) return enrolledCourses.value
+  const query = searchQuery.value.toLowerCase()
+  return enrolledCourses.value.filter(c => {
+    const title = getLocalizedText(c.title).toLowerCase()
+    return title.includes(query)
+  })
 })
 
+onMounted(() => {
+  if (route.query.enrolled) {
+    showEnrollModal.value = true
+  }
+  loadEnrolledCourses()
+})
+
+// Certificate Handling
+const downloadingCourseId = ref<number | null>(null)
+// Certificate Handling
+
+const downloadCertificate = async (course: any) => {
+  if (!course) return
+  downloadingCourseId.value = course.id
+  
+  try {
+      // 1. Try to GET existing certificate
+      let res = await getCertificate(course.id)
+
+      // 2. If not found (or error), try to GENERATE new one
+      if (!res.success) {
+         res = await generateCertificate(course.id)
+      }
+
+      // 3. Handle Result
+      if (res.success && res.data) {
+          const cert = res.data
+          if (cert.download_url) {
+              window.open(cert.download_url, '_blank')
+          } else {
+              // Fallback if no URL but success (maybe show message)
+              console.warn('Certificate ready but no URL')
+          }
+      } else {
+           // Silent fail or minimal log, or maybe use a toast if available, but avoid $q if undefined
+           console.error(res.error || 'Failed to get certificate')
+      }
+  } catch (e) {
+      console.error(e)
+  } finally {
+      downloadingCourseId.value = null
+  }
+}
+
 const validCourseId = computed(() => {
     const cid = route.query.course_id
     if (!cid || cid === 'undefined' || cid === 'null' || cid === 'NaN') return null
     return cid
 })
-
-// 7. ฟังก์ชันการทำงาน (Actions)
-const handleDownloadCertificate = async (courseId: number) => {
-    try {
-        quasar.notify({ message: t('common.loading') + '...', color: 'info' })
-        const genRes = await generateCertificate(courseId)
-        if (genRes.success && genRes.data?.download_url) {
-            window.open(genRes.data.download_url, '_blank')
-        } else {
-            throw new Error(genRes.error || t('common.error'))
-        }
-    } catch (err: any) {
-        quasar.notify({ message: err.message || t('common.error'), color: 'negative' })
-    }
-}
-
-// 8. Lifecycle Hooks
-onMounted(() => {
-  if (route.query.enrolled) showEnrollModal.value = true
-  loadData()
-})
 </script>
 
 <template>
-  <div class="bg-[#F8F9FA] dark:bg-[#020617] min-h-screen p-4 md:p-8 transition-colors duration-300">
-    <div class="max-w-[1240px] mx-auto">
+  <div class="page-container">
+
+
+    <!-- Page Header & Filters (Unified Layout) -->
+    <!-- New Enhanced Search Section (Image 2 Style) -->
+    <div class="bg-blue-50/50 dark:bg-blue-900/10 rounded-[2.5rem] p-8 md:p-10 mb-6 border border-blue-100/50 dark:border-blue-500/10">
+      <h2 class="text-2xl md:text-3xl font-black text-slate-900 dark:text-white mb-2">คอร์สของฉัน</h2>
+      <p class="text-slate-500 dark:text-slate-400 font-medium mb-8">ติดตามความคืบหน้าและเรียนรู้ต่อจากจุดที่ค้างไว้</p>
       
-      <!-- Section 1: เรียนต่อจากครั้งก่อน (Continue Learning) -->
-      <div v-if="inProgressCourses.length > 0 && !searchQuery" class="bg-white dark:!bg-slate-900 rounded-[2rem] p-6 md:p-8 shadow-[0_2px_15px_rgb(0,0,0,0.02)] border border-slate-100 dark:border-slate-800 mb-8 transition-all">
-        <div class="flex items-center gap-2.5 mb-6">
-          <q-icon name="play_circle_outline" size="26px" class="text-[#3B6BE8]" />
-          <h2 class="text-[1.35rem] font-bold text-slate-900 dark:text-white tracking-tight">{{ $t('dashboard.continueLearningTitle') }}</h2>
-        </div>
-        
-        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
-          <div v-for="course in inProgressCourses.slice(0, 2)" :key="course.id" class="border border-slate-100 dark:border-slate-800 rounded-3xl p-4 flex flex-col sm:flex-row gap-5 items-center bg-[#F8FAFC] dark:bg-slate-800/50 hover:border-blue-100 dark:hover:border-blue-900/50 transition-colors">
-            <!-- ส่วนรูปภาพหน้าปก (Image) -->
-            <div class="w-full sm:w-[160px] h-[120px] rounded-[1.25rem] overflow-hidden bg-slate-200 shrink-0 relative group">
-               <img :src="course.thumbnail_url" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"/>
-               <!-- เลเยอร์เล่นวิดีโอด่วน (Quick play overlay) -->
-               <div @click="navigateTo(`/classroom/learning?course_id=${course.id}`)" class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center cursor-pointer">
-                  <div class="bg-white/30 backdrop-blur-md rounded-full w-10 h-10 flex flex-col items-center justify-center">
-                      <q-icon name="play_arrow" color="white" size="20px" class="ml-0.5" />
-                  </div>
-               </div>
-            </div>
-            <!-- ส่วนข้อมูลเนื้อหา (Info) -->
-            <div class="flex-1 flex flex-col justify-center min-w-0 py-1 w-full">
-               <div class="mb-2" v-if="course.category_name">
-                  <span class="bg-[#E9EFFD] dark:bg-blue-900/40 text-[#3B6BE8] dark:text-blue-400 px-3.5 py-1.5 rounded-full text-[10px] font-bold tracking-wide">{{ course.category_name }}</span>
-               </div>
-               <h3 class="font-bold text-slate-900 dark:text-white text-[14px] leading-snug line-clamp-2 mb-4 pr-2">{{ getLocalizedText(course.title) }}</h3>
-               
-               <div class="flex items-center justify-between gap-4 mt-auto">
-                  <div class="flex-1">
-                     <div class="flex items-center gap-2 text-[11px] font-bold text-slate-700 dark:text-slate-300 mb-1.5 tracking-wide">
-                        {{ $t('course.progress') }}: {{ course.progress }}%
-                     </div>
-                     <div class="h-[6px] w-full bg-slate-200 dark:bg-slate-700 rounded-full overflow-hidden">
-                        <div class="h-full bg-[#3B6BE8] rounded-full transition-all duration-500" :style="{ width: `${course.progress}%` }"></div>
-                     </div>
-                  </div>
-                  <button @click="navigateTo(`/classroom/learning?course_id=${course.id}`)" class="bg-[#3B6BE8] hover:bg-blue-700 text-white rounded-full px-5 py-2 text-[12px] font-bold shrink-0 shadow-md shadow-blue-500/20 transition-transform hover:scale-105 outline-none">{{ $t('dashboard.continue') }}</button>
-               </div>
-            </div>
+      <div class="flex flex-col md:flex-row gap-4">
+        <!-- Search Input -->
+        <div class="relative flex-1 group">
+          <div class="absolute left-5 top-1/2 -translate-y-1/2 text-slate-400 group-focus-within:text-blue-600 transition-colors">
+            <q-icon name="search" size="24px" />
           </div>
+          <input 
+            v-model="searchQuery"
+            type="text" 
+            placeholder="ค้นหาชื่อคอร์สของฉัน..."
+            class="w-full pl-14 pr-6 py-3.5 bg-white dark:bg-slate-800 border-2 border-transparent rounded-2xl text-slate-900 dark:text-white placeholder-slate-400 focus:outline-none focus:border-blue-500/20 focus:ring-4 focus:ring-blue-500/5 transition-all text-base font-medium shadow-sm"
+          />
         </div>
-      </div>
-
-      <!-- ส่วนที่ 2: คอร์สของฉัน (My Courses) -->
-      <div class="bg-white dark:!bg-slate-900 rounded-[2rem] p-6 md:p-8 shadow-[0_2px_15px_rgb(0,0,0,0.02)] border border-slate-100 dark:border-slate-800 min-h-[500px] mb-12">
-        <!-- ส่วนหัวและการค้นหา -->
-        <div class="flex flex-col md:flex-row md:items-center justify-between gap-6 mb-8">
-          <h2 class="text-[1.35rem] font-bold text-slate-900 dark:text-white tracking-tight">{{ $t('myCourses.title') }}</h2>
-          <div class="flex flex-wrap sm:flex-nowrap items-center gap-3 w-full md:w-auto">
-            <div class="relative w-full sm:w-[260px] flex-1">
-              <q-icon name="search" size="18px" class="absolute left-4 top-1/2 -translate-y-1/2 text-slate-400 group-focus-within:text-[#3B6BE8]" />
-              <input v-model="searchQuery" class="w-full bg-slate-100 dark:bg-slate-800 border-none rounded-xl py-2.5 pl-11 pr-4 text-sm font-medium text-slate-700 dark:text-slate-200 placeholder:text-slate-400 focus:ring-2 focus:ring-blue-500/20 outline-none transition-all shadow-sm" :placeholder="$t('myCourses.searchPlaceholder')" />
-            </div>
-            <div class="flex items-center gap-2 shrink-0">
-              <button @click="viewMode = 'grid'" :class="viewMode === 'grid' ? 'bg-[#E9EFFD] dark:bg-blue-900/40 text-[#3B6BE8] border-[#3B6BE8]' : 'bg-white border-slate-200 dark:bg-slate-800 dark:border-slate-700 text-slate-400 hover:bg-slate-50'" class="w-[42px] h-[42px] flex items-center justify-center rounded-xl border transition-colors outline-none"><q-icon name="grid_view" size="20px" /></button>
-              <button @click="viewMode = 'list'" :class="viewMode === 'list' ? 'bg-[#E9EFFD] dark:bg-blue-900/40 text-[#3B6BE8] border-[#3B6BE8]' : 'bg-white border-slate-200 dark:bg-slate-800 dark:border-slate-700 text-slate-400 hover:bg-slate-50'" class="w-[42px] h-[42px] flex items-center justify-center rounded-xl border transition-colors outline-none"><q-icon name="view_list" size="20px" /></button>
-            </div>
+        
+        <!-- Search Button -->
+        <q-btn 
+          unelevated
+          color="primary"
+          class="px-8 h-[52px] rounded-2xl font-black shadow-lg shadow-blue-600/20 hover:scale-[1.02] transition-transform"
+          no-caps
+        >
+          <div class="flex items-center gap-2">
+            <q-icon name="search" size="20px" />
+            <span class="text-base">ค้นหา</span>
           </div>
-        </div>
-
-        <!-- ตัวกรองหมวดหมู่ (แบบเลื่อนแนวนอนบนมือถือ) -->
-        <div class="mb-8 w-full overflow-hidden">
-          <div class="flex flex-nowrap items-center gap-3 overflow-x-auto scrollbar-hide pb-2 -mx-1 px-1">
-                <button 
-                  @click="activeCategory = 'all'"
-                  :class="activeCategory === 'all' ? 'bg-[#3B6BE8] text-white border-transparent' : 'bg-white dark:bg-slate-800 border-slate-200 dark:border-slate-700 text-slate-700 dark:text-slate-300 hover:border-slate-300'"
-                  class="px-5 py-2.5 rounded-xl border text-[13px] sm:text-[14px] flex items-center justify-center gap-2 transition-all outline-none whitespace-nowrap font-bold shadow-sm">
-                  <q-icon name="apps" size="18px" /> {{ $t('myCourses.filterAll') }}
-                </button>
-                
-                <button 
-                  v-for="cat in uniqueCategories" :key="cat.id"
-                  @click="activeCategory = cat.id"
-                  :class="activeCategory === cat.id ? 'bg-[#3B6BE8] text-white border-transparent' : 'bg-white dark:bg-slate-800 border-slate-200 dark:border-slate-700 text-slate-700 dark:text-slate-300 hover:border-slate-300'"
-                  class="px-5 py-2.5 rounded-xl border text-[13px] sm:text-[14px] flex items-center justify-center gap-2 transition-all outline-none whitespace-nowrap font-bold shadow-sm">
-                  <q-icon :name="getCategoryIcon(cat.name)" size="18px" />
-                  {{ getLocalizedText(cat.name) }}
-                </button>
-             </div>
-         </div>
-
-        <!-- Active View -->
-        <div v-if="isLoading" class="flex justify-center py-24">
-           <q-spinner size="3rem" color="primary" />
-        </div>
-        
-        <div v-else-if="filteredEnrolledCourses.length > 0">
-           
-           <!-- หมวดแสดงสไตล์กริดตาราง (GRID VIEW) -->
-           <div v-if="viewMode === 'grid'" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
-              <div v-for="course in filteredEnrolledCourses" :key="course.id" class="flex flex-col rounded-[1.5rem] bg-white dark:!bg-slate-900 border border-slate-100 dark:border-slate-800 overflow-hidden shadow-sm hover:shadow-[0_8px_30px_rgb(0,0,0,0.06)] transition-all duration-300 group cursor-pointer" @click="navigateTo(`/classroom/learning?course_id=${course.id}`)">
-                 <!-- ส่วนรูปภาพหน้าปก (Thumbnail) -->
-                 <div class="relative w-full aspect-[4/3] bg-slate-100 dark:bg-slate-800 overflow-hidden">
-                    <img :src="course.thumbnail_url" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
-                    <!-- ป้ายหมวดหมู่บนมุมซ้ายของรูป (Badge inside Image Map Top Left) -->
-                    <div v-if="course.category_name" class="absolute top-3 left-3 bg-white/95 dark:bg-slate-900/95 backdrop-blur-md text-[#3B6BE8] dark:text-blue-400 font-bold text-[10px] px-3.5 py-1 rounded-full shadow-sm">
-                       {{ course.category_name }}
-                    </div>
-                 </div>
-                 
-                 <!-- ตัวการ์ด (Card Body) -->
-                 <div class="p-5 flex flex-col flex-1">
-                    <h3 class="font-bold text-slate-900 dark:text-white text-[14px] leading-snug line-clamp-2 mb-3">{{ getLocalizedText(course.title) }}</h3>
-                    
-
-                    
-                    <div class="mt-auto flex items-center justify-between gap-4">
-                       <div class="flex-1">
-                          <div class="text-[10px] font-bold text-slate-700 dark:text-slate-300 mb-1.5 tracking-wide">{{ $t('course.progress') }}: {{ course.progress }}%</div>
-                           <div class="h-[6px] w-full bg-slate-200 dark:bg-slate-700 rounded-full overflow-hidden">
-                              <div class="h-full rounded-full transition-all duration-500" :class="course.completed ? 'bg-green-500' : 'bg-[#3B6BE8] dark:bg-blue-400'" :style="{ width: `${course.progress}%` }"></div>
-                           </div>
-                       </div>
-                        <div class="flex flex-col sm:flex-row items-stretch sm:items-center gap-2 mt-3 sm:mt-0">
-                            <!-- ปุ่มดาวน์โหลดใบเซอร์ (Certificate Button) -->
-                            <button v-if="course.completed" @click.stop="handleDownloadCertificate(course.id)" class="border border-green-100 bg-green-50 text-green-600 dark:border-green-900/50 dark:bg-green-900/30 dark:text-green-400 rounded-full px-3 py-1.5 text-[11px] font-bold hover:bg-green-100 dark:hover:bg-green-900/50 transition-colors shrink-0 flex items-center justify-center gap-1">
-                              <q-icon name="workspace_premium" size="14px" /> {{ $t('course.certificate') }}
-                            </button>
-                            <!-- ปุ่มเรียนต่อหรือเรียนซ้ำ (Continue/Replay Button) -->
-                            <button class="bg-[#3B6BE8] text-white border-transparent hover:bg-blue-700 shadow-sm rounded-full px-5 py-1.5 text-[11px] font-bold transition-colors shrink-0 text-center cursor-pointer">
-                               {{ course.completed ? $t('course.studyAgain') : $t('dashboard.continue') }}
-                            </button>
-                        </div>
-                    </div>
-                 </div>
-              </div>
-           </div>
-
-           <!-- หมวดแสดงสไตล์บรรทัดรายการ (LIST VIEW) -->
-           <div v-else class="flex flex-col gap-4">
-              <div v-for="course in filteredEnrolledCourses" :key="course.id" class="flex flex-col sm:flex-row items-center rounded-[1.5rem] bg-white dark:!bg-slate-900 border border-slate-100 dark:border-slate-800 p-4 gap-6 shadow-sm hover:shadow-[0_8px_30px_rgb(0,0,0,0.06)] transition-all duration-300 cursor-pointer group" @click="navigateTo(`/classroom/learning?course_id=${course.id}`)">
-                 
-                 <!-- ส่วนภาพหน้าปกด้านซ้าย (Thumbnail Left) -->
-                 <div class="relative w-full sm:w-[240px] aspect-[16/10] sm:aspect-auto sm:h-[130px] rounded-2xl bg-slate-100 dark:bg-slate-800 overflow-hidden shrink-0">
-                    <img :src="course.thumbnail_url" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
-                    <!-- ป้ายหมวดหมู่ในรูปภาพ (Badge inside Image) -->
-                    <div v-if="course.category_name" class="absolute top-2.5 left-2.5 bg-white/95 dark:bg-slate-900/95 backdrop-blur-md text-[#3B6BE8] dark:text-blue-400 font-bold text-[10px] px-3.5 py-1 rounded-full shadow-sm">
-                       {{ course.category_name }}
-                    </div>
-                 </div>
-
-                 <!-- เนื้อหาอยู่ทางขวา (Content Right) -->
-                 <div class="flex-1 w-full flex flex-col md:flex-row gap-6 md:items-center">
-                    
-                    <div class="flex-1 min-w-0">
-                        <h3 class="font-bold text-slate-900 dark:text-white text-[15px] leading-snug line-clamp-2 mb-3 pr-4">{{ getLocalizedText(course.title) }}</h3>
-
-                    </div>
-
-                    <!-- โซนความคืบหน้าและปุ่มกด (Progress and Button Zone) -->
-                    <div class="flex md:flex-col items-center md:items-end justify-between md:justify-center gap-4 shrink-0 md:w-[200px]">
-                        <div class="w-full max-w-[140px] md:max-w-full">
-                           <div class="flex justify-between items-center text-[11px] font-bold text-slate-700 dark:text-slate-300 mb-2 tracking-wide">
-                              <span>{{ $t('course.progress') }}:</span>
-                              <span>{{ course.progress }}%</span>
-                           </div>
-                           <div class="h-[6px] w-full bg-slate-200 dark:bg-slate-700 rounded-full overflow-hidden">
-                              <div class="h-full rounded-full transition-all duration-500" :class="course.completed ? 'bg-green-500' : 'bg-[#3B6BE8] dark:bg-blue-400'" :style="{ width: `${course.progress}%` }"></div>
-                           </div>
-                        </div>
-
-                        <div class="flex flex-col items-stretch md:items-end gap-2 mt-3 sm:mt-0 w-full sm:w-auto">
-                            <!-- ปุ่มดาวน์โหลดใบเซอร์ (Certificate Button) -->
-                            <button v-if="course.completed" @click.stop="handleDownloadCertificate(course.id)" class="border border-green-100 bg-green-50 text-green-600 dark:border-green-900/50 dark:bg-green-900/30 dark:text-green-400 rounded-full px-4 py-2 text-[12px] font-bold hover:bg-green-100 dark:hover:bg-green-900/50 transition-colors shrink-0 flex items-center justify-center gap-1 w-full sm:w-auto">
-                              <q-icon name="workspace_premium" size="16px" /> {{ $t('course.downloadCertificate') }}
-                            </button>
-                            <!-- ปุ่มเรียนต่อหรือเรียนซ้ำ (Continue/Replay Button) -->
-                            <button class="bg-[#3B6BE8] text-white border-transparent hover:bg-blue-700 shadow-sm rounded-full px-6 py-2 text-[12px] font-bold transition-colors shrink-0 text-center w-full sm:w-auto cursor-pointer">
-                              {{ course.completed ? $t('course.studyAgain') : $t('dashboard.continue') }}
-                            </button>
-                        </div>
-                    </div>
-                 </div>
-                 
-              </div>
-           </div>
-
-        </div>
-        
-        <!-- กรณีที่ค้นหา/กรองแล้วไม่พบข้อมูล (Empty filter state) -->
-        <div v-else class="flex flex-col items-center justify-center py-20">
-          <q-icon name="search_off" size="48px" class="text-slate-300 dark:text-slate-600 mb-4" />
-          <h3 class="text-lg font-bold text-slate-900 dark:text-white mb-2">{{ $t('myCourses.searchNoResult') }}</h3>
-          <p class="text-slate-500 dark:text-slate-400 text-sm">{{ $t('myCourses.searchNoResultDesc') }}</p>
-        </div>
+        </q-btn>
       </div>
-    
     </div>
 
-    <!-- หน้าต่างแจ้งเตือน: ลงทะเบียนสำเร็จ (MODAL: Enrollment Success) -->
+    <div class="flex flex-col md:flex-row md:items-center justify-between gap-4 mb-8">
+       <!-- Filter Tabs (Horizontal Bar) -->
+       <div class="bg-white dark:bg-slate-900/50 p-1.5 rounded-2xl border border-slate-100 dark:border-white/5 inline-flex items-center gap-1 shadow-sm">
+         <q-btn
+           v-for="filter in ['all', 'progress', 'completed']"
+           :key="filter"
+           @click="activeFilter = filter as any"
+           flat
+           rounded
+           dense
+           class="px-5 py-2 font-bold transition-all text-[11px] uppercase tracking-wider"
+           :class="activeFilter === filter ? 'bg-blue-600 text-white shadow-md shadow-blue-600/20' : 'text-slate-600 dark:text-slate-400 hover:bg-slate-50 dark:hover:bg-slate-800'"
+           :label="$t(`myCourses.filter${filter.charAt(0).toUpperCase() + filter.slice(1)}`)"
+         />
+       </div>
+    </div>
+
+    <!-- Courses Grid -->
+    <div v-if="isLoading" class="flex justify-center py-20">
+       <q-spinner size="3rem" color="primary" />
+    </div>
+    <div v-else class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+      <template v-for="course in filteredEnrolledCourses" :key="course.id">
+        <!-- In Progress Course Card -->
+        <CourseCard 
+          v-if="!course.completed"
+          :id="course.id"
+          :title="course.title"
+          :progress="course.progress"
+          :image="course.thumbnail_url"
+          show-continue
+          :show-view-details="false"
+        />
+        <!-- Completed Course Card -->
+        <CourseCard 
+          v-else
+          :id="course.id"
+          :title="course.title"
+          :progress="100"
+          :image="course.thumbnail_url"
+          :completed="true"
+          show-certificate
+          show-study-again
+          :show-view-details="false"
+          :loading="downloadingCourseId === course.id"
+          @view-certificate="downloadCertificate(course)"
+        />
+      </template>
+    </div>
+
+    <!-- Empty State -->
+    <div v-if="!isLoading && filteredEnrolledCourses.length === 0" class="flex flex-col items-center justify-center py-20 bg-slate-50 dark:bg-slate-800/50 rounded-3xl border-2 border-dashed border-slate-200 dark:border-slate-700 mt-4">
+      <q-icon v-if="searchQuery" name="search_off" size="64px" class="text-slate-300 dark:text-slate-600 mb-4" />
+      <h3 class="text-xl font-bold text-slate-900 dark:text-white mb-2">
+        {{ searchQuery ? $t('discovery.emptyTitle') : $t('myCourses.emptyTitle') }}
+      </h3>
+      <p class="text-slate-500 dark:text-slate-400 text-center max-w-md">
+        {{ searchQuery ? $t('discovery.emptyDesc') : $t('myCourses.emptyDesc') }}
+      </p>
+      <NuxtLink v-if="!searchQuery" to="/browse/discovery" class="mt-6 px-6 py-2 bg-blue-600 text-white rounded-lg font-bold hover:bg-blue-700 transition-colors">{{ $t('myCourses.goToDiscovery') }}</NuxtLink>
+      <button v-else class="mt-4 font-bold text-blue-600 hover:text-blue-700 transition-colors" @click="searchQuery = ''">
+        {{ $t('discovery.showAll') }}
+      </button>
+    </div>
+
+    <!-- MODAL: Enrollment Success -->
     <q-dialog v-model="showEnrollModal" backdrop-filter="blur(4px)">
       <q-card class="rounded-[1.5rem] shadow-2xl p-8 max-w-sm w-full text-center relative overflow-hidden bg-white dark:bg-slate-800">
         <div class="absolute top-0 left-0 w-full h-2 bg-gradient-to-r from-green-400 to-emerald-600"></div>
-        <div class="w-16 h-16 bg-green-100 dark:bg-green-900/30 text-green-600 dark:text-green-400 rounded-full flex items-center justify-center text-3xl mx-auto mb-6">✓</div>
+        <div class="w-16 h-16 bg-green-100 dark:bg-green-900/30 text-green-600 dark:text-green-400 rounded-full flex items-center justify-center text-3xl mx-auto mb-6">
+          ✓
+        </div>
         <h2 class="text-2xl font-bold mb-2 text-slate-900 dark:text-white">{{ $t('enrollment.successTitle') }}</h2>
         <p class="text-slate-500 dark:text-slate-400 mb-8">{{ $t('enrollment.successDesc') }}</p>
         <div class="flex flex-col gap-3">
-          <q-btn v-if="validCourseId" :to="`/classroom/learning?course_id=${validCourseId}`" unelevated rounded color="primary" class="w-full py-3 text-lg font-bold shadow-lg" :label="$t('enrollment.startNow')" />
-          <q-btn v-else unelevated rounded color="primary" class="w-full py-3 text-lg font-bold shadow-lg" :label="$t('common.close')" @click="showEnrollModal = false" />
-          <q-btn v-if="validCourseId" flat rounded color="grey-7" class="w-full py-3 font-bold" :label="$t('enrollment.later')" @click="showEnrollModal = false" />
+          <q-btn
+            v-if="validCourseId"
+            :to="`/classroom/learning?course_id=${validCourseId}`"
+            unelevated
+            rounded
+            color="primary"
+            class="w-full py-3 text-lg font-bold shadow-lg"
+            :label="$t('enrollment.startNow')"
+          />
+           <q-btn
+            v-else
+            unelevated
+            rounded
+            color="primary"
+            class="w-full py-3 text-lg font-bold shadow-lg"
+            :label="$t('common.close')" 
+            @click="showEnrollModal = false"
+          />
+          <q-btn
+            v-if="validCourseId"
+            flat
+            rounded
+            color="grey-7"
+            class="w-full py-3 font-bold"
+            :label="$t('enrollment.later')"
+            @click="showEnrollModal = false"
+          />
         </div>
       </q-card>
     </q-dialog>
 
+
   </div>
 </template>
+
+<style scoped>
+/* Custom Font for Signature/Name if desired */
+.font-handwriting {
+  font-family: 'Dancing Script', cursive, serif; /* Fallback */
+}
+</style>
diff --git a/Frontend-Learner/pages/dashboard/profile.vue b/Frontend-Learner/pages/dashboard/profile.vue
index c8a8a103..be58fc39 100644
--- a/Frontend-Learner/pages/dashboard/profile.vue
+++ b/Frontend-Learner/pages/dashboard/profile.vue
@@ -4,15 +4,13 @@ definePageMeta({
   middleware: 'auth'
 })
 
-const { locale, t } = useI18n()
+useHead({
+  title: 'ตั้งค่าบัญชี - e-Learning'
+})
+
 const { currentUser, updateUserProfile, changePassword, uploadAvatar, sendVerifyEmail, fetchUserProfile } = useAuth()
 const { getLocalizedText } = useCourse()
-import { useQuasar } from 'quasar'
-const $q = useQuasar()
-
-useHead({
-  title: `${t('userMenu.settings')} - e-Learning`
-})
+const { locale, t } = useI18n()
 
 
 
@@ -59,30 +57,23 @@ const passwordForm = reactive({
   confirmPassword: ''
 })
 
-const showPasswordModal = ref(false)
-const showPassword = reactive({
-  current: false,
-  new: false,
-  confirm: false
-})
 
+// Rules have been moved to components
 
-// กฎต่างๆ ถูกย้ายไปที่คอมโพเนนต์แล้ว (Rules have been moved to components)
-
-const fileInput = ref<HTMLInputElement | null>(null) // ใช้ในโหมดมุมมอง (อยู่นอกคอมโพเนนต์) (Used in view mode (outside component))
+const fileInput = ref<HTMLInputElement | null>(null) // Used in view mode (outside component)
 
 const toggleEdit = (edit: boolean) => {
   isEditing.value = edit
 }
 
-// อัปเดตให้รับออบเจ็กต์ File ได้โดยตรง (หรือ Event สำหรับความเข้ากันได้ของโหมดมุมมองหากจำเป็น) (Updated to accept File object directly (or Event for view mode compatibility if needed))
+// Updated to accept File object directly (or Event for view mode compatibility if needed)
 const handleFileUpload = async (fileOrEvent: File | Event) => {
   let file: File | null = null
 
   if (fileOrEvent instanceof File) {
     file = fileOrEvent
   } else {
-    // การทำงานสำรองสำหรับอีเวนต์ input change แบบเนทีฟ (Fallback for native input change event)
+    // Fallback for native input change event
     const target = (fileOrEvent as Event).target as HTMLInputElement
     if (target.files && target.files[0]) {
       file = target.files[0]
@@ -104,15 +95,14 @@ const handleFileUpload = async (fileOrEvent: File | Event) => {
 
     if (result.success && result.data?.avatar_url) {
        userData.value.photoURL = result.data.avatar_url
-       $q.notify({ type: 'positive', message: 'อัปเดตรูปโปรไฟล์สำเร็จ', position: 'top' })
     } else {
        console.error('Upload failed:', result.error)
-       $q.notify({ type: 'negative', message: result.error || t('profile.updateError') || 'อัปเดตรูปโปรไฟล์ไม่สำเร็จ', position: 'top' })
+       alert(result.error || t('profile.updateError'))
     }
   }
 }
 
-// เรียกการอัปโหลดเมื่อคลิกที่รูปโปรไฟล์ในโหมด View (Trigger upload for VIEW mode avatar click)
+// Trigger upload for VIEW mode avatar click
 const triggerUpload = () => {
     fileInput.value?.click()
 }
@@ -141,9 +131,9 @@ const handleUpdateProfile = async () => {
   const result = await updateUserProfile(payload)
   
   if (result?.success) {
-    $q.notify({ type: 'positive', message: t('profile.updateSuccess'), position: 'top' })
+    // success logic
   } else {
-    $q.notify({ type: 'negative', message: result?.error || t('profile.updateError'), position: 'top' })
+    alert(result?.error || t('profile.updateError'))
   }
   
   isProfileSaving.value = false
@@ -155,19 +145,19 @@ const handleSendVerifyEmail = async () => {
   isSendingVerify.value = false
   
   if (result.success) {
-    $q.notify({ type: 'positive', message: result.message || t('profile.verifyEmailSuccess') || 'ส่งอีเมลยืนยันสำเร็จ', position: 'top' })
+    alert(result.message || t('profile.verifyEmailSuccess') || 'ส่งอีเมลยืนยันสำเร็จ')
   } else {
     if (result.code === 400) {
-        $q.notify({ type: 'warning', message: t('profile.emailAlreadyVerified') || 'อีเมลของคุณได้รับการยืนยันแล้ว', position: 'top' })
+        alert(t('profile.emailAlreadyVerified') || 'อีเมลของคุณได้รับการยืนยันแล้ว')
     } else {
-        $q.notify({ type: 'negative', message: result.error || t('profile.verifyEmailError') || 'ส่งอีเมลไม่สำเร็จ', position: 'top' })
+        alert(result.error || t('profile.verifyEmailError') || 'ส่งอีเมลไม่สำเร็จ')
     }
   }
 }
 
 const handleUpdatePassword = async () => {
   if (passwordForm.newPassword !== passwordForm.confirmPassword) {
-    $q.notify({ type: 'negative', message: 'รหัสผ่านใหม่ไม่ตรงกัน', position: 'top' })
+    alert('รหัสผ่านใหม่ไม่ตรงกัน')
     return
   }
   
@@ -179,19 +169,18 @@ const handleUpdatePassword = async () => {
   })
 
   if (result.success) {
-    $q.notify({ type: 'positive', message: t('profile.passwordSuccess') || 'เปลี่ยนรหัสผ่านสำเร็จ', position: 'top' })
+    alert(t('profile.passwordSuccess'))
     passwordForm.currentPassword = ''
     passwordForm.newPassword = ''
     passwordForm.confirmPassword = ''
-    showPasswordModal.value = false
   } else {
-    $q.notify({ type: 'negative', message: result.error || t('profile.passwordError') || 'เปลี่ยนรหัสผ่านไม่สำเร็จ', position: 'top' })
+    alert(result.error || t('profile.passwordError'))
   }
   
   isPasswordSaving.value = false
 }
 
-// เฝ้าดูการเปลี่ยนแปลงในสถานะผู้ใช้ส่วนกลาง (เช่น หลังจากอัปโหลดรูปโปรไฟล์หรืออัปเดตข้อมูลส่วนตัว) (Watch for changes in global user state (e.g. after avatar upload or profile update))
+// Watch for changes in global user state (e.g. after avatar upload or profile update)
 watch(() => currentUser.value, (newUser) => {
   if (newUser) {
     userData.value.photoURL = newUser.photoURL || ''
@@ -214,216 +203,170 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="page-container bg-[#F8F9FA] dark:bg-[#020617] transition-colors duration-300 min-h-screen">
+  <div class="page-container bg-[#F8F9FA] dark:bg-[#020617] min-h-screen transition-colors duration-300">
     
+    <div class="flex items-center justify-between mb-8">
+      <div class="flex items-center gap-4">
+        <q-btn
+          v-if="isHydrated && isEditing"
+          flat
+          round
+          icon="arrow_back"
+          class="text-slate-600 dark:text-white hover:bg-slate-100 dark:hover:bg-slate-800"
+          @click="toggleEdit(false)"
+        />
+        <div class="flex items-start gap-4">
+          <span class="w-1.5 h-10 md:h-12 bg-blue-600 rounded-full shadow-lg shadow-blue-500/50 mt-1 flex-shrink-0"></span>
+          <div>
+            <h1 class="text-3xl md:text-4xl font-black text-slate-900 dark:text-white leading-tight">
+              {{ (isHydrated && isEditing) ? $t('profile.editProfile') : $t('profile.myProfile') }}
+            </h1>
+          </div>
+        </div>
+      </div>
+
+      <div class="min-h-9 flex items-center">
+        <q-btn
+          v-if="isHydrated && !isEditing"
+          unelevated
+          rounded
+          color="primary"
+          class="font-bold shadow-lg shadow-blue-500/20"
+          icon="edit"
+          :label="$t('profile.editProfile')"
+          @click="toggleEdit(true)"
+        />
+        <div
+          v-else-if="!isHydrated"
+          class="h-9 w-24 rounded-md bg-slate-200 dark:bg-slate-700 animate-pulse"
+        />
+      </div>
+    </div>
+
     <div v-if="!isHydrated" class="flex justify-center py-20">
        <q-spinner size="3rem" color="primary" />
     </div>
 
-    <!-- การตั้งค่าโปรไฟล์หลัก (MAIN PROFILE SETTINGS) -->
-    <div v-else class="max-w-5xl mx-auto pb-20 fade-in pt-4">
+    <div v-else class="max-w-4xl mx-auto pb-20">
       
-      <!-- บัตรข้อมูลโปรไฟล์ (Profile Card) -->
-      <div class="bg-white dark:!bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-2xl shadow-sm mb-6 overflow-hidden">
-        <div class="p-8 border-b border-slate-200 dark:border-slate-800">
-          <h2 class="text-xl font-bold text-slate-900 dark:text-white">{{ $t('profile.myProfile') }}</h2>
-          <p class="text-slate-500 dark:text-slate-400 text-sm mt-1">{{ $t('profile.publicInfo') }}</p>
-        </div>
+      <!-- VIEW MODE: Premium Card with Banner -->
+      <div v-if="!isEditing" class="bg-white dark:bg-[#1e293b] border border-slate-200 dark:border-slate-700/50 rounded-3xl shadow-xl dark:shadow-none overflow-hidden fade-in min-h-[500px] flex flex-col transition-colors duration-300">
         
-        <div class="p-8">
-           <!-- ส่วนอัปโหลดรูปโปรไฟล์ -->
-           <div class="flex flex-col sm:flex-row items-center sm:items-center gap-6 mb-10 text-center sm:text-left">
-              <div class="relative cursor-pointer" @click="triggerUpload">
-                <UserAvatar 
-                  :photo-u-r-l="userData.photoURL" 
-                  :first-name="userData.firstName" 
-                  :last-name="userData.lastName" 
-                  size="100"
-                  class="rounded-full bg-slate-100 dark:bg-slate-800 object-cover border-4 border-slate-50 dark:border-slate-800"
-                />
-                <div class="absolute bottom-0 right-0 bg-[#3B6BE8] text-white p-1.5 rounded-full border-2 border-white dark:border-slate-900 hover:bg-blue-700 transition flex items-center justify-center">
-                  <q-icon name="edit" size="14px" />
-                </div>
-                <input type="file" ref="fileInput" class="hidden" accept="image/jpeg, image/png, image/gif" @change="handleFileUpload" />
+        <!-- Identity Header (Banner & Avatar) -->
+        <div class="relative">
+          <div class="h-40 bg-gradient-to-r from-blue-700 via-blue-600 to-indigo-700 relative overflow-hidden">
+             <!-- Abstract Patterns -->
+             <div class="absolute inset-0 opacity-10">
+                <div class="absolute -top-10 -right-10 w-64 h-64 rounded-full bg-white blur-3xl"></div>
+                <div class="absolute -bottom-10 -left-10 w-48 h-48 rounded-full bg-indigo-300 blur-3xl"></div>
+             </div>
+          </div>
+          
+          <div class="px-8 md:px-12 flex flex-col md:flex-row items-center md:items-end gap-8 md:gap-12 -mt-12 pb-8 relative z-10">
+            <div class="relative group flex-shrink-0">
+              <UserAvatar 
+                :photo-u-r-l="userData.photoURL" 
+                :first-name="userData.firstName" 
+                :last-name="userData.lastName" 
+                size="140"
+                class="border-[6px] border-white dark:border-[#1e293b] shadow-2xl rounded-[2.5rem] bg-white dark:bg-slate-800 transition-colors duration-300"
+              />
+            </div>
+            
+            <div class="text-center md:text-left pt-4 md:pt-0 flex-grow min-w-0">
+              <h2 class="text-3xl md:text-4xl font-black text-slate-900 dark:text-white mb-2 leading-tight tracking-tight break-words">
+                {{ userData.firstName }} {{ userData.lastName }}
+              </h2>
+              <div class="flex flex-wrap items-center justify-center md:justify-start gap-4">
+                  <div class="flex items-center gap-2 text-slate-500 dark:text-slate-400 font-bold bg-slate-50 dark:bg-slate-800/50 px-3 py-1.5 rounded-xl border border-slate-100 dark:border-slate-700">
+                      <q-icon name="alternate_email" size="xs" class="text-blue-500" />
+                      <span class="text-sm">{{ userData.email }}</span>
+                  </div>
+                  <div class="flex items-center gap-2 text-slate-500 dark:text-slate-400 font-bold bg-slate-50 dark:bg-slate-800/50 px-3 py-1.5 rounded-xl border border-slate-100 dark:border-slate-700">
+                      <q-icon name="verified_user" size="xs" :class="userData.emailVerifiedAt ? 'text-green-500' : 'text-amber-500'" />
+                      <span class="text-sm">{{ userData.emailVerifiedAt ? $t('profile.emailVerified') : $t('profile.verifyEmail') }}</span>
+                  </div>
               </div>
-              <div class="flex flex-col items-center sm:items-start">
-                <button @click="triggerUpload" class="bg-[#3B6BE8] hover:bg-blue-700 text-white px-5 py-2.5 rounded-lg text-sm font-bold transition mb-2 shadow-sm whitespace-nowrap">
-                  <span v-if="isProfileSaving"><q-spinner size="18px" /> {{ $t('profile.uploading') }}</span>
-                  <span v-else>{{ $t('profile.changeAvatar') }}</span>
-                </button>
-                <p class="text-slate-500 dark:text-slate-400 text-xs mt-1">{{ $t('profile.avatarHint') }}</p>
+            </div>
+          </div>
+        </div>
+
+        <!-- View Details Content -->
+        <div class="p-8 md:p-12 flex-grow">
+           <div class="max-w-3xl mx-auto h-full fade-in">
+              <h3 class="text-sm font-black text-slate-700 dark:text-slate-300 uppercase tracking-widest flex items-center gap-2 mb-8">
+                 <span class="w-2 h-2 bg-blue-600 rounded-full"></span> {{ $t('profile.accountDetails') }}
+              </h3>
+              <div class="grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-8">
+                 <div class="flex items-center gap-4 group">
+                    <div class="w-12 h-12 rounded-2xl bg-blue-50 dark:bg-blue-900/20 flex items-center justify-center text-blue-600 dark:text-blue-400 group-hover:scale-110 transition-transform">
+                       <q-icon name="smartphone" size="24px" />
+                    </div>
+                    <div>
+                       <div class="text-[10px] font-black text-slate-500 dark:text-slate-400 uppercase tracking-wider mb-0.5">{{ $t('profile.phone') }}</div>
+                       <div class="text-lg font-bold text-slate-900 dark:text-white tracking-tight">{{ userData.phone || '-' }}</div>
+                    </div>
+                 </div>
+                 <div class="flex items-center gap-4 group">
+                    <div class="w-12 h-12 rounded-2xl bg-indigo-50 dark:bg-indigo-900/20 flex items-center justify-center text-indigo-600 dark:text-indigo-400 group-hover:scale-110 transition-transform">
+                       <q-icon name="calendar_today" size="24px" />
+                    </div>
+                    <div>
+                       <div class="text-[10px] font-black text-slate-500 dark:text-slate-400 uppercase tracking-wider mb-0.5">{{ $t('profile.joinedAt') }}</div>
+                       <div class="text-lg font-bold text-slate-900 dark:text-white tracking-tight">{{ formatDate(userData.createdAt) }}</div>
+                    </div>
+                 </div>
               </div>
            </div>
-
-           <!-- ฟิลด์ข้อมูลฟอร์ม (แบ่งเป็น 2 คอลัมน์) (Form Inputs (2 Column Grid)) -->
-           <div class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-6 mb-4">
-               <div class="md:col-span-2 relative">
-                  <label class="block text-[13px] font-bold text-slate-700 dark:text-slate-300 mb-2">{{ $t('profile.prefix') }}</label>
-                  <select v-model="userData.prefix" class="w-full bg-slate-50 dark:bg-slate-800 border border-slate-200 dark:border-slate-700 px-4 py-3 rounded-lg focus:outline-none focus:border-[#3B6BE8] transition text-sm font-medium text-slate-900 dark:text-white appearance-none cursor-pointer">
-                     <option value="" disabled>{{ $t('profile.selectPrefix') }}</option>
-                     <option value="นาย">{{ $t('profile.mr') }}</option>
-                     <option value="นาง">{{ $t('profile.mrs') }}</option>
-                     <option value="นางสาว">{{ $t('profile.miss') }}</option>
-                  </select>
-                  <div class="pointer-events-none absolute bottom-0 right-0 flex items-center px-4 h-11 text-slate-500">
-                     <q-icon name="arrow_drop_down" size="24px" />
-                  </div>
-               </div>
-               <div>
-                  <label class="block text-[13px] font-bold text-slate-700 dark:text-slate-300 mb-2">{{ $t('profile.firstName') }}-{{ $t('profile.lastName') }}</label>
-                  <div class="flex gap-3">
-                     <input type="text" v-model="userData.firstName" class="w-full bg-slate-50 dark:bg-slate-800 border border-slate-200 dark:border-slate-700 px-4 py-3 rounded-lg focus:outline-none focus:border-[#3B6BE8] transition text-sm font-medium text-slate-900 dark:text-white" :placeholder="$t('profile.firstName')" />
-                     <input type="text" v-model="userData.lastName" class="w-full bg-slate-50 dark:bg-slate-800 border border-slate-200 dark:border-slate-700 px-4 py-3 rounded-lg focus:outline-none focus:border-[#3B6BE8] transition text-sm font-medium text-slate-900 dark:text-white" :placeholder="$t('profile.lastName')" />
-                  </div>
-               </div>
-              <div>
-                  <div class="flex items-center justify-between mb-2">
-                     <label class="block text-[13px] font-bold text-slate-700 dark:text-slate-300">{{ $t('profile.email') }}</label>
-                     <div v-if="userData.emailVerifiedAt" class="flex items-center gap-1 text-green-500 text-xs font-bold">
-                         <q-icon name="verified_user" size="14px" /> {{ $t('profile.emailVerified') }}
-                     </div>
-                     <button v-else @click="handleSendVerifyEmail" :disabled="isSendingVerify" class="flex items-center gap-1 text-amber-500 hover:text-amber-600 text-xs font-bold transition">
-                         <q-icon name="warning" size="14px" /> <span v-if="isSendingVerify"><q-spinner size="xs" /> {{ $t('profile.verifying') }}</span><span v-else class="underline">{{ $t('profile.verifyNow') }}</span>
-                     </button>
-                  </div>
-                 <input type="email" v-model="userData.email" class="w-full bg-slate-50 dark:bg-slate-800 border border-slate-200 dark:border-slate-700 px-4 py-3 rounded-lg focus:outline-none transition text-sm font-medium text-slate-500 dark:text-slate-400" disabled />
-              </div>
-               <div>
-                  <label class="block text-[13px] font-bold text-slate-700 dark:text-slate-300 mb-2">{{ $t('profile.phone') }}</label>
-                  <input type="tel" v-model="userData.phone" class="w-full bg-slate-50 dark:bg-slate-800 border border-slate-200 dark:border-slate-700 px-4 py-3 rounded-lg focus:outline-none focus:border-[#3B6BE8] transition text-sm font-medium text-slate-900 dark:text-white" placeholder="08x-xxx-xxxx" />
-               </div>
-               <div>
-                  <label class="block text-[13px] font-bold text-slate-700 dark:text-slate-300 mb-2">{{ $t('profile.joinedAt') }}</label>
-                  <input type="text" :value="formatDate(userData.createdAt)" class="w-full bg-slate-50 dark:bg-slate-800 border border-slate-200 dark:border-slate-700 px-4 py-3 rounded-lg focus:outline-none transition text-sm font-medium text-slate-500 dark:text-slate-400" disabled />
-               </div>
-           </div>
-
-        </div>
-        
-        <!-- ปุ่มกดยืนยันต่างๆ (Footer Buttons) -->
-        <div class="px-6 sm:px-8 py-5 border-t border-slate-200 dark:border-slate-800 flex flex-col sm:flex-row justify-center sm:justify-end gap-3 items-center bg-white dark:!bg-slate-900">
-           <button class="w-full sm:w-auto text-[13px] font-bold text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white px-4 py-2 transition order-2 sm:order-1" @click="fetchUserProfile(true)">{{ $t('common.cancel') }}</button>
-           <button @click="handleUpdateProfile" :disabled="isProfileSaving" class="w-full sm:w-auto bg-[#3B6BE8] hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg text-[13px] font-bold transition shadow-sm disabled:opacity-50 order-1 sm:order-2">
-             <span v-if="isProfileSaving"><q-spinner size="18px" color="white" class="mr-1" /> {{ $t('profile.saving') }}</span>
-             <span v-else>{{ $t('common.saveChanges') }}</span>
-           </button>
         </div>
       </div>
 
-      <!-- การ์ดความปลอดภัย (Security Card) -->
-      <div class="bg-white dark:!bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-2xl shadow-sm overflow-hidden">
-        <div class="p-8 border-b border-slate-200 dark:border-slate-800">
-          <h2 class="text-xl font-bold text-slate-900 dark:text-white">{{ $t('profile.security') }}</h2>
-          <p class="text-slate-500 dark:text-slate-400 text-sm mt-1">{{ $t('profile.securitySubtitle') }}</p>
-        </div>
-        
-        <div class="px-6 sm:px-8 py-8 sm:py-10">
-          <div class="p-5 sm:p-6 rounded-2xl bg-slate-50 dark:bg-slate-800/50 border border-slate-100 dark:border-slate-800 flex flex-col sm:flex-row items-center sm:items-center justify-between gap-6 text-center sm:text-left">
-            <div class="flex flex-col sm:flex-row items-center gap-4">
-              <div class="w-12 h-12 rounded-xl bg-blue-100 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400 flex items-center justify-center shrink-0">
-                <q-icon name="key" size="24px" />
-              </div>
-              <div>
-                <h3 class="font-bold text-slate-900 dark:text-white text-[15px] sm:text-[16px]">{{ $t('profile.password') }}</h3>
-                <p class="text-slate-500 dark:text-slate-400 text-xs mt-0.5 sm:mt-1">{{ $t('profile.securitySubtitle') }}</p>
-              </div>
+      <!-- EDIT MODE: Tabs and Forms (Clean Layout) -->
+      <div v-else class="fade-in">
+          <!-- Tab Selector -->
+          <div class="flex justify-center mb-8">
+            <div class="bg-white dark:bg-[#1e293b] p-1.5 rounded-2xl flex items-center gap-1 border border-slate-200 dark:border-slate-700 shadow-sm">
+                <button 
+                  @click="activeTab = 'general'"
+                  class="px-6 md:px-8 py-3 rounded-xl font-black text-xs uppercase tracking-widest transition-all flex items-center gap-2"
+                  :class="activeTab === 'general' ? 'bg-blue-50 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400 shadow-sm scale-100' : 'text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200 scale-95 opacity-70'"
+                >
+                  <q-icon name="person_outline" size="18px" /> {{ $t('profile.generalInfo') }}
+                </button>
+                <button 
+                  @click="activeTab = 'security'"
+                  class="px-6 md:px-8 py-3 rounded-xl font-black text-xs uppercase tracking-widest transition-all flex items-center gap-2"
+                  :class="activeTab === 'security' ? 'bg-amber-50 dark:bg-amber-900/30 text-amber-600 dark:text-amber-400 shadow-sm scale-100' : 'text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200 scale-95 opacity-70'"
+                >
+                  <q-icon name="lock_open" size="18px" /> {{ $t('profile.security') }}
+                </button>
             </div>
-            <button @click="showPasswordModal = true" class="w-full sm:w-auto bg-[#3B6BE8] hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg text-sm font-bold transition shadow-sm shadow-blue-500/10">
-              {{ $t('profile.changePasswordBtn') }}
-            </button>
           </div>
-        </div>
+          
+          <!-- Edit Content -->
+          <div class="max-w-3xl mx-auto">
+              <div v-if="activeTab === 'general'" class="bg-white dark:bg-[#1e293b] border border-slate-200 dark:border-slate-700/50 rounded-3xl shadow-xl dark:shadow-none p-6 md:p-10">
+                  <ProfileEditForm
+                      v-model="userData"
+                      :loading="isProfileSaving"
+                      :verifying="isSendingVerify"
+                      @submit="handleUpdateProfile"
+                      @upload="handleFileUpload"
+                      @verify="handleSendVerifyEmail"
+                  />
+              </div>
+              <div v-else class="bg-white dark:bg-[#1e293b] border border-slate-200 dark:border-slate-700/50 rounded-3xl shadow-xl dark:shadow-none p-6 md:p-10">
+                  <PasswordChangeForm
+                      v-model="passwordForm"
+                      :loading="isPasswordSaving"
+                      @submit="handleUpdatePassword"
+                  />
+              </div>
+          </div>
       </div>
       
     </div>
 
-    <!-- โมดอลเปลี่ยนรหัสผ่าน (Password Modal) -->
-    <q-dialog v-model="showPasswordModal">
-      <q-card class="w-full max-w-md rounded-2xl p-2 dark:bg-slate-900 shadow-xl">
-        <q-form @submit="handleUpdatePassword">
-          <q-card-section class="flex items-center justify-between pb-2">
-            <div class="text-xl font-bold text-slate-900 dark:text-white">{{ $t('profile.changePasswordBtn') }}</div>
-            <q-btn icon="close" flat round dense v-close-popup class="text-slate-500" />
-          </q-card-section>
-
-          <q-card-section class="pt-2">
-            <div class="space-y-1">
-               <div>
-                <label class="block text-[13px] font-bold text-slate-700 dark:text-slate-300 mb-1">{{ $t('profile.currentPassword') }}</label>
-                <q-input
-                  v-model="passwordForm.currentPassword"
-                  :type="showPassword.current ? 'text' : 'password'"
-                  outlined 
-                  dense
-                  class="custom-pwd-input"
-                  :rules="[val => !!val || $t('common.required')]"
-                >
-                  <template v-slot:append>
-                    <q-icon
-                      :name="showPassword.current ? 'visibility_off' : 'visibility'"
-                      class="cursor-pointer text-slate-400"
-                      @click="showPassword.current = !showPassword.current"
-                    />
-                  </template>
-                </q-input>
-              </div>
-              
-               <div>
-                <label class="block text-[13px] font-bold text-slate-700 dark:text-slate-300 mb-1">{{ $t('profile.newPassword') }}</label>
-                <q-input
-                  v-model="passwordForm.newPassword"
-                  :type="showPassword.new ? 'text' : 'password'"
-                  outlined 
-                  dense
-                  class="custom-pwd-input"
-                  :rules="[
-                    val => !!val || $t('common.required'),
-                    val => val.length >= 6 || $t('profile.newPasswordHint')
-                  ]"
-                >
-                  <template v-slot:append>
-                    <q-icon
-                      :name="showPassword.new ? 'visibility_off' : 'visibility'"
-                      class="cursor-pointer text-slate-400"
-                      @click="showPassword.new = !showPassword.new"
-                    />
-                  </template>
-                </q-input>
-              </div>
-
-               <div>
-                <label class="block text-[13px] font-bold text-slate-700 dark:text-slate-300 mb-1">{{ $t('profile.confirmNewPassword') }}</label>
-                <q-input
-                  v-model="passwordForm.confirmPassword"
-                  :type="showPassword.confirm ? 'text' : 'password'"
-                  outlined 
-                  dense
-                  class="custom-pwd-input"
-                  :rules="[
-                    val => !!val || $t('common.required'),
-                    val => val === passwordForm.newPassword || $t('common.passwordsDoNotMatch')
-                  ]"
-                >
-                  <template v-slot:append>
-                    <q-icon
-                      :name="showPassword.confirm ? 'visibility_off' : 'visibility'"
-                      class="cursor-pointer text-slate-400"
-                      @click="showPassword.confirm = !showPassword.confirm"
-                    />
-                  </template>
-                </q-input>
-              </div>
-            </div>
-          </q-card-section>
-
-          <q-card-actions align="right" class="pt-2 pb-2 px-4">
-            <q-btn flat :label="$t('common.cancel')" color="grey-7" v-close-popup class="font-bold text-[13px]" />
-            <q-btn type="submit" unelevated color="primary" :label="$t('common.save')" :loading="isPasswordSaving" class="font-bold rounded-lg px-4 text-[13px]" />
-          </q-card-actions>
-        </q-form>
-      </q-card>
-    </q-dialog>
-
   </div>
 </template>
 
@@ -432,13 +375,7 @@ onMounted(async () => {
   color: white;
 }
 
-.custom-pwd-input :deep(.q-field__control) {
-  border-radius: 8px;
-  background-color: #f8fafc;
-}
-.dark .custom-pwd-input :deep(.q-field__control) {
-  background-color: #1e293b;
-}
+/* Removed card-premium and dark mode overrides as we used utility classes */
 
 .fade-in {
   animation: fadeIn 0.4s ease-out forwards;
diff --git a/Frontend-Learner/pages/index.vue b/Frontend-Learner/pages/index.vue
index bcb5380c..de7ea2e6 100644
--- a/Frontend-Learner/pages/index.vue
+++ b/Frontend-Learner/pages/index.vue
@@ -13,29 +13,47 @@ useHead({
   title: 'E-Learning System - ระบบการเรียนการสอนออนไลน์'
 })
 
-import { CATEGORY_CARDS, WHY_CHOOSE_US } from '@/constants/landing'
-
 const { fetchCategories } = useCategory()
 const { fetchCourses, getLocalizedText } = useCourse()
 const { user } = useAuth()
 
-const categoryCards = CATEGORY_CARDS
-const whyChooseUs = WHY_CHOOSE_US
+const stepOneCards = [
+  { title: 'AI Foundations', desc: 'เข้าใจพื้นฐาน AI ใช้งานจริงได้ทุกสายงาน', bgClass: 'bg-slate-900', textClass: 'text-white', arrowClass: 'text-white/60 border-white/20 group-hover:text-slate-900', categorySlug: 'programming' },
+  { title: 'Data Analyst', desc: 'เรียนจนทำ Dashboard วิเคราะห์ Data ได้เลย', bgClass: 'bg-amber-500', textClass: 'text-slate-900', arrowClass: 'text-slate-900/40 border-slate-900/10 group-hover:text-amber-500', categorySlug: 'business' },
+  { title: 'Front-End Web Developer', desc: 'เขียนเว็บสวย ใช้งานได้จริงตั้งแต่หน้าแรก', bgClass: 'bg-orange-500', textClass: 'text-white', arrowClass: 'text-white/60 border-white/20 group-hover:text-orange-500', categorySlug: 'programming' },
+  { title: 'UX/UI Designer', desc: 'ต่อยอดทำ Portfolio ไม่มีประสบการณ์ก็เรียนได้', bgClass: 'bg-pink-600', textClass: 'text-white', arrowClass: 'text-white/60 border-white/20 group-hover:text-pink-600', categorySlug: 'design' },
+  { title: 'Product Manager', desc: 'เก็บทุกทักษะ ปั้น Product วางแผนแบบมือโปร', bgClass: 'bg-teal-500', textClass: 'text-white', arrowClass: 'text-white/60 border-white/20 group-hover:text-teal-500', categorySlug: 'business' },
+  { title: 'Back-End Developer', desc: 'เข้าใจโครงสร้างระบบและฐานข้อมูลหลังบ้าน', bgClass: 'bg-blue-600', textClass: 'text-white', arrowClass: 'text-white/60 border-white/20 group-hover:text-blue-600', categorySlug: 'programming' },
+  { title: 'Supply Chain & Logistics', desc: 'ใช้ Data วางแผนโลจิสติกส์ได้อย่างมีประสิทธิภาพ', bgClass: 'bg-slate-700', textClass: 'text-white', arrowClass: 'text-white/60 border-white/20 group-hover:text-slate-700', categorySlug: 'business' }
+]
 
-// ระดับความยาก (Level)
-const levelModel = ref('ระดับทั้งหมด')
-const levelOptions = ['ระดับทั้งหมด','ระดับเริ่มต้น', 'ระดับกลาง', 'ระดับสูง']
+const learningStyles = [
+  { 
+    title: 'คอร์สออนไลน์', icon: 'desktop_windows', type: 'ONLINE',
+    subtitle: 'เรียนได้ทุกที่ ทุกเวลา', desc: 'คัดสรรเนื้อหาคุณภาพจากผู้เชี่ยวชาญ\nพร้อมให้คุณเริ่มต้นเรียนรู้ได้ทันที', 
+    time: 'เข้าถึงได้ตลอดชีพ',
+    features: ['เนื้อหาครบทุกประเด็นสำคัญ', 'โจทย์ตัวอย่างและแบบฝึกหัด', 'เรียนซ้ำได้ไม่จำกัด', 'ใบเซอร์ทิฟิเคตหลังเรียนจบ'],
+    iconBg: 'bg-blue-50', iconColor: 'text-blue-600', titleClass: 'text-blue-700',
+    btnClass: 'bg-indigo-900 text-white hover:bg-indigo-800'
+  }
+]
+
+const promoCategories = [
+  { title: 'Data', desc: 'เรียนรู้และฝึกฝนกระบวนการคิดสร้างมูลค่าให้ธุรกิจด้วยข้อมูล', icon: 'analytics' },
+  { title: 'Design', desc: 'ออกแบบ Digital Product เพื่อให้ผู้ใช้งานได้รับประสบการณ์ที่ดีที่สุด', icon: 'palette' },
+  { title: 'Tech', desc: 'พร้อมเป็นที่ต้องการของตลาดแรงงานด้วยทักษะการเขียนโปรแกรม', icon: 'code' },
+  { title: 'Business', desc: 'พลิกโฉมธุรกิจในยุคดิจิทัลด้วยการเข้าถึงลูกค้าในช่องทางและเวลาที่เหมาะสม', icon: 'trending_up' }
+]
 
 const categories = ref<any[]>([])
 const topCourses = ref<any[]>([])
 const selectedCategory = ref('all')
 const isLoading = ref(false)
 const currentSlide = ref(0)
-
 const courseChunks = computed(() => {
   const chunkSize = 4
   const chunks = []
-  if (!topCourses.value || topCourses.value.length === 0) return []
+  if (!topCourses.value) return []
   for (let i = 0; i < topCourses.value.length; i += chunkSize) {
     chunks.push(topCourses.value.slice(i, i + chunkSize))
   }
@@ -47,7 +65,7 @@ const loadData = async () => {
     try {
         const [catRes, courseRes] = await Promise.all([
             fetchCategories(),
-            fetchCourses({ limit: 12, forceRefresh: true })
+            fetchCourses({ limit: 8, forceRefresh: true })
         ])
         
         if (catRes.success) categories.value = catRes.data || []
@@ -59,19 +77,6 @@ const loadData = async () => {
     }
 }
 
-const getCategoryIcon = (categoryName: string) => {
-   if (!categoryName) return 'o_category'
-   const text = categoryName.toLowerCase()
-   
-   if (text.includes('ออกแบบ') || text.includes('design')) return 'o_palette'
-   if (text.includes('โปรแกรม') || text.includes('code') || text.includes('dev')) return 'o_terminal'
-   if (text.includes('ธุรกิจ') || text.includes('business') || text.includes('การตลาด') || text.includes('market')) return 'o_storefront'
-   if (text.includes('ภาษา') || text.includes('language')) return 'o_language'
-   if (text.includes('ข้อมูล') || text.includes('data')) return 'o_analytics'
-   
-   return 'o_interests'
-}
-
 const goBrowse = (slug: string) => {
     navigateTo({ path: '/browse', query: { category: slug } })
 }
@@ -79,7 +84,7 @@ const goBrowse = (slug: string) => {
 watch(selectedCategory, async (newVal) => {
     isLoading.value = true
     try {
-        const params: any = { limit: 12 }
+        const params: any = { limit: 8 }
         if (newVal !== 'all') {
             const category = categories.value.find(c => c.slug === newVal)
             if (category) {
@@ -105,41 +110,41 @@ onMounted(() => {
 
 <template>
   <div class="landing-page bg-white min-h-screen">
-    <!-- Section 1: Hero Section -->
-    <section class="container mx-auto py-24 md:py-24 lg:py-28 px-6 lg:px-12 pb-16">
-      <div class="flex flex-col lg:flex-row items-center gap-10 lg:gap-10 justify-between animate-fade-in">
-        <!-- ด้านซ้าย: ข้อความและปุ่มกด (Left Content) -->
-        <div class="flex flex-col items-start gap-6 flex-1 max-w-2xl ">
-          <!-- หัวข้อหลัก (Heading) -->
-          <h1 class="text-4xl sm:text-5xl lg:text-[55px] font-bold leading-tight lg:leading-[66px] slide-up" style="animation-delay: 0.2s;">
-            <span class="text-slate-900">ขยายขอบเขตความรู้ของคุณ</span><br>
-            <span class="text-blue-600">ด้วยการเรียนรู้ออนไลน์</span>
+    <!-- Hero Section -->
+    <header class="relative pt-32 pb-16 md:pt-40 md:pb-20 overflow-hidden bg-white">
+      <!-- Decorative Background -->
+      <div class="absolute top-0 right-0 w-[45%] h-[105%] bg-blue-50/50 rounded-bl-[12rem] -z-10 animate-fade-in"/>
+      
+      <div class="container mx-auto px-6 md:px-12 grid grid-cols-1 md:grid-cols-2 items-center gap-16">
+        <div class="hero-left slide-up">
+          <div class="flex items-center gap-3 mb-8 text-blue-600">
+            <q-icon name="stars" size="28px" />
+            <span class="text-sm font-black tracking-widest uppercase">E-Learning Platform</span>
+          </div>
+          <h1 class="text-4xl md:text-5xl lg:text-7xl font-bold text-slate-900 leading-[1.2] mb-8 tracking-normal">
+            คอร์สเรียนออนไลน์<br><span class="text-blue-600">เพิ่มทักษะ</span>ยุคดิจิทัล
           </h1>
-
-          <!-- คำอธิบายรอง (Subtitle) -->
-          <p class="text-slate-500 text-lg sm:text-xl leading-relaxed slide-up" style="animation-delay: 0.3s;">
-            จุดประกายความรู้ของคุณ และเริ่มต้นอัปสกิลกับผู้เชี่ยวชาญ
-            ในอุตสาหกรรมที่มีความรู้รอบด้านหลากหลายในหลายสาขา
-            เรียนได้ทุกที่ ทุกเวลา
+          <p class="text-slate-500 text-lg md:text-xl font-medium mb-12 leading-relaxed max-w-xl slide-up" style="animation-delay: 0.1s;">
+            แหล่งรวมคอร์สออนไลน์คุณภาพสูงที่จะช่วยอัปสกิลให้คุณทำงานเก่งขึ้น พัฒนาทักษะที่ตลาดต้องการ พร้อมให้คุณก้าวไปข้างหน้าได้อย่างมั่นใจ!
           </p>
 
-        <!-- ปุ่มกดต่างๆ (Buttons) -->
-          <div class=" w-full flex flex-col sm:flex-row items-center gap-4 pt-5 slide-up" style="animation-delay: 0.4s;">
+          <!-- Search Bar Pill -->
+          <div class="flex flex-col sm:flex-row gap-4 mb-10 slide-up" style="animation-delay: 0.2s;">
             <q-btn 
               unelevated 
               rounded 
-              color="blue-600" 
-              label="ดูคอร์สเรียน" 
-              class="px-10 py-4 w-full sm:w-auto rounded-3xl font-semibold text-white text-lg shadow-xl shadow-blue-600/20 transition-transform"
+              color="primary" 
+              label="ดูคอร์สเรียนทั้งหมด" 
+              class="px-10 h-16 font-black text-white text-xl shadow-xl shadow-blue-600/20 hover:scale-105 transition-transform"
               no-caps
               to="/browse"
             />
             <q-btn 
               outline
               rounded 
+              color="primary" 
               label="สมัครสมาชิกฟรี" 
-              color="grey-8"
-              class="px-10 py-4 w-full sm:w-auto btn-user rounded-3xl font-semibold text-lg hover:bg-blue-50 "
+              class="px-10 h-16 font-black text-xl border-2 hover:bg-blue-50"
               no-caps
               to="/auth/register"
               v-if="!user"
@@ -147,171 +152,192 @@ onMounted(() => {
           </div>
         </div>
 
-        <!-- ด้านขวา: รูปภาพฮีโร่ (Right - Hero Image) -->
-        <div class="flex-1 w-full max-w-lg md:max-w-md lg:max-w-xl pl-0 py-10">
-          <div class="relative rounded-2xl overflow-hidden shadow-[0_25px_50px_-12px_rgba(0,0,0,0.25)] aspect-square">
-            <img
-              src="https://api.builder.io/api/v1/image/assets/TEMP/11ba9b46c799fac950967377f8158fa942c1a6b8?width=1184"
-              alt="Students collaborating"
-              class="w-full h-full object-cover"
-            />
-            <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-transparent to-transparent" />
+        <!-- Hero Visual Showcase -->
+        <div class="hero-right flex justify-center md:justify-end items-center slide-up" style="animation-delay: 0.2s;">
+          <div class="relative w-full max-w-xl">
+            <!-- Main Illustration -->
+            <div class="relative z-10 animate-float">
+              <img 
+                src="/img/elearning.png" 
+                alt="E-Learning Illustration"
+                class="w-full h-auto drop-shadow-2xl"
+              />
+            </div>
 
-            <!-- ส่วนทับซ้อนสำหรับทำโมเดลการ์ดคอร์ส (Course Card Overlay) -->
-            <!-- <div class="absolute bottom-5 left-5 right-5">
-              <div class="bg-white/85 backdrop-blur-sm border border-white/20 rounded-3xl px-6 py-5">
-                <div class="flex items-center gap-4">
-                  <div class="flex-shrink-0 w-9 h-9 flex items-center justify-center rounded-2xl bg-blue-600/20">
-                    <q-icon name="o_play_circle" size="25px" class="text-blue-600" />
-                  </div>
-                  <div class="flex flex-col">
-                    <span class="text-slate-900 font-bold text-sm leading-5">
-                      เรียนรู้การออกแบบ UI/UX
-                    </span>
-                    <span class="text-slate-500 text-xs leading-4 mt-0.5">
-                      คอร์สวิดีโอ • 12 บทเรียน
-                    </span>
-                  </div>
-                </div>
-              </div>
-            </div> -->
+            <!-- Decorative shapes behind the image -->
+            <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[120%] h-[120%] bg-blue-50/50 rounded-full blur-3xl -z-10" />
+            <div class="absolute -top-10 -left-10 w-32 h-32 bg-amber-100 rounded-[3rem] -z-10 animate-pulse" />
+            <div class="absolute -bottom-10 -right-10 w-48 h-48 bg-blue-100 rounded-full -z-10 animate-pulse" style="animation-delay: -2s;" />
           </div>
         </div>
       </div>
-    </section>
+    </header>
 
-    <!-- Section 2: ทำไมต้องเลือกแพลตฟอร์มของเรา -->
-    <section class="pt-20 pb-14 bg-white relative flex-col">
+    <section class="pt-16 pb-12 md:pt-24 md:pb-20 bg-white">
       <div class="container mx-auto px-6 lg:px-12">
-        <!-- หัวข้อหลัก (Heading) -->
         <div class="text-center mb-16 slide-up">
-          <h2 class="text-4xl md:text-[2.4rem] font-bold text-slate-900 mb-6">
-            ทำไมต้องเลือกแพลตฟอร์มของเรา?
+          <h2 class="text-3xl md:text-5xl font-bold text-slate-900 mb-6 px-4">
+            เพราะ “ก้าวแรก” ของการพัฒนาตัวเอง ท้าทายเสมอ
           </h2>
-          <p class="text-slate-500 text-base font-normal md:text-xl max-w-3xl mx-auto leading-relaxed">
-            เรามีเครื่องมือและความเชี่ยวชาญที่จะช่วยให้คุณประสบความสำเร็จในการเปลี่ยนสายอาชีพและการสร้างทักษะระดับมืออาชีพ
+          <p class="text-slate-500 text-lg md:text-xl font-medium max-w-3xl mx-auto leading-relaxed">
+            เราจึงตั้งใจออกแบบบทเรียนให้ <span class="text-blue-600 font-bold">‘เข้าใจง่าย’</span> และ <span class="text-blue-600 font-bold">‘นำไปใช้ได้จริง’</span> เพื่อให้ทุกก้าวของคุณ มั่นคงและไปถึงเป้าหมายได้สำเร็จ
           </p>
         </div>
 
-        <!-- โซนแนะนำแบบการ์ดแนวนอน (Horizontal Cards) -->
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-          <div v-for="(item, i) in whyChooseUs" :key="i"
-               class="slide-up p-10 rounded-2xl bg-[#F8FAFC] border border-[#f1f2f9] hover:border-[#2463eb61] hover:bg-white transition-all duration-500 group"
-               :style="`animation-delay: ${i * 0.1}s`"
-          >
-            <div class="w-14 h-14 rounded-full bg-[#E3EBFA] flex items-center justify-center mb-5 transition-transform group-hover:scale-110 duration-500">
-              <q-icon :name="item.icon" size="28px" class="text-blue-600" />
+        <!-- Grid Container (Bento Layout) -->
+        <div class="relative">
+          <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+            <div v-for="(card, i) in stepOneCards" :key="i" 
+                 class="group cursor-pointer rounded-3xl p-6 flex flex-col justify-between transition-all hover:-translate-y-1 shadow-lg hover:shadow-2xl overflow-hidden relative"
+                 :class="[
+                   card.bgClass,
+                   i === 0 ? 'lg:row-span-2 min-h-[380px]' : 'min-h-[220px]'
+                 ]"
+                 @click="goBrowse(card.categorySlug)"
+            >
+              <!-- Background Accent -->
+              <div class="absolute top-0 right-0 w-32 h-32 bg-white/5 rounded-full -translate-y-1/2 translate-x-1/2" />
+              
+              <div>
+                <span class="text-[10px] font-bold uppercase tracking-[0.15em] opacity-80 mb-3 block" :class="card.textClass === 'text-white' ? 'text-white/80' : 'text-slate-900/60'">ก้าวแรกของ</span>
+                <h3 class="text-2xl font-bold leading-tight tracking-tight mb-2" :class="card.textClass">{{ card.title }}</h3>
+              </div>
+              
+              <div class="space-y-4 relative z-10">
+                <p class="text-sm font-medium leading-relaxed opacity-90" :class="card.textClass">{{ card.desc }}</p>
+                <div class="flex justify-end">
+                  <div class="w-10 h-10 rounded-full border border-white/20 flex items-center justify-center transition-all bg-white/10 group-hover:bg-white/20 group-hover:scale-105 backdrop-blur-sm"
+                       :class="[i === 0 ? 'w-12 h-12' : '']">
+                     <q-icon name="arrow_forward" :size="i === 0 ? '24px' : '20px'" :class="card.textClass" />
+                  </div>
+                </div>
+              </div>
             </div>
-            <h3 class="text-[1.3rem] font-bold text-slate-900 group-hover:text-blue-600 transition-colors">
-              {{ item.title }}
-            </h3>
-            <p class="text-slate-500 text-lg leading-relaxed ">
-              {{ item.desc }}
-            </p>
           </div>
         </div>
       </div>
     </section>
 
-    <!-- Section 3: เลือกเรียนตามเรื่องที่คุณสนใจ -->
-    <section class="py-20 md:py-24 bg-white">
+    <!-- Section 2: "Value Proposition" - Why Online Learning here? -->
+    <section class="pt-12 pb-12 md:pt-20 md:pb-20 bg-white relative overflow-hidden">
+      <!-- Decorative background blur -->
+      <div class="absolute top-1/2 left-0 -translate-y-1/2 w-96 h-96 bg-blue-100/50 rounded-full blur-[100px] -z-10" />
+      
       <div class="container mx-auto px-6 lg:px-12">
-        <!-- หัวข้อ (Heading) -->
-        <div class="mb-12 slide-up">
-          <h2 class="text-[1.4rem] text-3xl md:text-4xl font-semibold text-slate-900 px-4">
-            เลือกเรียนตามเรื่องที่คุณสนใจ
-          </h2>
-        </div>
-
-        <!-- โซนหมวดหมู่แบบการ์ดแนวนอน (Horizontal Cards) -->
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 justify-center gap-6 px-4">
-          <div v-for="(card, i) in categoryCards" :key="i"
-               class="cursor-pointer bg-white rounded-3xl p-6 border border-slate-200/80 shadow-[0px_1px_2px_0px_rgba(0,0,0,0.05)] hover:shadow-2xl hover:shadow-blue-600/5 hover:-translate-y-1 hover:border-[#2463eb61] transition-all duration-500 flex items-center gap-5"
-               @click="goBrowse(card.slug)"
-          >
-            <!-- กล่องไอคอน (Icon Box) -->
-            <div class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center bg-slate-50 group-hover:scale-110 transition-transform duration-500">
-              <q-icon :name="card.icon" size="35px" class="text-blue-600" />
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-20 items-center">
+          <!-- Left side: Visual representation -->
+          <div class="relative slide-up">
+            <div class="relative z-10 bg-gradient-to-br from-blue-600 to-indigo-700 rounded-[4rem] p-12 md:p-20 shadow-3xl overflow-hidden group">
+              <!-- Animated background shapes -->
+              <div class="absolute top-0 right-0 w-64 h-64 bg-white/10 rounded-full -translate-y-1/2 translate-x-1/2 group-hover:scale-110 transition-transform duration-1000" />
+              <div class="absolute bottom-0 left-0 w-48 h-48 bg-amber-400/20 rounded-full translate-y-1/2 -translate-x-1/2" />
+              
+              <div class="relative z-20 flex flex-col items-center text-center text-white">
+                <div class="w-24 h-24 md:w-32 md:h-32 bg-white/20 backdrop-blur-md rounded-[2.5rem] flex items-center justify-center mb-8 shadow-inner">
+                  <q-icon name="laptop_mac" size="64px" class="text-white" />
+                </div>
+                <h3 class="text-3xl md:text-5xl font-black leading-[1.2] md:leading-[1.15] tracking-tight mb-0 pt-1 overflow-visible">
+                  คอร์สออนไลน์<br class="hidden md:block" />
+                  ที่ออกแบบมาสำหรับคุณ
+                </h3>
+                <p class="mt-5 text-blue-100/90 text-base md:text-lg font-medium leading-relaxed max-w-md">
+                  เรียนรู้ทักษะใหม่จากผู้เชี่ยวชาญตัวจริง พร้อมเนื้อหาที่เข้มข้นและใช้งานได้จริง
+                </p>
+              </div>
             </div>
+            
+            <!-- Floating Stats pill -->
+            <div class="absolute -bottom-10 -right-6 md:right-10 z-30 bg-white p-6 rounded-3xl shadow-2xl animate-float">
+              <div class="flex items-center gap-4">
+                <div class="w-12 h-12 rounded-2xl bg-amber-50 flex items-center justify-center text-amber-600">
+                  <q-icon name="query_builder" size="28px" />
+                </div>
+                <div>
+                  <div class="text-xs font-bold text-slate-400 uppercase tracking-tighter">Access Status</div>
+                  <div class="text-xl font-black text-slate-900">เข้าถึงได้ตลอดชีพ</div>
+                </div>
+              </div>
+            </div>
+          </div>
 
-            <!-- เนื้อหาข้อความ (Content) -->
-            <div class="flex-grow pr-2">
-              <h3 class="text-lg md:text-xl font-bold text-slate-900 mb-1 group-hover:text-blue-600 transition-colors leading-tight">
-                {{ card.title }}
-              </h3>
-              <p class="text-slate-600 text-xs md:text-sm leading-relaxed opacity-70">
-                {{ card.desc }}
+          <!-- Right side: Content & Benefits -->
+          <div class="slide-up" style="animation-delay: 0.2s;">
+            <div class="mb-12">
+              <span class="inline-flex items-center px-5 py-2 rounded-full bg-blue-50 text-blue-600 text-xs md:text-sm font-extrabold uppercase tracking-widest mb-5 border border-blue-100">
+                Premium Learning Experience
+              </span>
+              <h2 class="text-4xl md:text-6xl font-bold text-slate-900 leading-[1.2] md:leading-[1.2] tracking-tight mb-0 pt-1 overflow-visible">
+                ก้าวข้ามทุกขีดจำกัด<br />
+                ด้วยการเรียนรู้ที่ <span class="text-blue-600">“อิสระ”</span>
+              </h2>
+              <p class="mt-6 text-slate-500 text-lg md:text-xl font-medium leading-relaxed max-w-2xl">
+                เราคัดสรรและคราฟต์ทุกคอร์สเรียนเพื่อให้มั่นใจว่าคุณจะได้รับประสบการณ์การเรียนรู้ที่ดีที่สุด ไม่ว่าจะอยู่ที่ไหนหรือเวลาใดก็ตาม
               </p>
             </div>
 
-            <!-- ลูกศรชี้ขวา (Arrow) -->
-            <div class="gt-xs flex-shrink-0 text-slate-300 group-hover:text-blue-600 transition-colors transform group-hover:translate-x-1 duration-300">
-              <q-icon name="chevron_right" size="24px" />
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12">
+              <div v-for="(feature, f) in learningStyles[0].features" :key="f" 
+                   class="flex items-center gap-4 p-5 rounded-3xl bg-slate-50 border border-slate-100 group hover:border-blue-200 hover:bg-white hover:shadow-xl transition-all duration-300"
+              >
+                <div class="flex-shrink-0 w-10 h-10 rounded-full bg-white flex items-center justify-center text-green-500 shadow-sm group-hover:bg-green-500 group-hover:text-white transition-colors">
+                  <q-icon name="check" size="20px" />
+                </div>
+                <span class="text-base font-black text-slate-700 leading-snug">{{ feature }}</span>
+              </div>
             </div>
+
+            <q-btn 
+              unelevated 
+              rounded 
+              color="primary"
+              label="เริ่มต้นบทเรียนแรกของคุณ"
+              class="px-12 h-20 font-black text-xl md:text-2xl transition-all shadow-xl hover:shadow-2xl hover:-translate-y-1"
+              no-caps
+              :to="user ? '/browse' : '/auth/login'"
+            />
           </div>
         </div>
       </div>
     </section>
 
+
+
     <!-- Section 4: "คอร์สออนไลน์" -->
-    <section class="py-12 md:py-24 bg-slate-50">
+    <section class="pt-12 pb-24 md:pt-20 md:pb-40 bg-slate-50/50">
       <div class="container mx-auto px-6 lg:px-12">
-        <!-- หัวข้อหลักและลิงก์เพิ่มเติม (Heading) -->
-        <div class="flex flex-col md:flex-row items-start md:items-end justify-between mb-5 gap-8">
+        <div class="flex flex-col md:flex-row items-start md:items-end justify-between mb-12 gap-8">
           <div class="slide-up">
-            <h2 class="text-4xl md:text-[2.4rem] font-bold text-slate-900 mb-4">คอร์สออนไลน์</h2>
+            <h2 class="text-3xl md:text-5xl font-bold text-slate-900 mb-4">คอร์สออนไลน์</h2>
+            <p class="text-slate-500 font-bold text-lg">เริ่มต้นเรียนรู้ทักษะใหม่ด้วยคอร์สคุณภาพจากผู้เชี่ยวชาญ</p>
           </div>
-          <NuxtLink to="/browse" class="flex items-center py-3 text-lg rounded-full font-bold ">
-            <span class="text-blue-600 hover:text-blue-500 ">ดูคอร์สทั้งหมด</span>
-            <q-icon name="arrow_forward" size="15px" class="text-blue-600 ml-2" />
+          <NuxtLink to="/browse" class="flex items-center gap-3 px-8 py-3 rounded-full border-2 border-blue-600 text-blue-700 font-bold hover:bg-blue-600 hover:text-white transition-all slide-up">
+            คอร์สออนไลน์ทั้งหมด <q-icon name="arrow_forward" size="20px" />
           </NuxtLink>
         </div>
 
-        <!-- แถวตัวกรองคอร์ส (Filters Row) -->
-        <div class="flex items-center gap-2 mb-8 overflow-x-auto no-scrollbar slide-up justify-between">
-          <!-- ตัวกรองหมวดหมู่คอร์ส (Category Filters) -->
-          <div class="flex items-center gap-2">
-            <button 
-              class="py-2 px-5 rounded-full font-medium text-lg transition-all whitespace-nowrap border-2"
-              :class="selectedCategory === 'all' ? 'bg-blue-600 text-white border-blue-600 font-semibold' : 'bg-white border-slate-100 text-slate-700 hover:border-slate-300'"
-              @click="selectedCategory = 'all'"
-            >
-              <q-icon name="o_check_circle" size="20px" class="mr-1" />
-              ทั้งหมด
-            </button>
-
-            <button 
-              v-for="category in categories" 
-              :key="category.id"
-              class="py-2 px-5 rounded-full font-medium text-lg transition-all whitespace-nowrap border-[1.5px]"
-              :class="selectedCategory === category.slug ? 'bg-blue-600 text-white border-blue-600 font-semibold' : 'bg-white border-slate-200 text-slate-700 hover:border-slate-300'"
-              @click="selectedCategory = category.slug"
-            >
-              <q-icon :name="getCategoryIcon(getLocalizedText(category.name))" size="20px" class="mr-1" />
-              {{ getLocalizedText(category.name) }}
-            </button>
-          </div>
-
-          <!-- Level Dropdown -->
-          <!-- <div class="flex items-center gap-2 font-medium">
-            <q-select 
-                borderless 
-                v-model="levelModel" 
-                :options="levelOptions" 
-                dropdown-icon="o_keyboard_arrow_down"  
-                class="text-lg" 
-                popup-content-class="rounded-lg text-lg shadow-sm text-slate-700"
-            >
-              <template v-slot:before>
-                <div class="text-slate-700 text-lg">ระดับความยาก:</div>
-              </template>
-            </q-select>
-          </div> -->
+        <!-- Filter Tabs / Pills -->
+        <div class="flex items-center gap-4 mb-8 overflow-x-auto pb-6 no-scrollbar slide-up">
+          <button 
+            class="px-8 py-3 rounded-full font-black text-base transition-all whitespace-nowrap border-2"
+            :class="selectedCategory === 'all' ? 'bg-blue-600 text-white border-blue-600 shadow-lg shadow-blue-600/30' : 'bg-white border-slate-100 text-slate-500 hover:border-slate-300'"
+            @click="selectedCategory = 'all'"
+          >
+            ทั้งหมด
+          </button>
+          <button 
+            v-for="category in categories" 
+            :key="category.id"
+            class="px-8 py-3 rounded-full font-black text-base transition-all whitespace-nowrap border-2"
+            :class="selectedCategory === category.slug ? 'bg-blue-600 text-white border-blue-600 shadow-lg shadow-blue-600/30' : 'bg-white border-slate-100 text-slate-500 hover:border-slate-300'"
+            @click="selectedCategory = category.slug"
+          >
+            {{ getLocalizedText(category.name) }}
+          </button>
         </div>
 
-        <!-- ระบบเลื่อนสไลด์ดูคอร์ส (Courses Carousel) -->
-        <div v-if="isLoading" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
-          <div v-for="i in 4" :key="i" class="bg-white rounded-2xl h-[450px] animate-pulse" />
+        <!-- Courses Carousel -->
+        <div v-if="isLoading" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10">
+          <div v-for="i in 4" :key="i" class="bg-white rounded-[3rem] h-[480px] animate-pulse" />
         </div>
         
         <div v-else class="relative group/carousel slide-up">
@@ -330,68 +356,19 @@ onMounted(() => {
               v-for="(chunk, pageIndex) in courseChunks" 
               :key="pageIndex" 
               :name="pageIndex" 
-              class="p-0"
+              class="p-4"
             >
-              <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
-                <div 
+              <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10">
+                <CourseCard 
                   v-for="course in chunk" 
                   :key="course.id" 
-                  class="flex flex-col flex-1 min-w-0 rounded-2xl border border-slate-100 bg-white shadow-sm overflow-hidden hover:shadow-lg hover:-translate-y-1 transition-all duration-300 cursor-pointer"
-                  @click="navigateTo(`/course/${course.id}`)"
-                >
-                  <!-- รูปภาพหน้าปกคอร์ส (Image) -->
-                  <div class="relative flex-shrink-0">
-                    <img
-                      v-if="course.thumbnail_url"
-                      :src="course.thumbnail_url"
-                      :alt="getLocalizedText(course.title)"
-                      class="w-full h-[150px] sm:h-[180px] lg:h-[200px] object-cover"
-                    />
-                    <div v-else class="w-full h-[150px] sm:h-[180px] lg:h-[200px] bg-slate-100 flex items-center justify-center">
-                        <q-icon name="o_image" size="40px" class="text-slate-300" />
-                    </div>
-                  </div>
-
-                  <!-- เนื้อหาของคอร์ส (Content) -->
-                  <div class="flex flex-col flex-1 p-6">
-
-
-                    <!-- ชื่อคอร์ส (Title) -->
-                    <h3 class="text-[#0F172A] font-semibold text-lg leading-snug mb-2 line-clamp-2">
-                      {{ getLocalizedText(course.title) }}
-                    </h3>
-
-                    <!-- รายละเอียดแบบย่อ (Description) -->
-                    <p class="text-slate-500 text-sm leading-relaxed mb-4 flex-1 line-clamp-2">
-                      {{ getLocalizedText(course.description) }}
-                    </p>
-
-
-
-                   <!-- ส่วนแถบราคาและปุ่มกด (Price + Button) -->
-                    <div class="flex items-center justify-between pt-6 border-t border-slate-100 gap-2">
-                        <div class="flex flex-col">
-                            <span v-if="course.price > 0" class="text-[#0F172A] font-bold text-xl">
-                                {{ course.price.toLocaleString() }}.-
-                            </span>
-                            <span v-else class="text-green-600 font-bold text-xl">
-                                ฟรี
-                            </span>
-                        </div>
-                      <button class="flex items-center gap-2 px-4 py-2 rounded-full bg-[#2463EB]/10 hover:bg-[#2463EB]/20 transition-colors">
-                        <q-icon name="o_remove_red_eye" size="18px" class="text-[#2463EB]" />
-                        <span class="text-[#2463EB] font-medium text-sm">
-                          รายละเอียด
-                        </span>
-                      </button>
-                    </div>
-                  </div>
-                </div>
+                  v-bind="{ ...course, image: course.thumbnail_url }"
+                />
               </div>
             </q-carousel-slide>
           </q-carousel>
 
-           <!-- ระบบนำทางสไลด์แบบกำหนดเอง (Custom Carousel Navigation) -->
+           <!-- Custom Carousel Navigation -->
             <button 
               v-if="courseChunks.length > 1"
               class="absolute -left-4 md:-left-12 top-1/2 -translate-y-1/2 z-10 w-12 h-12 rounded-full bg-white shadow-xl border border-slate-100 flex items-center justify-center text-slate-500 hover:text-blue-600 transition-all hover:scale-110"
@@ -413,55 +390,11 @@ onMounted(() => {
         </div>
       </div>
     </section>
-
-    <!-- Section 5: "พร้อมเริ่มต้นการเรียนรู้แล้วหรือยัง" -->
-    <section class="py-16 md:py-24 bg-white">
-      <div class="max-w-7xl mx-auto px-6 lg:px-12">
-        <div class="bg-blue-600 rounded-3xl px-8 py-20 md:px-18 text-center relative overflow-hidden">
-          <div class="gradient-background">
-            <div class="gradient-sphere sphere-1"></div>
-            <div class="gradient-sphere sphere-2"></div>
-            <div class="gradient-sphere sphere-3"></div>
-          </div>
-          <div class="grid-overlay"></div>
-          <div class="relative z-10">
-            <h2 class="text-3xl sm:text-4xl font-bold text-white mb-4">
-              พร้อมเริ่มต้นการเรียนรู้แล้วหรือยัง?
-            </h2>
-            <p class="text-blue-100 text-lg mb-8 max-w-xl mx-auto">
-              อัปสกิลและรับทักษะที่คุณต้องการเพื่อก้าวหน้าในระดับมืออาชีพ 
-              เปิดประสบการณ์การเรียนรู้รูปแบบใหม่ สมัครเลยวันนี้เพื่อเริ่มต้นเข้าสู่บทเรียน
-            </p>
-            <div class="flex flex-wrap justify-center gap-4">
-              <q-btn 
-                unelevated 
-                rounded 
-                class="px-8 py-4 bg-white font-bold rounded-3xl hover:bg-slate-50 transition-colors"
-                no-caps
-                size="18px"
-                to="/browse"
-              >
-                <div class="text-blue-600">สำรวจคอร์สเรียน</div>
-              </q-btn>
-              <q-btn 
-                outline
-                rounded 
-                label="สมัครฟรีวันนี้" 
-                color="white"
-                class="px-8 py-4 font-bold rounded-3xl hover:bg-white/10 transition-colors"
-                no-caps
-                size="18px"
-                to="/auth/register"
-                v-if="!user"
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
   </div>
 </template>
 
+
+
 <style scoped>
 .landing-page {
   font-family: var(--font-main);
@@ -486,6 +419,15 @@ onMounted(() => {
   opacity: 0;
 }
 
+@keyframes float {
+  0%, 100% { transform: translateY(0) rotate(0); }
+  50% { transform: translateY(-20px) rotate(5deg); }
+}
+
+.animate-float {
+  animation: float 6s ease-in-out infinite;
+}
+
 @keyframes fade-in {
   from { opacity: 0; }
   to { opacity: 1; }
@@ -495,80 +437,26 @@ onMounted(() => {
   animation: fade-in 1s ease-out forwards;
 }
 
-/* Hero Right Hover State */
-.hero-right:hover .relative {
-    transform: translateY(-10px);
-    transition: transform 0.5s ease;
+/* Typography Overrides */
+h1, h2, h3 {
+  letter-spacing: normal;
 }
 
-.gradient-background {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1;
-  overflow: hidden;
+/* Hover effects */
+.hero-right:hover .animate-float {
+  animation-play-state: paused;
 }
 
-.gradient-sphere {
-  position: absolute;
-  border-radius: 50%;
-  filter: blur(60px);
+/* Responsive Grid Adjustments */
+@media (max-width: 1200px) {
+  .career-cards-grid {
+    grid-template-columns: repeat(4, 1fr);
+  }
 }
 
-.sphere-1 {
-  width: 30vw;
-  height: 30vw;
-  background: linear-gradient(40deg, rgba(255, 255, 255, 0.41), rgba(255, 255, 255, 0.164));
-  top: 10%;
-  left: -30%;
-  animation: float-1 15s ease-in-out infinite alternate;
-}
-
-.sphere-2 {
-  width: 45vw;
-  height: 45vw;
-  background: linear-gradient(240deg, rgba(16, 33, 121, 0.245), rgba(155, 169, 239, 0.263));
-  bottom: -20%;
-  right: -35%;
-  animation: float-2 18s ease-in-out infinite alternate;
-}
-
-.sphere-3 {
-  width: 30vw;
-  height: 30vw;
-  background: linear-gradient(120deg, rgba(133, 89, 255, 0.5), rgba(98, 216, 249, 0.3));
-  top: 60%;
-  left: 20%;
-  animation: float-3 20s ease-in-out infinite alternate;
-}
-
-@keyframes float-1 {
-  0% { transform: translate(0, 0) scale(1); }
-  100% { transform: translate(10%, 10%) scale(1.1); }
-}
-
-@keyframes float-2 {
-  0% { transform: translate(0, 0) scale(1); }
-  100% { transform: translate(-10%, -5%) scale(1.15); }
-}
-
-@keyframes float-3 {
-  0% { transform: translate(0, 0) scale(1); opacity: 0.3; }
-  100% { transform: translate(-5%, 10%) scale(1.05); opacity: 0.6; }
-}
-
-.grid-overlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-size: 40px 40px;
-  background-image: 
-      linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
-      linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
-  z-index: 2;
+@media (max-width: 768px) {
+  .career-cards-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
 }
 </style>
diff --git a/Frontend-Learner/pages/quiz/[id].vue b/Frontend-Learner/pages/quiz/[id].vue
index 9ef36433..e7d4dae5 100644
--- a/Frontend-Learner/pages/quiz/[id].vue
+++ b/Frontend-Learner/pages/quiz/[id].vue
@@ -2,7 +2,7 @@
   <div class="min-h-screen bg-gray-50 p-4 md:p-8">
     <div class="max-w-4xl mx-auto">
       
-      <!-- ส่วนหัว / ชื่อเรื่อง (Header / Title) -->
+      <!-- Header / Title -->
       <div class="mb-6 flex items-center justify-between">
         <div>
           <h1 class="text-2xl font-bold text-gray-800">Quiz Runner</h1>
@@ -16,7 +16,7 @@
 
       <div class="grid grid-cols-1 lg:grid-cols-12 gap-6">
         
-        <!-- แถบด้านข้าง: ตัวนำทางคำถาม (Sidebar: Question Navigator) -->
+        <!-- Sidebar: Question Navigator -->
         <div class="lg:col-span-3 order-2 lg:order-1">
           <QCard class="bg-white shadow-sm sticky top-4">
             <QCardSection>
@@ -33,7 +33,7 @@
                 </button>
               </div>
               
-              <!-- คำอธิบายสัญลักษณ์ (Legend) -->
+              <!-- Legend -->
               <div class="mt-6 space-y-2 text-xs text-gray-600">
                 <div class="flex items-center gap-2"><div class="w-3 h-3 rounded-full bg-blue-500"></div> Current</div>
                 <div class="flex items-center gap-2"><div class="w-3 h-3 rounded-full bg-green-500"></div> Completed</div>
@@ -44,11 +44,11 @@
           </QCard>
         </div>
 
-        <!-- เนื้อหาหลัก: คำถาม (Main Content: Question) -->
+        <!-- Main Content: Question -->
         <div class="lg:col-span-9 order-1 lg:order-2">
           <QCard v-if="store.currentQuestion" class="bg-white shadow-md min-h-[400px] flex flex-col">
             
-            <!-- ส่วนหัวคำถาม (Question Header) -->
+            <!-- Question Header -->
             <QCardSection class="bg-gray-50 border-b border-gray-100 py-4">
               <div class="flex justify-between items-start">
                 <div>
@@ -57,18 +57,18 @@
                   </QBadge>
                   <h2 class="text-xl font-medium text-gray-800">
                     <span class="text-gray-400 mr-2">{{ store.currentQuestionIndex + 1 }}.</span>
-                    {{ getLocalizedString(store.currentQuestion.question) }}
+                    {{ store.currentQuestion.title }}
                   </h2>
                 </div>
               </div>
             </QCardSection>
 
-            <!-- ส่วนเนื้อหาคำถาม (Question Body) -->
+            <!-- Question Body -->
             <QCardSection class="flex-grow py-8 px-6">
               
-              <!-- เลือกคำตอบเดียว (Single Choice) -->
+              <!-- Single Choice -->
               <div v-if="store.currentQuestion.type === 'single'">
-                <div v-for="opt in store.currentQuestion.choices" :key="opt.id" 
+                <div v-for="opt in store.currentQuestion.options" :key="opt.id" 
                      class="mb-3 p-3 border rounded-lg hover:bg-blue-50 cursor-pointer transition-colors"
                      :class="{ 'border-blue-500 bg-blue-50': currentVal === opt.id, 'border-gray-200': currentVal !== opt.id }"
                      @click="handleInput(opt.id)">
@@ -77,14 +77,14 @@
                          :class="{ 'border-blue-500': currentVal === opt.id, 'border-gray-300': currentVal !== opt.id }">
                       <div v-if="currentVal === opt.id" class="w-2.5 h-2.5 rounded-full bg-blue-500"></div>
                     </div>
-                    <span class="text-gray-700">{{ getLocalizedString(opt.text) }}</span>
+                    <span class="text-gray-700">{{ opt.label }}</span>
                   </div>
                 </div>
               </div>
 
-              <!-- เลือกหลายคำตอบ (Multiple Choice) -->
+              <!-- Multiple Choice -->
               <div v-else-if="store.currentQuestion.type === 'multiple'">
-                <div v-for="opt in store.currentQuestion.choices" :key="opt.id" 
+                <div v-for="opt in store.currentQuestion.options" :key="opt.id" 
                      class="mb-3 p-3 border rounded-lg hover:bg-blue-50 cursor-pointer transition-colors"
                      :class="{ 'border-blue-500 bg-blue-50': isSelected(opt.id), 'border-gray-200': !isSelected(opt.id) }"
                      @click="toggleSelection(opt.id)">
@@ -93,12 +93,12 @@
                          :class="{ 'border-blue-500 bg-blue-500': isSelected(opt.id), 'border-gray-300': !isSelected(opt.id) }">
                       <QIcon v-if="isSelected(opt.id)" name="check" class="text-white text-xs" />
                     </div>
-                    <span class="text-gray-700">{{ getLocalizedString(opt.text) }}</span>
+                    <span class="text-gray-700">{{ opt.label }}</span>
                   </div>
                 </div>
               </div>
 
-              <!-- พิมพ์ข้อความ (Text Input) -->
+              <!-- Text Input -->
               <div v-else-if="store.currentQuestion.type === 'text'">
                 <QInput
                   v-model="textModel"
@@ -113,7 +113,7 @@
 
             </QCardSection>
 
-            <!-- แบนเนอร์แสดงข้อผิดพลาด (Error Banner) -->
+            <!-- Error Banner -->
             <QBanner v-if="store.lastError" class="bg-red-50 text-red-600 px-6 py-2 border-t border-red-100">
               <template v-slot:avatar>
                 <QIcon name="warning" color="red" />
@@ -121,7 +121,7 @@
               {{ store.lastError }}
             </QBanner>
 
-            <!-- ส่วนท้ายปุ่มกดต่างๆ (Actions Footer) -->
+            <!-- Actions Footer -->
             <QCardSection class="border-t border-gray-100 bg-gray-50 p-4 flex flex-wrap gap-4 items-center justify-between">
               
               <QBtn
@@ -140,7 +140,7 @@
                   flat
                   color="orange-8"
                   label="Skip for now"
-                  @click="store.nextQuestion()"
+                  @click="store.skipQuestion()"
                   no-caps
                 />
 
@@ -178,11 +178,11 @@
 <script setup lang="ts">
 import { computed, ref, onMounted, watch, reactive } from 'vue';
 import { useRoute } from 'vue-router';
-// คอมโพสิเบิลถูกนำเข้าอัตโนมัติใน Nuxt (Composable is auto-imported in Nuxt)
+// Composable is auto-imported in Nuxt
 // import { useQuizRunner } from '@/composables/useQuizRunner'; 
 
 const route = useRoute();
-// ห่อหุ้มใน reactive เพื่อแกะค่า refs ทำให้เหมือนพฤติกรรม Pinia store สำหรับ template (Wrap in reactive to unwrap refs, mimicking Pinia store behavior for template)
+// Wrap in reactive to unwrap refs, mimicking Pinia store behavior for template
 const store = reactive(useQuizRunner());
 
 onMounted(() => {
@@ -190,16 +190,7 @@ onMounted(() => {
   store.initQuiz(quizId);
 });
 
-// -- ตัวช่วยสำหรับการจัดการการป้อนข้อมูล (Helpers for Input Handling) --
-
-// ฟังก์ชันช่วยเหลือสำหรับแปลภาษา (Helper to safely format text)
-const getLocalizedString = (val: any): string => {
-  if (typeof val === 'string') return val;
-  if (val && typeof val === 'object') {
-    return val.th || val.en || String(val);
-  }
-  return String(val || '');
-}
+// -- Helpers for Input Handling --
 
 const currentVal = computed(() => {
   return store.currentAnswer?.value;
@@ -209,23 +200,23 @@ const isSaved = computed(() => {
   return store.currentAnswer?.is_saved;
 });
 
-// เลือกคำตอบเดียว (Single Choice)
-function handleInput(val: number) {
+// Single Choice
+function handleInput(val: string) {
   store.updateAnswer(val);
 }
 
-// พิมพ์ข้อความ (Text Choice)
+// Text Choice
 const textModel = ref('');
-// จับตาดูการเปลี่ยนแปลงคำถามเพื่อล้างค่า (Watch for question changes to reset text model)
+// Watch for question changes to reset text model
 watch(
   () => store.currentQuestionIndex,
   () => {
     if (store.currentQuestion?.type === 'text') {
        textModel.value = (store.currentAnswer?.value as string) || '';
     }
-    // ล้างข้อผิดพลาดเมื่อเปลี่ยนคำถาม (Clear error when changing question)
+    // Clear error when changing question
     store.lastError = null;
-    // เลื่อนหน้าจอขึ้นบนสุด (Scroll to top)
+    // Scroll to top
     if (typeof window !== 'undefined') {
        window.scrollTo({ top: 0, behavior: 'smooth' });
     }
@@ -233,7 +224,7 @@ watch(
   { immediate: true }
 );
 
-// จับตาดูข้อผิดพลาดเพื่อเลื่อนหน้าจอไปยังฟิลด์นั้น (Watch for error to scroll to error/field)
+// Watch for error to scroll to error/field
 watch(
   () => store.lastError,
   (newVal) => {
@@ -254,8 +245,8 @@ function handleTextInput(val: string | number | null) {
   store.updateAnswer(val as string);
 }
 
-// เลือกหลายคำตอบ (Multiple Choice)
-function isSelected(id: number) {
+// Multiple Choice
+function isSelected(id: string) {
   const val = store.currentAnswer?.value;
   if (Array.isArray(val)) {
     return val.includes(id);
@@ -263,9 +254,9 @@ function isSelected(id: number) {
   return false;
 }
 
-function toggleSelection(id: number) {
+function toggleSelection(id: string) {
   const val = store.currentAnswer?.value;
-  let currentArr: number[] = [];
+  let currentArr: string[] = [];
   if (Array.isArray(val)) {
     currentArr = [...val];
   }
@@ -279,10 +270,10 @@ function toggleSelection(id: number) {
   store.updateAnswer(currentArr);
 }
 
-// -- ตัวช่วยสำหรับการจัดแต่งทรง (Helpers for Styling) --
+// -- Helpers for Styling --
 
 function getIndicatorClass(index: number, qId: number) {
-  // 1. ปัจจุบัน = สีน้ำเงิน (Current = Blue)
+  // 1. Current = Blue
   if (index === store.currentQuestionIndex) {
     return 'bg-blue-500 text-white border-blue-600';
   }
@@ -295,8 +286,7 @@ function getIndicatorClass(index: number, qId: number) {
     case 'skipped':
       return 'bg-orange-500 text-white border-orange-600';
     case 'in_progress':
-      // กรณีที่เป็น in_progress แต่ไม่ใช่คำถามปัจจุบัน (จริงๆ เกิดยากตามตรรกะที่เข้มงวด แต่เผื่อไว้ก่อน) 
-      // (If it's in_progress but NOT current (should be rare/impossible with strict logic, but handled))
+      // If it's in_progress but NOT current (should be rare/impossible with strict logic, but handled)
       return 'bg-blue-200 text-blue-800 border-blue-300'; 
     case 'not_started':
     default:
@@ -307,5 +297,5 @@ function getIndicatorClass(index: number, qId: number) {
 </script>
 
 <style scoped>
-/* ส่วนเสริม: ทรานสิชั่น (Optional: Transitions) */
+/* Optional: Transitions */
 </style>
diff --git a/Frontend-Learner/pages/reset-password.vue b/Frontend-Learner/pages/reset-password.vue
index 5897c7f4..79ebdfef 100644
--- a/Frontend-Learner/pages/reset-password.vue
+++ b/Frontend-Learner/pages/reset-password.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 /**
  * @file reset-password.vue
- * @description หน้าตั้งรหัสผ่านใหม่ (Reset Password Page.
- * อนุญาตให้ผู้ใช้ตั้งรหัสผ่านใหม่หลังจากยืนยันลิงก์อีเมล)
+ * @description Reset Password Page.
+ * Allows user to set a new password after verifying their email link (simulated).
  */
 
 definePageMeta({
@@ -44,9 +44,9 @@ const handlePasswordInput = (field: keyof typeof resetForm, val: string) => {
   resetForm[field] = val
   if (/[\u0E00-\u0E7F]/.test(val)) {
     if (field === 'password') errors.value.password = 'ห้ามใส่ภาษาไทย'
-    // ไม่จำเป็นต้องแจ้งเตือน confirmPassword แยกต่างหากถ้ามันแค่ต้องตรงกัน แต่เพื่อให้สอดคล้องกันเราก็ควรทำ (We don't necessarily need to flag confirmPassword individually if it just needs to match, but let's be consistent if we want)
+    // We don't necessarily need to flag confirmPassword individually if it just needs to match, but let's be consistent if we want
   } else {
-    // ลบข้อผิดพลาดถ้าเป็น "ห้ามใส่ภาษาไทย" (Clear error if it was "Thai characters")
+    // Clear error if it was "Thai characters"
     if (field === 'password' && errors.value.password === 'ห้ามใส่ภาษาไทย') {
       clearFieldError('password')
     }
@@ -63,7 +63,7 @@ onMounted(() => {
 const resetPassword = async () => {
   if (!validate(resetForm, resetRules)) return
   
-  // ดึงโทเคนจาก URL query (Extract token from query)
+  // Extract token from query
   const token = route.query.token as string
 
   if (!token) {
@@ -92,7 +92,7 @@ const resetPassword = async () => {
 <template>
   <div class="relative min-h-screen w-full flex items-center justify-center p-4 overflow-hidden bg-slate-50 transition-colors">
     <!-- ==========================================
-          เอฟเฟกต์พื้นหลัง (แสดงเฉพาะโหมดสว่าง) (BACKGROUND EFFECTS (Light Mode Only))
+          BACKGROUND EFFECTS (Light Mode Only)
      ========================================== -->
     <div class="fixed inset-0 overflow-hidden pointer-events-none -z-10">
        <div class="absolute inset-0 bg-gradient-to-br from-white via-slate-50 to-blue-50/50"></div>
@@ -101,11 +101,11 @@ const resetPassword = async () => {
     </div>
 
     <!-- ==========================================
-          การ์ดตั้งรหัสผ่านใหม่ (RESET PASSWORD CARD)
+          RESET PASSWORD CARD
      ========================================== -->
     <div class="w-full max-w-[460px] relative z-10 slide-up">
       
-       <!-- หัวข้อ / โลโก้ (Header / Logo) -->
+       <!-- Header / Logo -->
        <div class="text-center mb-8">
           <div class="inline-flex items-center justify-center w-14 h-14 rounded-2xl bg-gradient-to-tr from-blue-600 to-indigo-600 text-white shadow-lg shadow-blue-600/20 mb-6">
              <span class="font-black text-2xl">E</span>
@@ -116,10 +116,10 @@ const resetPassword = async () => {
 
       <div class="bg-white rounded-[2rem] p-8 md:p-10 shadow-xl shadow-slate-200/50 border border-slate-100 relative overflow-hidden">
         
-        <!-- ฟอร์ม (Form) -->
+        <!-- Form -->
         <form @submit.prevent="resetPassword" class="flex flex-col gap-6">
           
-          <!-- รหัสผ่านใหม่ (New Password) -->
+          <!-- New Password -->
           <div>
             <label class="block text-sm font-semibold text-slate-700 mb-2 ml-1">รหัสผ่านใหม่ <span class="text-red-500">*</span></label>
             <div class="relative group">
@@ -145,7 +145,7 @@ const resetPassword = async () => {
             <span v-if="errors.password" class="text-xs text-red-500 font-medium ml-1 mt-1 block slide-up-sm">{{ errors.password }}</span>
           </div>
 
-          <!-- ยืนยันรหัสผ่านใหม่ (Confirm Password) -->
+          <!-- Confirm Password -->
           <div>
             <label class="block text-sm font-semibold text-slate-700 mb-2 ml-1">ยืนยันรหัสผ่านใหม่ <span class="text-red-500">*</span></label>
             <div class="relative group">
@@ -171,7 +171,7 @@ const resetPassword = async () => {
             <span v-if="errors.confirmPassword" class="text-xs text-red-500 font-medium ml-1 mt-1 block slide-up-sm">{{ errors.confirmPassword }}</span>
           </div>
 
-          <!-- ปุ่มยืนยัน (Submit Button) -->
+          <!-- Submit Button -->
           <button 
             type="submit" 
             :disabled="isLoading"
@@ -183,7 +183,7 @@ const resetPassword = async () => {
         </form>
       </div>
 
-      <!-- ลิงก์ย้อนกลับ (Back Link) -->
+      <!-- Back Link -->
        <div class="mt-8 text-center text-slate-500">
            <NuxtLink to="/auth/login" class="inline-flex items-center gap-2 text-sm font-medium hover:text-slate-800 transition-colors group px-4 py-2 rounded-lg hover:bg-white/50">
              <span class="group-hover:-translate-x-1 transition-transform">←</span> กลับไปหน้าเข้าสู่ระบบ
diff --git a/Frontend-Learner/pages/verify-email.vue b/Frontend-Learner/pages/verify-email.vue
index 5976eb8f..31b513a1 100644
--- a/Frontend-Learner/pages/verify-email.vue
+++ b/Frontend-Learner/pages/verify-email.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 /**
  * @file verify-email.vue
- * @description หน้าสำหรับกระบวนการยืนยันอีเมล (Page for handling email verification process.
- * แสดงสถานะกำลังโหลดระหว่างประมวลผลโทเคน จากนั้นแสดงข้อความสำเร็จหรือข้อผิดพลาด)
+ * @description Page for handling email verification process.
+ * Displays loading state while processing token, then shows success or error message.
  */
 
 definePageMeta({
-  layout: 'auth'
+  layout: 'default'
 })
 
 const route = useRoute()
@@ -28,7 +28,7 @@ onMounted(async () => {
         return
     }
 
-    // เรียกใช้ API เพื่อยืนยัน (Call verify API)
+    // Call verify API
     const result = await verifyEmail(token)
     
     isLoading.value = false
@@ -39,7 +39,7 @@ onMounted(async () => {
         isSuccess.value = false
         if (result.code === 400) {
              errorMessage.value = t('profile.emailAlreadyVerified')
-             // หากยืนยันแล้วให้แสดงสถานะสำเร็จพร้อมด้วยข้อความเฉพาะ (If already verified, show success state with specific message)
+             // If already verified, show success state with specific message
              isSuccess.value = true 
         } else if (result.code === 401) {
             errorMessage.value = t('auth.tokenExpired')
@@ -58,7 +58,7 @@ const navigateToHome = () => {
   <div class="min-h-screen flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8 bg-slate-50 dark:bg-[#0f172a]">
     <div class="auth-card max-w-md w-full space-y-8 p-8 rounded-2xl text-center">
       
-      <!-- สถานะกำลังโหลด (Loading State) -->
+      <!-- Loading State -->
       <div v-if="isLoading" class="flex flex-col items-center justify-center py-8">
         <q-spinner-dots size="4rem" color="primary" />
         <h2 class="mt-6 text-xl font-bold text-slate-900 dark:text-white animate-pulse">
@@ -66,10 +66,10 @@ const navigateToHome = () => {
         </h2>
       </div>
 
-      <!-- สถานะสำเร็จ (Success State) -->
+      <!-- Success State -->
       <div v-else-if="isSuccess" class="flex flex-col items-center animate-bounce-in">
-        <div class="w-24 h-24 rounded-full bg-green-500 flex items-center justify-center mb-10 shadow-lg shadow-green-500/20">
-           <q-icon name="check" class="text-5xl text-white font-black" />
+        <div class="w-24 h-24 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center mb-6">
+           <q-icon name="check_circle" class="text-6xl text-green-500" />
         </div>
         
         <h2 class="text-3xl font-black text-slate-900 dark:text-white mb-2">
@@ -89,7 +89,7 @@ const navigateToHome = () => {
         />
       </div>
 
-      <!-- สถานะข้อผิดพลาด (Error State) -->
+      <!-- Error State -->
       <div v-else class="flex flex-col items-center animate-shake">
          <div class="w-24 h-24 rounded-full bg-red-100 dark:bg-red-900/30 flex items-center justify-center mb-6">
            <q-icon name="error" class="text-6xl text-red-500" />
@@ -126,15 +126,11 @@ const navigateToHome = () => {
 }
 
 .auth-card {
-  background-color: white;
-  border-color: #f1f5f9;
-  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  @apply bg-white border-slate-100 shadow-xl;
   border-width: 1px;
 }
-:global(.dark) .auth-card {
-  background-color: #1e293b;
-  border-color: rgba(255, 255, 255, 0.05);
-  box-shadow: none;
+.dark .auth-card {
+  @apply bg-[#1e293b] border-white/5 shadow-none;
 }
 
 @keyframes bounceIn {
diff --git a/Frontend-Learner/playwright-report/index.html b/Frontend-Learner/playwright-report/index.html
deleted file mode 100644
index 15686deb..00000000
--- a/Frontend-Learner/playwright-report/index.html
+++ /dev/null
@@ -1,85 +0,0 @@
-
-
-<!DOCTYPE html>
-<html style='scrollbar-gutter: stable both-edges;'>
-  <head>
-    <meta charset='UTF-8'>
-    <meta name='color-scheme' content='dark light'>
-    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
-    <title>Playwright Test Report</title>
-    <script type="module">var NA=Object.defineProperty;var BA=(l,u,c)=>u in l?NA(l,u,{enumerable:!0,configurable:!0,writable:!0,value:c}):l[u]=c;var yn=(l,u,c)=>BA(l,typeof u!="symbol"?u+"":u,c);(function(){const u=document.createElement("link").relList;if(u&&u.supports&&u.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))f(r);new MutationObserver(r=>{for(const o of r)if(o.type==="childList")for(const h of o.addedNodes)h.tagName==="LINK"&&h.rel==="modulepreload"&&f(h)}).observe(document,{childList:!0,subtree:!0});function c(r){const o={};return r.integrity&&(o.integrity=r.integrity),r.referrerPolicy&&(o.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?o.credentials="include":r.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function f(r){if(r.ep)return;r.ep=!0;const o=c(r);fetch(r.href,o)}})();function UA(l){return l&&l.__esModule&&Object.prototype.hasOwnProperty.call(l,"default")?l.default:l}var Mf={exports:{}},Ei={};/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var D1;function QA(){if(D1)return Ei;D1=1;var l=Symbol.for("react.transitional.element"),u=Symbol.for("react.fragment");function c(f,r,o){var h=null;if(o!==void 0&&(h=""+o),r.key!==void 0&&(h=""+r.key),"key"in r){o={};for(var v in r)v!=="key"&&(o[v]=r[v])}else o=r;return r=o.ref,{$$typeof:l,type:f,key:h,ref:r!==void 0?r:null,props:o}}return Ei.Fragment=u,Ei.jsx=c,Ei.jsxs=c,Ei}var M1;function zA(){return M1||(M1=1,Mf.exports=QA()),Mf.exports}var m=zA();const YA=15,xt=0,bn=1,LA=2,ye=-2,Ut=-3,j1=-4,xn=-5,Me=[0,1,3,7,15,31,63,127,255,511,1023,2047,4095,8191,16383,32767,65535],L2=1440,GA=0,XA=4,VA=9,ZA=5,qA=[96,7,256,0,8,80,0,8,16,84,8,115,82,7,31,0,8,112,0,8,48,0,9,192,80,7,10,0,8,96,0,8,32,0,9,160,0,8,0,0,8,128,0,8,64,0,9,224,80,7,6,0,8,88,0,8,24,0,9,144,83,7,59,0,8,120,0,8,56,0,9,208,81,7,17,0,8,104,0,8,40,0,9,176,0,8,8,0,8,136,0,8,72,0,9,240,80,7,4,0,8,84,0,8,20,85,8,227,83,7,43,0,8,116,0,8,52,0,9,200,81,7,13,0,8,100,0,8,36,0,9,168,0,8,4,0,8,132,0,8,68,0,9,232,80,7,8,0,8,92,0,8,28,0,9,152,84,7,83,0,8,124,0,8,60,0,9,216,82,7,23,0,8,108,0,8,44,0,9,184,0,8,12,0,8,140,0,8,76,0,9,248,80,7,3,0,8,82,0,8,18,85,8,163,83,7,35,0,8,114,0,8,50,0,9,196,81,7,11,0,8,98,0,8,34,0,9,164,0,8,2,0,8,130,0,8,66,0,9,228,80,7,7,0,8,90,0,8,26,0,9,148,84,7,67,0,8,122,0,8,58,0,9,212,82,7,19,0,8,106,0,8,42,0,9,180,0,8,10,0,8,138,0,8,74,0,9,244,80,7,5,0,8,86,0,8,22,192,8,0,83,7,51,0,8,118,0,8,54,0,9,204,81,7,15,0,8,102,0,8,38,0,9,172,0,8,6,0,8,134,0,8,70,0,9,236,80,7,9,0,8,94,0,8,30,0,9,156,84,7,99,0,8,126,0,8,62,0,9,220,82,7,27,0,8,110,0,8,46,0,9,188,0,8,14,0,8,142,0,8,78,0,9,252,96,7,256,0,8,81,0,8,17,85,8,131,82,7,31,0,8,113,0,8,49,0,9,194,80,7,10,0,8,97,0,8,33,0,9,162,0,8,1,0,8,129,0,8,65,0,9,226,80,7,6,0,8,89,0,8,25,0,9,146,83,7,59,0,8,121,0,8,57,0,9,210,81,7,17,0,8,105,0,8,41,0,9,178,0,8,9,0,8,137,0,8,73,0,9,242,80,7,4,0,8,85,0,8,21,80,8,258,83,7,43,0,8,117,0,8,53,0,9,202,81,7,13,0,8,101,0,8,37,0,9,170,0,8,5,0,8,133,0,8,69,0,9,234,80,7,8,0,8,93,0,8,29,0,9,154,84,7,83,0,8,125,0,8,61,0,9,218,82,7,23,0,8,109,0,8,45,0,9,186,0,8,13,0,8,141,0,8,77,0,9,250,80,7,3,0,8,83,0,8,19,85,8,195,83,7,35,0,8,115,0,8,51,0,9,198,81,7,11,0,8,99,0,8,35,0,9,166,0,8,3,0,8,131,0,8,67,0,9,230,80,7,7,0,8,91,0,8,27,0,9,150,84,7,67,0,8,123,0,8,59,0,9,214,82,7,19,0,8,107,0,8,43,0,9,182,0,8,11,0,8,139,0,8,75,0,9,246,80,7,5,0,8,87,0,8,23,192,8,0,83,7,51,0,8,119,0,8,55,0,9,206,81,7,15,0,8,103,0,8,39,0,9,174,0,8,7,0,8,135,0,8,71,0,9,238,80,7,9,0,8,95,0,8,31,0,9,158,84,7,99,0,8,127,0,8,63,0,9,222,82,7,27,0,8,111,0,8,47,0,9,190,0,8,15,0,8,143,0,8,79,0,9,254,96,7,256,0,8,80,0,8,16,84,8,115,82,7,31,0,8,112,0,8,48,0,9,193,80,7,10,0,8,96,0,8,32,0,9,161,0,8,0,0,8,128,0,8,64,0,9,225,80,7,6,0,8,88,0,8,24,0,9,145,83,7,59,0,8,120,0,8,56,0,9,209,81,7,17,0,8,104,0,8,40,0,9,177,0,8,8,0,8,136,0,8,72,0,9,241,80,7,4,0,8,84,0,8,20,85,8,227,83,7,43,0,8,116,0,8,52,0,9,201,81,7,13,0,8,100,0,8,36,0,9,169,0,8,4,0,8,132,0,8,68,0,9,233,80,7,8,0,8,92,0,8,28,0,9,153,84,7,83,0,8,124,0,8,60,0,9,217,82,7,23,0,8,108,0,8,44,0,9,185,0,8,12,0,8,140,0,8,76,0,9,249,80,7,3,0,8,82,0,8,18,85,8,163,83,7,35,0,8,114,0,8,50,0,9,197,81,7,11,0,8,98,0,8,34,0,9,165,0,8,2,0,8,130,0,8,66,0,9,229,80,7,7,0,8,90,0,8,26,0,9,149,84,7,67,0,8,122,0,8,58,0,9,213,82,7,19,0,8,106,0,8,42,0,9,181,0,8,10,0,8,138,0,8,74,0,9,245,80,7,5,0,8,86,0,8,22,192,8,0,83,7,51,0,8,118,0,8,54,0,9,205,81,7,15,0,8,102,0,8,38,0,9,173,0,8,6,0,8,134,0,8,70,0,9,237,80,7,9,0,8,94,0,8,30,0,9,157,84,7,99,0,8,126,0,8,62,0,9,221,82,7,27,0,8,110,0,8,46,0,9,189,0,8,14,0,8,142,0,8,78,0,9,253,96,7,256,0,8,81,0,8,17,85,8,131,82,7,31,0,8,113,0,8,49,0,9,195,80,7,10,0,8,97,0,8,33,0,9,163,0,8,1,0,8,129,0,8,65,0,9,227,80,7,6,0,8,89,0,8,25,0,9,147,83,7,59,0,8,121,0,8,57,0,9,211,81,7,17,0,8,105,0,8,41,0,9,179,0,8,9,0,8,137,0,8,73,0,9,243,80,7,4,0,8,85,0,8,21,80,8,258,83,7,43,0,8,117,0,8,53,0,9,203,81,7,13,0,8,101,0,8,37,0,9,171,0,8,5,0,8,133,0,8,69,0,9,235,80,7,8,0,8,93,0,8,29,0,9,155,84,7,83,0,8,125,0,8,61,0,9,219,82,7,23,0,8,109,0,8,45,0,9,187,0,8,13,0,8,141,0,8,77,0,9,251,80,7,3,0,8,83,0,8,19,85,8,195,83,7,35,0,8,115,0,8,51,0,9,199,81,7,11,0,8,99,0,8,35,0,9,167,0,8,3,0,8,131,0,8,67,0,9,231,80,7,7,0,8,91,0,8,27,0,9,151,84,7,67,0,8,123,0,8,59,0,9,215,82,7,19,0,8,107,0,8,43,0,9,183,0,8,11,0,8,139,0,8,75,0,9,247,80,7,5,0,8,87,0,8,23,192,8,0,83,7,51,0,8,119,0,8,55,0,9,207,81,7,15,0,8,103,0,8,39,0,9,175,0,8,7,0,8,135,0,8,71,0,9,239,80,7,9,0,8,95,0,8,31,0,9,159,84,7,99,0,8,127,0,8,63,0,9,223,82,7,27,0,8,111,0,8,47,0,9,191,0,8,15,0,8,143,0,8,79,0,9,255],IA=[80,5,1,87,5,257,83,5,17,91,5,4097,81,5,5,89,5,1025,85,5,65,93,5,16385,80,5,3,88,5,513,84,5,33,92,5,8193,82,5,9,90,5,2049,86,5,129,192,5,24577,80,5,2,87,5,385,83,5,25,91,5,6145,81,5,7,89,5,1537,85,5,97,93,5,24577,80,5,4,88,5,769,84,5,49,92,5,12289,82,5,13,90,5,3073,86,5,193,192,5,24577],KA=[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,0,0],kA=[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,112,112],JA=[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577],FA=[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13],ta=15;function Wf(){const l=this;let u,c,f,r,o,h;function v(A,E,S,O,X,B,b,p,x,R,U){let Z,F,j,D,N,K,J,k,nt,P,st,it,H,_,$;P=0,N=S;do f[A[E+P]]++,P++,N--;while(N!==0);if(f[0]==S)return b[0]=-1,p[0]=0,xt;for(k=p[0],K=1;K<=ta&&f[K]===0;K++);for(J=K,k<K&&(k=K),N=ta;N!==0&&f[N]===0;N--);for(j=N,k>N&&(k=N),p[0]=k,_=1<<K;K<N;K++,_<<=1)if((_-=f[K])<0)return Ut;if((_-=f[N])<0)return Ut;for(f[N]+=_,h[1]=K=0,P=1,H=2;--N!==0;)h[H]=K+=f[P],H++,P++;N=0,P=0;do(K=A[E+P])!==0&&(U[h[K]++]=N),P++;while(++N<S);for(S=h[j],h[0]=N=0,P=0,D=-1,it=-k,o[0]=0,st=0,$=0;J<=j;J++)for(Z=f[J];Z--!==0;){for(;J>it+k;){if(D++,it+=k,$=j-it,$=$>k?k:$,(F=1<<(K=J-it))>Z+1&&(F-=Z+1,H=J,K<$))for(;++K<$&&!((F<<=1)<=f[++H]);)F-=f[H];if($=1<<K,R[0]+$>L2)return Ut;o[D]=st=R[0],R[0]+=$,D!==0?(h[D]=N,r[0]=K,r[1]=k,K=N>>>it-k,r[2]=st-o[D-1]-K,x.set(r,(o[D-1]+K)*3)):b[0]=st}for(r[1]=J-it,P>=S?r[0]=192:U[P]<O?(r[0]=U[P]<256?0:96,r[2]=U[P++]):(r[0]=B[U[P]-O]+16+64,r[2]=X[U[P++]-O]),F=1<<J-it,K=N>>>it;K<$;K+=F)x.set(r,(st+K)*3);for(K=1<<J-1;(N&K)!==0;K>>>=1)N^=K;for(N^=K,nt=(1<<it)-1;(N&nt)!=h[D];)D--,it-=k,nt=(1<<it)-1}return _!==0&&j!=1?xn:xt}function y(A){let E;for(u||(u=[],c=[],f=new Int32Array(ta+1),r=[],o=new Int32Array(ta),h=new Int32Array(ta+1)),c.length<A&&(c=[]),E=0;E<A;E++)c[E]=0;for(E=0;E<ta+1;E++)f[E]=0;for(E=0;E<3;E++)r[E]=0;o.set(f.subarray(0,ta),0),h.set(f.subarray(0,ta+1),0)}l.inflate_trees_bits=function(A,E,S,O,X){let B;return y(19),u[0]=0,B=v(A,0,19,19,null,null,S,E,O,u,c),B==Ut?X.msg="oversubscribed dynamic bit lengths tree":(B==xn||E[0]===0)&&(X.msg="incomplete dynamic bit lengths tree",B=Ut),B},l.inflate_trees_dynamic=function(A,E,S,O,X,B,b,p,x){let R;return y(288),u[0]=0,R=v(S,0,A,257,KA,kA,B,O,p,u,c),R!=xt||O[0]===0?(R==Ut?x.msg="oversubscribed literal/length tree":R!=j1&&(x.msg="incomplete literal/length tree",R=Ut),R):(y(288),R=v(S,A,E,0,JA,FA,b,X,p,u,c),R!=xt||X[0]===0&&A>257?(R==Ut?x.msg="oversubscribed distance tree":R==xn?(x.msg="incomplete distance tree",R=Ut):R!=j1&&(x.msg="empty distance tree with lengths",R=Ut),R):xt)}}Wf.inflate_trees_fixed=function(l,u,c,f){return l[0]=VA,u[0]=ZA,c[0]=qA,f[0]=IA,xt};const Pu=0,H1=1,N1=2,B1=3,U1=4,Q1=5,z1=6,jf=7,Y1=8,$u=9;function WA(){const l=this;let u,c=0,f,r=0,o=0,h=0,v=0,y=0,A=0,E=0,S,O=0,X,B=0;function b(p,x,R,U,Z,F,j,D){let N,K,J,k,nt,P,st,it,H,_,$,ht,tt,C,L,W;st=D.next_in_index,it=D.avail_in,nt=j.bitb,P=j.bitk,H=j.write,_=H<j.read?j.read-H-1:j.end-H,$=Me[p],ht=Me[x];do{for(;P<20;)it--,nt|=(D.read_byte(st++)&255)<<P,P+=8;if(N=nt&$,K=R,J=U,W=(J+N)*3,(k=K[W])===0){nt>>=K[W+1],P-=K[W+1],j.win[H++]=K[W+2],_--;continue}do{if(nt>>=K[W+1],P-=K[W+1],(k&16)!==0){for(k&=15,tt=K[W+2]+(nt&Me[k]),nt>>=k,P-=k;P<15;)it--,nt|=(D.read_byte(st++)&255)<<P,P+=8;N=nt&ht,K=Z,J=F,W=(J+N)*3,k=K[W];do if(nt>>=K[W+1],P-=K[W+1],(k&16)!==0){for(k&=15;P<k;)it--,nt|=(D.read_byte(st++)&255)<<P,P+=8;if(C=K[W+2]+(nt&Me[k]),nt>>=k,P-=k,_-=tt,H>=C)L=H-C,H-L>0&&2>H-L?(j.win[H++]=j.win[L++],j.win[H++]=j.win[L++],tt-=2):(j.win.set(j.win.subarray(L,L+2),H),H+=2,L+=2,tt-=2);else{L=H-C;do L+=j.end;while(L<0);if(k=j.end-L,tt>k){if(tt-=k,H-L>0&&k>H-L)do j.win[H++]=j.win[L++];while(--k!==0);else j.win.set(j.win.subarray(L,L+k),H),H+=k,L+=k,k=0;L=0}}if(H-L>0&&tt>H-L)do j.win[H++]=j.win[L++];while(--tt!==0);else j.win.set(j.win.subarray(L,L+tt),H),H+=tt,L+=tt,tt=0;break}else if((k&64)===0)N+=K[W+2],N+=nt&Me[k],W=(J+N)*3,k=K[W];else return D.msg="invalid distance code",tt=D.avail_in-it,tt=P>>3<tt?P>>3:tt,it+=tt,st-=tt,P-=tt<<3,j.bitb=nt,j.bitk=P,D.avail_in=it,D.total_in+=st-D.next_in_index,D.next_in_index=st,j.write=H,Ut;while(!0);break}if((k&64)===0){if(N+=K[W+2],N+=nt&Me[k],W=(J+N)*3,(k=K[W])===0){nt>>=K[W+1],P-=K[W+1],j.win[H++]=K[W+2],_--;break}}else return(k&32)!==0?(tt=D.avail_in-it,tt=P>>3<tt?P>>3:tt,it+=tt,st-=tt,P-=tt<<3,j.bitb=nt,j.bitk=P,D.avail_in=it,D.total_in+=st-D.next_in_index,D.next_in_index=st,j.write=H,bn):(D.msg="invalid literal/length code",tt=D.avail_in-it,tt=P>>3<tt?P>>3:tt,it+=tt,st-=tt,P-=tt<<3,j.bitb=nt,j.bitk=P,D.avail_in=it,D.total_in+=st-D.next_in_index,D.next_in_index=st,j.write=H,Ut)}while(!0)}while(_>=258&&it>=10);return tt=D.avail_in-it,tt=P>>3<tt?P>>3:tt,it+=tt,st-=tt,P-=tt<<3,j.bitb=nt,j.bitk=P,D.avail_in=it,D.total_in+=st-D.next_in_index,D.next_in_index=st,j.write=H,xt}l.init=function(p,x,R,U,Z,F){u=Pu,A=p,E=x,S=R,O=U,X=Z,B=F,f=null},l.proc=function(p,x,R){let U,Z,F,j=0,D=0,N=0,K,J,k,nt;for(N=x.next_in_index,K=x.avail_in,j=p.bitb,D=p.bitk,J=p.write,k=J<p.read?p.read-J-1:p.end-J;;)switch(u){case Pu:if(k>=258&&K>=10&&(p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,R=b(A,E,S,O,X,B,p,x),N=x.next_in_index,K=x.avail_in,j=p.bitb,D=p.bitk,J=p.write,k=J<p.read?p.read-J-1:p.end-J,R!=xt)){u=R==bn?jf:$u;break}o=A,f=S,r=O,u=H1;case H1:for(U=o;D<U;){if(K!==0)R=xt;else return p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);K--,j|=(x.read_byte(N++)&255)<<D,D+=8}if(Z=(r+(j&Me[U]))*3,j>>>=f[Z+1],D-=f[Z+1],F=f[Z],F===0){h=f[Z+2],u=z1;break}if((F&16)!==0){v=F&15,c=f[Z+2],u=N1;break}if((F&64)===0){o=F,r=Z/3+f[Z+2];break}if((F&32)!==0){u=jf;break}return u=$u,x.msg="invalid literal/length code",R=Ut,p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);case N1:for(U=v;D<U;){if(K!==0)R=xt;else return p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);K--,j|=(x.read_byte(N++)&255)<<D,D+=8}c+=j&Me[U],j>>=U,D-=U,o=E,f=X,r=B,u=B1;case B1:for(U=o;D<U;){if(K!==0)R=xt;else return p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);K--,j|=(x.read_byte(N++)&255)<<D,D+=8}if(Z=(r+(j&Me[U]))*3,j>>=f[Z+1],D-=f[Z+1],F=f[Z],(F&16)!==0){v=F&15,y=f[Z+2],u=U1;break}if((F&64)===0){o=F,r=Z/3+f[Z+2];break}return u=$u,x.msg="invalid distance code",R=Ut,p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);case U1:for(U=v;D<U;){if(K!==0)R=xt;else return p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);K--,j|=(x.read_byte(N++)&255)<<D,D+=8}y+=j&Me[U],j>>=U,D-=U,u=Q1;case Q1:for(nt=J-y;nt<0;)nt+=p.end;for(;c!==0;){if(k===0&&(J==p.end&&p.read!==0&&(J=0,k=J<p.read?p.read-J-1:p.end-J),k===0&&(p.write=J,R=p.inflate_flush(x,R),J=p.write,k=J<p.read?p.read-J-1:p.end-J,J==p.end&&p.read!==0&&(J=0,k=J<p.read?p.read-J-1:p.end-J),k===0)))return p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);p.win[J++]=p.win[nt++],k--,nt==p.end&&(nt=0),c--}u=Pu;break;case z1:if(k===0&&(J==p.end&&p.read!==0&&(J=0,k=J<p.read?p.read-J-1:p.end-J),k===0&&(p.write=J,R=p.inflate_flush(x,R),J=p.write,k=J<p.read?p.read-J-1:p.end-J,J==p.end&&p.read!==0&&(J=0,k=J<p.read?p.read-J-1:p.end-J),k===0)))return p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);R=xt,p.win[J++]=h,k--,u=Pu;break;case jf:if(D>7&&(D-=8,K++,N--),p.write=J,R=p.inflate_flush(x,R),J=p.write,k=J<p.read?p.read-J-1:p.end-J,p.read!=p.write)return p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);u=Y1;case Y1:return R=bn,p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);case $u:return R=Ut,p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R);default:return R=ye,p.bitb=j,p.bitk=D,x.avail_in=K,x.total_in+=N-x.next_in_index,x.next_in_index=N,p.write=J,p.inflate_flush(x,R)}},l.free=function(){}}const L1=[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],bl=0,Hf=1,G1=2,X1=3,V1=4,Z1=5,tc=6,ec=7,q1=8,Da=9;function _A(l,u){const c=this;let f=bl,r=0,o=0,h=0,v;const y=[0],A=[0],E=new WA;let S=0,O=new Int32Array(L2*3);const X=0,B=new Wf;c.bitk=0,c.bitb=0,c.win=new Uint8Array(u),c.end=u,c.read=0,c.write=0,c.reset=function(b,p){p&&(p[0]=X),f==tc&&E.free(b),f=bl,c.bitk=0,c.bitb=0,c.read=c.write=0},c.reset(l,null),c.inflate_flush=function(b,p){let x,R,U;return R=b.next_out_index,U=c.read,x=(U<=c.write?c.write:c.end)-U,x>b.avail_out&&(x=b.avail_out),x!==0&&p==xn&&(p=xt),b.avail_out-=x,b.total_out+=x,b.next_out.set(c.win.subarray(U,U+x),R),R+=x,U+=x,U==c.end&&(U=0,c.write==c.end&&(c.write=0),x=c.write-U,x>b.avail_out&&(x=b.avail_out),x!==0&&p==xn&&(p=xt),b.avail_out-=x,b.total_out+=x,b.next_out.set(c.win.subarray(U,U+x),R),R+=x,U+=x),b.next_out_index=R,c.read=U,p},c.proc=function(b,p){let x,R,U,Z,F,j,D,N;for(Z=b.next_in_index,F=b.avail_in,R=c.bitb,U=c.bitk,j=c.write,D=j<c.read?c.read-j-1:c.end-j;;){let K,J,k,nt,P,st,it,H;switch(f){case bl:for(;U<3;){if(F!==0)p=xt;else return c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);F--,R|=(b.read_byte(Z++)&255)<<U,U+=8}switch(x=R&7,S=x&1,x>>>1){case 0:R>>>=3,U-=3,x=U&7,R>>>=x,U-=x,f=Hf;break;case 1:K=[],J=[],k=[[]],nt=[[]],Wf.inflate_trees_fixed(K,J,k,nt),E.init(K[0],J[0],k[0],0,nt[0],0),R>>>=3,U-=3,f=tc;break;case 2:R>>>=3,U-=3,f=X1;break;case 3:return R>>>=3,U-=3,f=Da,b.msg="invalid block type",p=Ut,c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p)}break;case Hf:for(;U<32;){if(F!==0)p=xt;else return c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);F--,R|=(b.read_byte(Z++)&255)<<U,U+=8}if((~R>>>16&65535)!=(R&65535))return f=Da,b.msg="invalid stored block lengths",p=Ut,c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);r=R&65535,R=U=0,f=r!==0?G1:S!==0?ec:bl;break;case G1:if(F===0||D===0&&(j==c.end&&c.read!==0&&(j=0,D=j<c.read?c.read-j-1:c.end-j),D===0&&(c.write=j,p=c.inflate_flush(b,p),j=c.write,D=j<c.read?c.read-j-1:c.end-j,j==c.end&&c.read!==0&&(j=0,D=j<c.read?c.read-j-1:c.end-j),D===0)))return c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);if(p=xt,x=r,x>F&&(x=F),x>D&&(x=D),c.win.set(b.read_buf(Z,x),j),Z+=x,F-=x,j+=x,D-=x,(r-=x)!==0)break;f=S!==0?ec:bl;break;case X1:for(;U<14;){if(F!==0)p=xt;else return c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);F--,R|=(b.read_byte(Z++)&255)<<U,U+=8}if(o=x=R&16383,(x&31)>29||(x>>5&31)>29)return f=Da,b.msg="too many length or distance symbols",p=Ut,c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);if(x=258+(x&31)+(x>>5&31),!v||v.length<x)v=[];else for(N=0;N<x;N++)v[N]=0;R>>>=14,U-=14,h=0,f=V1;case V1:for(;h<4+(o>>>10);){for(;U<3;){if(F!==0)p=xt;else return c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);F--,R|=(b.read_byte(Z++)&255)<<U,U+=8}v[L1[h++]]=R&7,R>>>=3,U-=3}for(;h<19;)v[L1[h++]]=0;if(y[0]=7,x=B.inflate_trees_bits(v,y,A,O,b),x!=xt)return p=x,p==Ut&&(v=null,f=Da),c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);h=0,f=Z1;case Z1:for(;x=o,!(h>=258+(x&31)+(x>>5&31));){let _,$;for(x=y[0];U<x;){if(F!==0)p=xt;else return c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);F--,R|=(b.read_byte(Z++)&255)<<U,U+=8}if(x=O[(A[0]+(R&Me[x]))*3+1],$=O[(A[0]+(R&Me[x]))*3+2],$<16)R>>>=x,U-=x,v[h++]=$;else{for(N=$==18?7:$-14,_=$==18?11:3;U<x+N;){if(F!==0)p=xt;else return c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);F--,R|=(b.read_byte(Z++)&255)<<U,U+=8}if(R>>>=x,U-=x,_+=R&Me[N],R>>>=N,U-=N,N=h,x=o,N+_>258+(x&31)+(x>>5&31)||$==16&&N<1)return v=null,f=Da,b.msg="invalid bit length repeat",p=Ut,c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);$=$==16?v[N-1]:0;do v[N++]=$;while(--_!==0);h=N}}if(A[0]=-1,P=[],st=[],it=[],H=[],P[0]=9,st[0]=6,x=o,x=B.inflate_trees_dynamic(257+(x&31),1+(x>>5&31),v,P,st,it,H,O,b),x!=xt)return x==Ut&&(v=null,f=Da),p=x,c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);E.init(P[0],st[0],O,it[0],O,H[0]),f=tc;case tc:if(c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,(p=E.proc(c,b,p))!=bn)return c.inflate_flush(b,p);if(p=xt,E.free(b),Z=b.next_in_index,F=b.avail_in,R=c.bitb,U=c.bitk,j=c.write,D=j<c.read?c.read-j-1:c.end-j,S===0){f=bl;break}f=ec;case ec:if(c.write=j,p=c.inflate_flush(b,p),j=c.write,D=j<c.read?c.read-j-1:c.end-j,c.read!=c.write)return c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);f=q1;case q1:return p=bn,c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);case Da:return p=Ut,c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p);default:return p=ye,c.bitb=R,c.bitk=U,b.avail_in=F,b.total_in+=Z-b.next_in_index,b.next_in_index=Z,c.write=j,c.inflate_flush(b,p)}}},c.free=function(b){c.reset(b,null),c.win=null,O=null},c.set_dictionary=function(b,p,x){c.win.set(b.subarray(p,p+x),0),c.read=c.write=x},c.sync_point=function(){return f==Hf?1:0}}const PA=32,$A=8,t8=0,I1=1,K1=2,k1=3,J1=4,F1=5,Nf=6,pi=7,W1=12,ea=13,e8=[0,0,255,255];function n8(){const l=this;l.mode=0,l.method=0,l.was=[0],l.need=0,l.marker=0,l.wbits=0;function u(c){return!c||!c.istate?ye:(c.total_in=c.total_out=0,c.msg=null,c.istate.mode=pi,c.istate.blocks.reset(c,null),xt)}l.inflateEnd=function(c){return l.blocks&&l.blocks.free(c),l.blocks=null,xt},l.inflateInit=function(c,f){return c.msg=null,l.blocks=null,f<8||f>15?(l.inflateEnd(c),ye):(l.wbits=f,c.istate.blocks=new _A(c,1<<f),u(c),xt)},l.inflate=function(c,f){let r,o;if(!c||!c.istate||!c.next_in)return ye;const h=c.istate;for(f=f==XA?xn:xt,r=xn;;)switch(h.mode){case t8:if(c.avail_in===0)return r;if(r=f,c.avail_in--,c.total_in++,((h.method=c.read_byte(c.next_in_index++))&15)!=$A){h.mode=ea,c.msg="unknown compression method",h.marker=5;break}if((h.method>>4)+8>h.wbits){h.mode=ea,c.msg="invalid win size",h.marker=5;break}h.mode=I1;case I1:if(c.avail_in===0)return r;if(r=f,c.avail_in--,c.total_in++,o=c.read_byte(c.next_in_index++)&255,((h.method<<8)+o)%31!==0){h.mode=ea,c.msg="incorrect header check",h.marker=5;break}if((o&PA)===0){h.mode=pi;break}h.mode=K1;case K1:if(c.avail_in===0)return r;r=f,c.avail_in--,c.total_in++,h.need=(c.read_byte(c.next_in_index++)&255)<<24&4278190080,h.mode=k1;case k1:if(c.avail_in===0)return r;r=f,c.avail_in--,c.total_in++,h.need+=(c.read_byte(c.next_in_index++)&255)<<16&16711680,h.mode=J1;case J1:if(c.avail_in===0)return r;r=f,c.avail_in--,c.total_in++,h.need+=(c.read_byte(c.next_in_index++)&255)<<8&65280,h.mode=F1;case F1:return c.avail_in===0?r:(r=f,c.avail_in--,c.total_in++,h.need+=c.read_byte(c.next_in_index++)&255,h.mode=Nf,LA);case Nf:return h.mode=ea,c.msg="need dictionary",h.marker=0,ye;case pi:if(r=h.blocks.proc(c,r),r==Ut){h.mode=ea,h.marker=0;break}if(r==xt&&(r=f),r!=bn)return r;r=f,h.blocks.reset(c,h.was),h.mode=W1;case W1:return c.avail_in=0,bn;case ea:return Ut;default:return ye}},l.inflateSetDictionary=function(c,f,r){let o=0,h=r;if(!c||!c.istate||c.istate.mode!=Nf)return ye;const v=c.istate;return h>=1<<v.wbits&&(h=(1<<v.wbits)-1,o=r-h),v.blocks.set_dictionary(f,o,h),v.mode=pi,xt},l.inflateSync=function(c){let f,r,o,h,v;if(!c||!c.istate)return ye;const y=c.istate;if(y.mode!=ea&&(y.mode=ea,y.marker=0),(f=c.avail_in)===0)return xn;for(r=c.next_in_index,o=y.marker;f!==0&&o<4;)c.read_byte(r)==e8[o]?o++:c.read_byte(r)!==0?o=0:o=4-o,r++,f--;return c.total_in+=r-c.next_in_index,c.next_in_index=r,c.avail_in=f,y.marker=o,o!=4?Ut:(h=c.total_in,v=c.total_out,u(c),c.total_in=h,c.total_out=v,y.mode=pi,xt)},l.inflateSyncPoint=function(c){return!c||!c.istate||!c.istate.blocks?ye:c.istate.blocks.sync_point()}}function G2(){}G2.prototype={inflateInit(l){const u=this;return u.istate=new n8,l||(l=YA),u.istate.inflateInit(u,l)},inflate(l){const u=this;return u.istate?u.istate.inflate(u,l):ye},inflateEnd(){const l=this;if(!l.istate)return ye;const u=l.istate.inflateEnd(l);return l.istate=null,u},inflateSync(){const l=this;return l.istate?l.istate.inflateSync(l):ye},inflateSetDictionary(l,u){const c=this;return c.istate?c.istate.inflateSetDictionary(c,l,u):ye},read_byte(l){return this.next_in[l]},read_buf(l,u){return this.next_in.subarray(l,l+u)}};function a8(l){const u=this,c=new G2,f=l&&l.chunkSize?Math.floor(l.chunkSize*2):128*1024,r=GA,o=new Uint8Array(f);let h=!1;c.inflateInit(),c.next_out=o,u.append=function(v,y){const A=[];let E,S,O=0,X=0,B=0;if(v.length!==0){c.next_in_index=0,c.next_in=v,c.avail_in=v.length;do{if(c.next_out_index=0,c.avail_out=f,c.avail_in===0&&!h&&(c.next_in_index=0,h=!0),E=c.inflate(r),h&&E===xn){if(c.avail_in!==0)throw new Error("inflating: bad input")}else if(E!==xt&&E!==bn)throw new Error("inflating: "+c.msg);if((h||E===bn)&&c.avail_in===v.length)throw new Error("inflating: bad input");c.next_out_index&&(c.next_out_index===f?A.push(new Uint8Array(o)):A.push(o.subarray(0,c.next_out_index))),B+=c.next_out_index,y&&c.next_in_index>0&&c.next_in_index!=O&&(y(c.next_in_index),O=c.next_in_index)}while(c.avail_in>0||c.avail_out===0);return A.length>1?(S=new Uint8Array(B),A.forEach(function(b){S.set(b,X),X+=b.length})):S=A[0]?new Uint8Array(A[0]):new Uint8Array,S}},u.flush=function(){c.inflateEnd()}}const ja=4294967295,la=65535,l8=8,i8=0,u8=99,c8=67324752,X2=134695760,s8=X2,_1=33639248,f8=101010256,P1=101075792,r8=117853008,pn=22,Bf=20,Uf=56,o8=12,d8=20,$1=4,h8=1,m8=39169,g8=10,A8=1,v8=21589,y8=28789,E8=25461,p8=6534,t2=1,b8=6,e2=8,n2=2048,a2=16,x8=61440,S8=16384,T8=73,l2="/",Qf=30,C8=10,O8=14,w8=18,Jt=void 0,sa="undefined",Mi="function";class i2{constructor(u){return class extends TransformStream{constructor(c,f){const r=new u(f);super({transform(o,h){h.enqueue(r.append(o))},flush(o){const h=r.flush();h&&o.enqueue(h)}})}}}}const R8=64;let V2=2;try{typeof navigator!=sa&&navigator.hardwareConcurrency&&(V2=navigator.hardwareConcurrency)}catch{}const D8={chunkSize:512*1024,maxWorkers:V2,terminateWorkerTimeout:5e3,useWebWorkers:!0,useCompressionStream:!0,workerScripts:Jt,CompressionStreamNative:typeof CompressionStream!=sa&&CompressionStream,DecompressionStreamNative:typeof DecompressionStream!=sa&&DecompressionStream},ia=Object.assign({},D8);function Z2(){return ia}function M8(l){return Math.max(l.chunkSize,R8)}function q2(l){const{baseURL:u,chunkSize:c,maxWorkers:f,terminateWorkerTimeout:r,useCompressionStream:o,useWebWorkers:h,Deflate:v,Inflate:y,CompressionStream:A,DecompressionStream:E,workerScripts:S}=l;if(na("baseURL",u),na("chunkSize",c),na("maxWorkers",f),na("terminateWorkerTimeout",r),na("useCompressionStream",o),na("useWebWorkers",h),v&&(ia.CompressionStream=new i2(v)),y&&(ia.DecompressionStream=new i2(y)),na("CompressionStream",A),na("DecompressionStream",E),S!==Jt){const{deflate:O,inflate:X}=S;if((O||X)&&(ia.workerScripts||(ia.workerScripts={})),O){if(!Array.isArray(O))throw new Error("workerScripts.deflate must be an array");ia.workerScripts.deflate=O}if(X){if(!Array.isArray(X))throw new Error("workerScripts.inflate must be an array");ia.workerScripts.inflate=X}}}function na(l,u){u!==Jt&&(ia[l]=u)}function j8(){return"application/octet-stream"}const I2=[];for(let l=0;l<256;l++){let u=l;for(let c=0;c<8;c++)u&1?u=u>>>1^3988292384:u=u>>>1;I2[l]=u}class cc{constructor(u){this.crc=u||-1}append(u){let c=this.crc|0;for(let f=0,r=u.length|0;f<r;f++)c=c>>>8^I2[(c^u[f])&255];this.crc=c}get(){return~this.crc}}class K2 extends TransformStream{constructor(){let u;const c=new cc;super({transform(f,r){c.append(f),r.enqueue(f)},flush(){const f=new Uint8Array(4);new DataView(f.buffer).setUint32(0,c.get()),u.value=f}}),u=this}}function H8(l){if(typeof TextEncoder==sa){l=unescape(encodeURIComponent(l));const u=new Uint8Array(l.length);for(let c=0;c<u.length;c++)u[c]=l.charCodeAt(c);return u}else return new TextEncoder().encode(l)}const re={concat(l,u){if(l.length===0||u.length===0)return l.concat(u);const c=l[l.length-1],f=re.getPartial(c);return f===32?l.concat(u):re._shiftRight(u,f,c|0,l.slice(0,l.length-1))},bitLength(l){const u=l.length;if(u===0)return 0;const c=l[u-1];return(u-1)*32+re.getPartial(c)},clamp(l,u){if(l.length*32<u)return l;l=l.slice(0,Math.ceil(u/32));const c=l.length;return u=u&31,c>0&&u&&(l[c-1]=re.partial(u,l[c-1]&2147483648>>u-1,1)),l},partial(l,u,c){return l===32?u:(c?u|0:u<<32-l)+l*1099511627776},getPartial(l){return Math.round(l/1099511627776)||32},_shiftRight(l,u,c,f){for(f===void 0&&(f=[]);u>=32;u-=32)f.push(c),c=0;if(u===0)return f.concat(l);for(let h=0;h<l.length;h++)f.push(c|l[h]>>>u),c=l[h]<<32-u;const r=l.length?l[l.length-1]:0,o=re.getPartial(r);return f.push(re.partial(u+o&31,u+o>32?c:f.pop(),1)),f}},sc={bytes:{fromBits(l){const c=re.bitLength(l)/8,f=new Uint8Array(c);let r;for(let o=0;o<c;o++)(o&3)===0&&(r=l[o/4]),f[o]=r>>>24,r<<=8;return f},toBits(l){const u=[];let c,f=0;for(c=0;c<l.length;c++)f=f<<8|l[c],(c&3)===3&&(u.push(f),f=0);return c&3&&u.push(re.partial(8*(c&3),f)),u}}},k2={};k2.sha1=class{constructor(l){const u=this;u.blockSize=512,u._init=[1732584193,4023233417,2562383102,271733878,3285377520],u._key=[1518500249,1859775393,2400959708,3395469782],l?(u._h=l._h.slice(0),u._buffer=l._buffer.slice(0),u._length=l._length):u.reset()}reset(){const l=this;return l._h=l._init.slice(0),l._buffer=[],l._length=0,l}update(l){const u=this;typeof l=="string"&&(l=sc.utf8String.toBits(l));const c=u._buffer=re.concat(u._buffer,l),f=u._length,r=u._length=f+re.bitLength(l);if(r>9007199254740991)throw new Error("Cannot hash more than 2^53 - 1 bits");const o=new Uint32Array(c);let h=0;for(let v=u.blockSize+f-(u.blockSize+f&u.blockSize-1);v<=r;v+=u.blockSize)u._block(o.subarray(16*h,16*(h+1))),h+=1;return c.splice(0,16*h),u}finalize(){const l=this;let u=l._buffer;const c=l._h;u=re.concat(u,[re.partial(1,1)]);for(let f=u.length+2;f&15;f++)u.push(0);for(u.push(Math.floor(l._length/4294967296)),u.push(l._length|0);u.length;)l._block(u.splice(0,16));return l.reset(),c}_f(l,u,c,f){if(l<=19)return u&c|~u&f;if(l<=39)return u^c^f;if(l<=59)return u&c|u&f|c&f;if(l<=79)return u^c^f}_S(l,u){return u<<l|u>>>32-l}_block(l){const u=this,c=u._h,f=Array(80);for(let A=0;A<16;A++)f[A]=l[A];let r=c[0],o=c[1],h=c[2],v=c[3],y=c[4];for(let A=0;A<=79;A++){A>=16&&(f[A]=u._S(1,f[A-3]^f[A-8]^f[A-14]^f[A-16]));const E=u._S(5,r)+u._f(A,o,h,v)+y+f[A]+u._key[Math.floor(A/20)]|0;y=v,v=h,h=u._S(30,o),o=r,r=E}c[0]=c[0]+r|0,c[1]=c[1]+o|0,c[2]=c[2]+h|0,c[3]=c[3]+v|0,c[4]=c[4]+y|0}};const J2={};J2.aes=class{constructor(l){const u=this;u._tables=[[[],[],[],[],[]],[[],[],[],[],[]]],u._tables[0][0][0]||u._precompute();const c=u._tables[0][4],f=u._tables[1],r=l.length;let o,h,v,y=1;if(r!==4&&r!==6&&r!==8)throw new Error("invalid aes key size");for(u._key=[h=l.slice(0),v=[]],o=r;o<4*r+28;o++){let A=h[o-1];(o%r===0||r===8&&o%r===4)&&(A=c[A>>>24]<<24^c[A>>16&255]<<16^c[A>>8&255]<<8^c[A&255],o%r===0&&(A=A<<8^A>>>24^y<<24,y=y<<1^(y>>7)*283)),h[o]=h[o-r]^A}for(let A=0;o;A++,o--){const E=h[A&3?o:o-4];o<=4||A<4?v[A]=E:v[A]=f[0][c[E>>>24]]^f[1][c[E>>16&255]]^f[2][c[E>>8&255]]^f[3][c[E&255]]}}encrypt(l){return this._crypt(l,0)}decrypt(l){return this._crypt(l,1)}_precompute(){const l=this._tables[0],u=this._tables[1],c=l[4],f=u[4],r=[],o=[];let h,v,y,A;for(let E=0;E<256;E++)o[(r[E]=E<<1^(E>>7)*283)^E]=E;for(let E=h=0;!c[E];E^=v||1,h=o[h]||1){let S=h^h<<1^h<<2^h<<3^h<<4;S=S>>8^S&255^99,c[E]=S,f[S]=E,A=r[y=r[v=r[E]]];let O=A*16843009^y*65537^v*257^E*16843008,X=r[S]*257^S*16843008;for(let B=0;B<4;B++)l[B][E]=X=X<<24^X>>>8,u[B][S]=O=O<<24^O>>>8}for(let E=0;E<5;E++)l[E]=l[E].slice(0),u[E]=u[E].slice(0)}_crypt(l,u){if(l.length!==4)throw new Error("invalid aes block size");const c=this._key[u],f=c.length/4-2,r=[0,0,0,0],o=this._tables[u],h=o[0],v=o[1],y=o[2],A=o[3],E=o[4];let S=l[0]^c[0],O=l[u?3:1]^c[1],X=l[2]^c[2],B=l[u?1:3]^c[3],b=4,p,x,R;for(let U=0;U<f;U++)p=h[S>>>24]^v[O>>16&255]^y[X>>8&255]^A[B&255]^c[b],x=h[O>>>24]^v[X>>16&255]^y[B>>8&255]^A[S&255]^c[b+1],R=h[X>>>24]^v[B>>16&255]^y[S>>8&255]^A[O&255]^c[b+2],B=h[B>>>24]^v[S>>16&255]^y[O>>8&255]^A[X&255]^c[b+3],b+=4,S=p,O=x,X=R;for(let U=0;U<4;U++)r[u?3&-U:U]=E[S>>>24]<<24^E[O>>16&255]<<16^E[X>>8&255]<<8^E[B&255]^c[b++],p=S,S=O,O=X,X=B,B=p;return r}};const N8={getRandomValues(l){const u=new Uint32Array(l.buffer),c=f=>{let r=987654321;const o=4294967295;return function(){return r=36969*(r&65535)+(r>>16)&o,f=18e3*(f&65535)+(f>>16)&o,(((r<<16)+f&o)/4294967296+.5)*(Math.random()>.5?1:-1)}};for(let f=0,r;f<l.length;f+=4){const o=c((r||Math.random())*4294967296);r=o()*987654071,u[f/4]=o()*4294967296|0}return l}},F2={};F2.ctrGladman=class{constructor(l,u){this._prf=l,this._initIv=u,this._iv=u}reset(){this._iv=this._initIv}update(l){return this.calculate(this._prf,l,this._iv)}incWord(l){if((l>>24&255)===255){let u=l>>16&255,c=l>>8&255,f=l&255;u===255?(u=0,c===255?(c=0,f===255?f=0:++f):++c):++u,l=0,l+=u<<16,l+=c<<8,l+=f}else l+=1<<24;return l}incCounter(l){(l[0]=this.incWord(l[0]))===0&&(l[1]=this.incWord(l[1]))}calculate(l,u,c){let f;if(!(f=u.length))return[];const r=re.bitLength(u);for(let o=0;o<f;o+=4){this.incCounter(c);const h=l.encrypt(c);u[o]^=h[0],u[o+1]^=h[1],u[o+2]^=h[2],u[o+3]^=h[3]}return re.clamp(u,r)}};const Ha={importKey(l){return new Ha.hmacSha1(sc.bytes.toBits(l))},pbkdf2(l,u,c,f){if(c=c||1e4,f<0||c<0)throw new Error("invalid params to pbkdf2");const r=(f>>5)+1<<2;let o,h,v,y,A;const E=new ArrayBuffer(r),S=new DataView(E);let O=0;const X=re;for(u=sc.bytes.toBits(u),A=1;O<(r||1);A++){for(o=h=l.encrypt(X.concat(u,[A])),v=1;v<c;v++)for(h=l.encrypt(h),y=0;y<h.length;y++)o[y]^=h[y];for(v=0;O<(r||1)&&v<o.length;v++)S.setInt32(O,o[v]),O+=4}return E.slice(0,f/8)}};Ha.hmacSha1=class{constructor(l){const u=this,c=u._hash=k2.sha1,f=[[],[]];u._baseHash=[new c,new c];const r=u._baseHash[0].blockSize/32;l.length>r&&(l=new c().update(l).finalize());for(let o=0;o<r;o++)f[0][o]=l[o]^909522486,f[1][o]=l[o]^1549556828;u._baseHash[0].update(f[0]),u._baseHash[1].update(f[1]),u._resultHash=new c(u._baseHash[0])}reset(){const l=this;l._resultHash=new l._hash(l._baseHash[0]),l._updated=!1}update(l){const u=this;u._updated=!0,u._resultHash.update(l)}digest(){const l=this,u=l._resultHash.finalize(),c=new l._hash(l._baseHash[1]).update(u).finalize();return l.reset(),c}encrypt(l){if(this._updated)throw new Error("encrypt on already updated hmac called!");return this.update(l),this.digest(l)}};const B8=typeof crypto!=sa&&typeof crypto.getRandomValues==Mi,rr="Invalid password",or="Invalid signature",dr="zipjs-abort-check-password";function W2(l){return B8?crypto.getRandomValues(l):N8.getRandomValues(l)}const xl=16,U8="raw",_2={name:"PBKDF2"},Q8={name:"HMAC"},z8="SHA-1",Y8=Object.assign({hash:Q8},_2),_f=Object.assign({iterations:1e3,hash:{name:z8}},_2),L8=["deriveBits"],Ci=[8,12,16],bi=[16,24,32],aa=10,G8=[0,0,0,0],oc=typeof crypto!=sa,ji=oc&&crypto.subtle,P2=oc&&typeof ji!=sa,Pe=sc.bytes,X8=J2.aes,V8=F2.ctrGladman,Z8=Ha.hmacSha1;let u2=oc&&P2&&typeof ji.importKey==Mi,c2=oc&&P2&&typeof ji.deriveBits==Mi;class q8 extends TransformStream{constructor({password:u,rawPassword:c,signed:f,encryptionStrength:r,checkPasswordOnly:o}){super({start(){Object.assign(this,{ready:new Promise(h=>this.resolveReady=h),password:eh(u,c),signed:f,strength:r-1,pending:new Uint8Array})},async transform(h,v){const y=this,{password:A,strength:E,resolveReady:S,ready:O}=y;A?(await K8(y,E,A,Xe(h,0,Ci[E]+2)),h=Xe(h,Ci[E]+2),o?v.error(new Error(dr)):S()):await O;const X=new Uint8Array(h.length-aa-(h.length-aa)%xl);v.enqueue($2(y,h,X,0,aa,!0))},async flush(h){const{signed:v,ctr:y,hmac:A,pending:E,ready:S}=this;if(A&&y){await S;const O=Xe(E,0,E.length-aa),X=Xe(E,E.length-aa);let B=new Uint8Array;if(O.length){const b=wi(Pe,O);A.update(b);const p=y.update(b);B=Oi(Pe,p)}if(v){const b=Xe(Oi(Pe,A.digest()),0,aa);for(let p=0;p<aa;p++)if(b[p]!=X[p])throw new Error(or)}h.enqueue(B)}}})}}class I8 extends TransformStream{constructor({password:u,rawPassword:c,encryptionStrength:f}){let r;super({start(){Object.assign(this,{ready:new Promise(o=>this.resolveReady=o),password:eh(u,c),strength:f-1,pending:new Uint8Array})},async transform(o,h){const v=this,{password:y,strength:A,resolveReady:E,ready:S}=v;let O=new Uint8Array;y?(O=await k8(v,A,y),E()):await S;const X=new Uint8Array(O.length+o.length-o.length%xl);X.set(O,0),h.enqueue($2(v,o,X,O.length,0))},async flush(o){const{ctr:h,hmac:v,pending:y,ready:A}=this;if(v&&h){await A;let E=new Uint8Array;if(y.length){const S=h.update(wi(Pe,y));v.update(S),E=Oi(Pe,S)}r.signature=Oi(Pe,v.digest()).slice(0,aa),o.enqueue(hr(E,r.signature))}}}),r=this}}function $2(l,u,c,f,r,o){const{ctr:h,hmac:v,pending:y}=l,A=u.length-r;y.length&&(u=hr(y,u),c=W8(c,A-A%xl));let E;for(E=0;E<=A-xl;E+=xl){const S=wi(Pe,Xe(u,E,E+xl));o&&v.update(S);const O=h.update(S);o||v.update(O),c.set(Oi(Pe,O),E+f)}return l.pending=Xe(u,E),c}async function K8(l,u,c,f){const r=await th(l,u,c,Xe(f,0,Ci[u])),o=Xe(f,Ci[u]);if(r[0]!=o[0]||r[1]!=o[1])throw new Error(rr)}async function k8(l,u,c){const f=W2(new Uint8Array(Ci[u])),r=await th(l,u,c,f);return hr(f,r)}async function th(l,u,c,f){l.password=null;const r=await J8(U8,c,Y8,!1,L8),o=await F8(Object.assign({salt:f},_f),r,8*(bi[u]*2+2)),h=new Uint8Array(o),v=wi(Pe,Xe(h,0,bi[u])),y=wi(Pe,Xe(h,bi[u],bi[u]*2)),A=Xe(h,bi[u]*2);return Object.assign(l,{keys:{key:v,authentication:y,passwordVerification:A},ctr:new V8(new X8(v),Array.from(G8)),hmac:new Z8(y)}),A}async function J8(l,u,c,f,r){if(u2)try{return await ji.importKey(l,u,c,f,r)}catch{return u2=!1,Ha.importKey(u)}else return Ha.importKey(u)}async function F8(l,u,c){if(c2)try{return await ji.deriveBits(l,u,c)}catch{return c2=!1,Ha.pbkdf2(u,l.salt,_f.iterations,c)}else return Ha.pbkdf2(u,l.salt,_f.iterations,c)}function eh(l,u){return u===Jt?H8(l):u}function hr(l,u){let c=l;return l.length+u.length&&(c=new Uint8Array(l.length+u.length),c.set(l,0),c.set(u,l.length)),c}function W8(l,u){if(u&&u>l.length){const c=l;l=new Uint8Array(u),l.set(c,0)}return l}function Xe(l,u,c){return l.subarray(u,c)}function Oi(l,u){return l.fromBits(u)}function wi(l,u){return l.toBits(u)}const Ti=12;class _8 extends TransformStream{constructor({password:u,passwordVerification:c,checkPasswordOnly:f}){super({start(){Object.assign(this,{password:u,passwordVerification:c}),nh(this,u)},transform(r,o){const h=this;if(h.password){const v=s2(h,r.subarray(0,Ti));if(h.password=null,v.at(-1)!=h.passwordVerification)throw new Error(rr);r=r.subarray(Ti)}f?o.error(new Error(dr)):o.enqueue(s2(h,r))}})}}class P8 extends TransformStream{constructor({password:u,passwordVerification:c}){super({start(){Object.assign(this,{password:u,passwordVerification:c}),nh(this,u)},transform(f,r){const o=this;let h,v;if(o.password){o.password=null;const y=W2(new Uint8Array(Ti));y[Ti-1]=o.passwordVerification,h=new Uint8Array(f.length+y.length),h.set(f2(o,y),0),v=Ti}else h=new Uint8Array(f.length),v=0;h.set(f2(o,f),v),r.enqueue(h)}})}}function s2(l,u){const c=new Uint8Array(u.length);for(let f=0;f<u.length;f++)c[f]=ah(l)^u[f],mr(l,c[f]);return c}function f2(l,u){const c=new Uint8Array(u.length);for(let f=0;f<u.length;f++)c[f]=ah(l)^u[f],mr(l,u[f]);return c}function nh(l,u){const c=[305419896,591751049,878082192];Object.assign(l,{keys:c,crcKey0:new cc(c[0]),crcKey2:new cc(c[2])});for(let f=0;f<u.length;f++)mr(l,u.charCodeAt(f))}function mr(l,u){let[c,f,r]=l.keys;l.crcKey0.append([u]),c=~l.crcKey0.get(),f=r2(Math.imul(r2(f+lh(c)),134775813)+1),l.crcKey2.append([f>>>24]),r=~l.crcKey2.get(),l.keys=[c,f,r]}function ah(l){const u=l.keys[2]|2;return lh(Math.imul(u,u^1)>>>8)}function lh(l){return l&255}function r2(l){return l&4294967295}const gr="Invalid uncompressed size",o2="deflate-raw";class $8 extends TransformStream{constructor(u,{chunkSize:c,CompressionStream:f,CompressionStreamNative:r}){super({});const{compressed:o,encrypted:h,useCompressionStream:v,zipCrypto:y,signed:A,level:E}=u,S=this;let O,X,B=super.readable;(!h||y)&&A&&(O=new K2,B=Sn(B,O)),o&&(B=uh(B,v,{level:E,chunkSize:c},r,f)),h&&(y?B=Sn(B,new P8(u)):(X=new I8(u),B=Sn(B,X))),ih(S,B,()=>{let b;h&&!y&&(b=X.signature),(!h||y)&&A&&(b=new DataView(O.value.buffer).getUint32(0)),S.signature=b})}}class t3 extends TransformStream{constructor(u,{chunkSize:c,DecompressionStream:f,DecompressionStreamNative:r}){super({});const{zipCrypto:o,encrypted:h,signed:v,signature:y,compressed:A,useCompressionStream:E}=u;let S,O,X=super.readable;h&&(o?X=Sn(X,new _8(u)):(O=new q8(u),X=Sn(X,O))),A&&(X=uh(X,E,{chunkSize:c},r,f)),(!h||o)&&v&&(S=new K2,X=Sn(X,S)),ih(this,X,()=>{if((!h||o)&&v){const B=new DataView(S.value.buffer);if(y!=B.getUint32(0,!1))throw new Error(or)}})}}function ih(l,u,c){u=Sn(u,new TransformStream({flush:c})),Object.defineProperty(l,"readable",{get(){return u}})}function uh(l,u,c,f,r){try{const o=u&&f?f:r;l=Sn(l,new o(o2,c))}catch(o){if(u)l=Sn(l,new r(o2,c));else throw o}return l}function Sn(l,u){return l.pipeThrough(u)}const e3="message",n3="start",a3="pull",d2="data",l3="ack",h2="close",i3="deflate",ch="inflate";class u3 extends TransformStream{constructor(u,c){super({});const f=this,{codecType:r}=u;let o;r.startsWith(i3)?o=$8:r.startsWith(ch)&&(o=t3),f.outputSize=0;let h=0;const v=new o(u,c),y=super.readable,A=new TransformStream({transform(S,O){S&&S.length&&(h+=S.length,O.enqueue(S))},flush(){Object.assign(f,{inputSize:h})}}),E=new TransformStream({transform(S,O){if(S&&S.length&&(O.enqueue(S),f.outputSize+=S.length,u.outputSize&&f.outputSize>u.outputSize))throw new Error(gr)},flush(){const{signature:S}=v;Object.assign(f,{signature:S,inputSize:h})}});Object.defineProperty(f,"readable",{get(){return y.pipeThrough(A).pipeThrough(v).pipeThrough(E)}})}}class c3 extends TransformStream{constructor(u){let c;super({transform:f,flush(r){c&&c.length&&r.enqueue(c)}});function f(r,o){if(c){const h=new Uint8Array(c.length+r.length);h.set(c),h.set(r,c.length),r=h,c=null}r.length>u?(o.enqueue(r.slice(0,u)),f(r.slice(u),o)):c=r}}}let sh=typeof Worker!=sa;class zf{constructor(u,{readable:c,writable:f},{options:r,config:o,streamOptions:h,useWebWorkers:v,transferStreams:y,scripts:A},E){const{signal:S}=h;return Object.assign(u,{busy:!0,readable:c.pipeThrough(new c3(o.chunkSize)).pipeThrough(new s3(h),{signal:S}),writable:f,options:Object.assign({},r),scripts:A,transferStreams:y,terminate(){return new Promise(O=>{const{worker:X,busy:B}=u;X?(B?u.resolveTerminated=O:(X.terminate(),O()),u.interface=null):O()})},onTaskFinished(){const{resolveTerminated:O}=u;O&&(u.resolveTerminated=null,u.terminated=!0,u.worker.terminate(),O()),u.busy=!1,E(u)}}),(v&&sh?f3:fh)(u,o)}}class s3 extends TransformStream{constructor({onstart:u,onprogress:c,size:f,onend:r}){let o=0;super({async start(){u&&await Yf(u,f)},async transform(h,v){o+=h.length,c&&await Yf(c,o,f),v.enqueue(h)},async flush(){r&&await Yf(r,o)}})}}async function Yf(l,...u){try{await l(...u)}catch{}}function fh(l,u){return{run:()=>r3(l,u)}}function f3(l,u){const{baseURL:c,chunkSize:f}=u;if(!l.interface){let r;try{r=h3(l.scripts[0],c,l)}catch{return sh=!1,fh(l,u)}Object.assign(l,{worker:r,interface:{run:()=>o3(l,{chunkSize:f})}})}return l.interface}async function r3({options:l,readable:u,writable:c,onTaskFinished:f},r){let o;try{o=new u3(l,r),await u.pipeThrough(o).pipeTo(c,{preventClose:!0,preventAbort:!0});const{signature:h,inputSize:v,outputSize:y}=o;return{signature:h,inputSize:v,outputSize:y}}catch(h){throw o&&(h.outputSize=o.outputSize),h}finally{f()}}async function o3(l,u){let c,f;const r=new Promise((O,X)=>{c=O,f=X});Object.assign(l,{reader:null,writer:null,resolveResult:c,rejectResult:f,result:r});const{readable:o,options:h,scripts:v}=l,{writable:y,closed:A}=d3(l.writable),E=lc({type:n3,scripts:v.slice(1),options:h,config:u,readable:o,writable:y},l);E||Object.assign(l,{reader:o.getReader(),writer:y.getWriter()});const S=await r;return E||await y.getWriter().close(),await A,S}function d3(l){let u;const c=new Promise(r=>u=r);return{writable:new WritableStream({async write(r){const o=l.getWriter();await o.ready,await o.write(r),o.releaseLock()},close(){u()},abort(r){return l.getWriter().abort(r)}}),closed:c}}let m2=!0,g2=!0;function h3(l,u,c){const f={type:"module"};let r,o;typeof l==Mi&&(l=l());try{r=new URL(l,u)}catch{r=l}if(m2)try{o=new Worker(r)}catch{m2=!1,o=new Worker(r,f)}else o=new Worker(r,f);return o.addEventListener(e3,h=>m3(h,c)),o}function lc(l,{worker:u,writer:c,onTaskFinished:f,transferStreams:r}){try{const{value:o,readable:h,writable:v}=l,y=[];if(o&&(o.byteLength<o.buffer.byteLength?l.value=o.buffer.slice(0,o.byteLength):l.value=o.buffer,y.push(l.value)),r&&g2?(h&&y.push(h),v&&y.push(v)):l.readable=l.writable=null,y.length)try{return u.postMessage(l,y),!0}catch{g2=!1,l.readable=l.writable=null,u.postMessage(l)}else u.postMessage(l)}catch(o){throw c&&c.releaseLock(),f(),o}}async function m3({data:l},u){const{type:c,value:f,messageId:r,result:o,error:h}=l,{reader:v,writer:y,resolveResult:A,rejectResult:E,onTaskFinished:S}=u;try{if(h){const{message:X,stack:B,code:b,name:p,outputSize:x}=h,R=new Error(X);Object.assign(R,{stack:B,code:b,name:p,outputSize:x}),O(R)}else{if(c==a3){const{value:X,done:B}=await v.read();lc({type:d2,value:X,done:B,messageId:r},u)}c==d2&&(await y.ready,await y.write(new Uint8Array(f)),lc({type:l3,messageId:r},u)),c==h2&&O(null,o)}}catch(X){lc({type:h2,messageId:r},u),O(X)}function O(X,B){X?E(X):A(B),y&&y.releaseLock(),S()}}let ua=[];const Lf=[];let A2=0;async function g3(l,u){const{options:c,config:f}=u,{transferStreams:r,useWebWorkers:o,useCompressionStream:h,codecType:v,compressed:y,signed:A,encrypted:E}=c,{workerScripts:S,maxWorkers:O}=f;u.transferStreams=r||r===Jt;const X=!y&&!A&&!E&&!u.transferStreams;return u.useWebWorkers=!X&&(o||o===Jt&&f.useWebWorkers),u.scripts=u.useWebWorkers&&S?S[v]:[],c.useCompressionStream=h||h===Jt&&f.useCompressionStream,(await B()).run();async function B(){const p=ua.find(x=>!x.busy);if(p)return Pf(p),new zf(p,l,u,b);if(ua.length<O){const x={indexWorker:A2};return A2++,ua.push(x),new zf(x,l,u,b)}else return new Promise(x=>Lf.push({resolve:x,stream:l,workerOptions:u}))}function b(p){if(Lf.length){const[{resolve:x,stream:R,workerOptions:U}]=Lf.splice(0,1);x(new zf(p,R,U,b))}else p.worker?(Pf(p),A3(p,u)):ua=ua.filter(x=>x!=p)}}function A3(l,u){const{config:c}=u,{terminateWorkerTimeout:f}=c;Number.isFinite(f)&&f>=0&&(l.terminated?l.terminated=!1:l.terminateTimeout=setTimeout(async()=>{ua=ua.filter(r=>r!=l);try{await l.terminate()}catch{}},f))}function Pf(l){const{terminateTimeout:u}=l;u&&(clearTimeout(u),l.terminateTimeout=null)}async function v3(){await Promise.allSettled(ua.map(l=>(Pf(l),l.terminate())))}const rh="HTTP error ",Hi="HTTP Range not supported",oh="Writer iterator completed too soon",dh="Writer not initialized",y3="text/plain",E3="Content-Length",p3="Content-Range",b3="Accept-Ranges",x3="Range",S3="Content-Type",T3="HEAD",Ar="GET",hh="bytes",C3=64*1024,vr="writable";class dc{constructor(){this.size=0}init(){this.initialized=!0}}class fa extends dc{get readable(){const u=this,{chunkSize:c=C3}=u,f=new ReadableStream({start(){this.chunkOffset=0},async pull(r){const{offset:o=0,size:h,diskNumberStart:v}=f,{chunkOffset:y}=this,A=h===Jt?c:Math.min(c,h-y),E=await Pt(u,o+y,A,v);r.enqueue(E),y+c>h||h===Jt&&!E.length&&A?r.close():this.chunkOffset+=c}});return f}}class yr extends dc{constructor(){super();const u=this,c=new WritableStream({write(f){if(!u.initialized)throw new Error(dh);return u.writeUint8Array(f)}});Object.defineProperty(u,vr,{get(){return c}})}writeUint8Array(){}}class O3 extends fa{constructor(u){super();let c=u.length;for(;u.charAt(c-1)=="=";)c--;const f=u.indexOf(",")+1;Object.assign(this,{dataURI:u,dataStart:f,size:Math.floor((c-f)*.75)})}readUint8Array(u,c){const{dataStart:f,dataURI:r}=this,o=new Uint8Array(c),h=Math.floor(u/3)*4,v=atob(r.substring(h+f,Math.ceil((u+c)/3)*4+f)),y=u-Math.floor(h/4)*3;let A=0;for(let E=y;E<y+c&&E<v.length;E++)o[E-y]=v.charCodeAt(E),A++;return A<o.length?o.subarray(0,A):o}}class w3 extends yr{constructor(u){super(),Object.assign(this,{data:"data:"+(u||"")+";base64,",pending:[]})}writeUint8Array(u){const c=this;let f=0,r=c.pending;const o=c.pending.length;for(c.pending="",f=0;f<Math.floor((o+u.length)/3)*3-o;f++)r+=String.fromCharCode(u[f]);for(;f<u.length;f++)c.pending+=String.fromCharCode(u[f]);r.length&&(r.length>2?c.data+=btoa(r):c.pending+=r)}getData(){return this.data+btoa(this.pending)}}class Er extends fa{constructor(u){super(),Object.assign(this,{blob:u,size:u.size})}async readUint8Array(u,c){const f=this,r=u+c;let h=await(u||r<f.size?f.blob.slice(u,r):f.blob).arrayBuffer();return h.byteLength>c&&(h=h.slice(u,r)),new Uint8Array(h)}}class mh extends dc{constructor(u){super();const c=this,f=new TransformStream,r=[];u&&r.push([S3,u]),Object.defineProperty(c,vr,{get(){return f.writable}}),c.blob=new Response(f.readable,{headers:r}).blob()}getData(){return this.blob}}class R3 extends Er{constructor(u){super(new Blob([u],{type:y3}))}}class D3 extends mh{constructor(u){super(u),Object.assign(this,{encoding:u,utf8:!u||u.toLowerCase()=="utf-8"})}async getData(){const{encoding:u,utf8:c}=this,f=await super.getData();if(f.text&&c)return f.text();{const r=new FileReader;return new Promise((o,h)=>{Object.assign(r,{onload:({target:v})=>o(v.result),onerror:()=>h(r.error)}),r.readAsText(f,u)})}}}class M3 extends fa{constructor(u,c){super(),gh(this,u,c)}async init(){await Ah(this,$f,v2),super.init()}readUint8Array(u,c){return vh(this,u,c,$f,v2)}}class j3 extends fa{constructor(u,c){super(),gh(this,u,c)}async init(){await Ah(this,tr,y2),super.init()}readUint8Array(u,c){return vh(this,u,c,tr,y2)}}function gh(l,u,c){const{preventHeadRequest:f,useRangeHeader:r,forceRangeRequests:o,combineSizeEocd:h}=c;c=Object.assign({},c),delete c.preventHeadRequest,delete c.useRangeHeader,delete c.forceRangeRequests,delete c.combineSizeEocd,delete c.useXHR,Object.assign(l,{url:u,options:c,preventHeadRequest:f,useRangeHeader:r,forceRangeRequests:o,combineSizeEocd:h})}async function Ah(l,u,c){const{url:f,preventHeadRequest:r,useRangeHeader:o,forceRangeRequests:h,combineSizeEocd:v}=l;if(U3(f)&&(o||h)&&(typeof r>"u"||r)){const y=await u(Ar,l,yh(l,v?-pn:void 0));if(!h&&y.headers.get(b3)!=hh)throw new Error(Hi);{v&&(l.eocdCache=new Uint8Array(await y.arrayBuffer()));let A;const E=y.headers.get(p3);if(E){const S=E.trim().split(/\s*\/\s*/);if(S.length){const O=S[1];O&&O!="*"&&(A=Number(O))}}A===Jt?await E2(l,u,c):l.size=A}}else await E2(l,u,c)}async function vh(l,u,c,f,r){const{useRangeHeader:o,forceRangeRequests:h,eocdCache:v,size:y,options:A}=l;if(o||h){if(v&&u==y-pn&&c==pn)return v;if(u>=y)return new Uint8Array;{u+c>y&&(c=y-u);const E=await f(Ar,l,yh(l,u,c));if(E.status!=206)throw new Error(Hi);return new Uint8Array(await E.arrayBuffer())}}else{const{data:E}=l;return E||await r(l,A),new Uint8Array(l.data.subarray(u,u+c))}}function yh(l,u=0,c=1){return Object.assign({},pr(l),{[x3]:hh+"="+(u<0?u:u+"-"+(u+c-1))})}function pr({options:l}){const{headers:u}=l;if(u)return Symbol.iterator in u?Object.fromEntries(u):u}async function v2(l){await Eh(l,$f)}async function y2(l){await Eh(l,tr)}async function Eh(l,u){const c=await u(Ar,l,pr(l));l.data=new Uint8Array(await c.arrayBuffer()),l.size||(l.size=l.data.length)}async function E2(l,u,c){if(l.preventHeadRequest)await c(l,l.options);else{const r=(await u(T3,l,pr(l))).headers.get(E3);r?l.size=Number(r):await c(l,l.options)}}async function $f(l,{options:u,url:c},f){const r=await fetch(c,Object.assign({},u,{method:l,headers:f}));if(r.status<400)return r;throw r.status==416?new Error(Hi):new Error(rh+(r.statusText||r.status))}function tr(l,{url:u},c){return new Promise((f,r)=>{const o=new XMLHttpRequest;if(o.addEventListener("load",()=>{if(o.status<400){const h=[];o.getAllResponseHeaders().trim().split(/[\r\n]+/).forEach(v=>{const y=v.trim().split(/\s*:\s*/);y[0]=y[0].trim().replace(/^[a-z]|-[a-z]/g,A=>A.toUpperCase()),h.push(y)}),f({status:o.status,arrayBuffer:()=>o.response,headers:new Map(h)})}else r(o.status==416?new Error(Hi):new Error(rh+(o.statusText||o.status)))},!1),o.addEventListener("error",h=>r(h.detail?h.detail.error:new Error("Network error")),!1),o.open(l,u),c)for(const h of Object.entries(c))o.setRequestHeader(h[0],h[1]);o.responseType="arraybuffer",o.send()})}class ph extends fa{constructor(u,c={}){super(),Object.assign(this,{url:u,reader:c.useXHR?new j3(u,c):new M3(u,c)})}set size(u){}get size(){return this.reader.size}async init(){await this.reader.init(),super.init()}readUint8Array(u,c){return this.reader.readUint8Array(u,c)}}class H3 extends ph{constructor(u,c={}){c.useRangeHeader=!0,super(u,c)}}class N3 extends fa{constructor(u){super(),u=new Uint8Array(u.buffer,u.byteOffset,u.byteLength),Object.assign(this,{array:u,size:u.length})}readUint8Array(u,c){return this.array.slice(u,u+c)}}class B3 extends yr{init(u=0){Object.assign(this,{offset:0,array:new Uint8Array(u)}),super.init()}writeUint8Array(u){const c=this;if(c.offset+u.length>c.array.length){const f=c.array;c.array=new Uint8Array(f.length+u.length),c.array.set(f)}c.array.set(u,c.offset),c.offset+=u.length}getData(){return this.array}}class br extends fa{constructor(u){super(),this.readers=u}async init(){const u=this,{readers:c}=u;u.lastDiskNumber=0,u.lastDiskOffset=0,await Promise.all(c.map(async(f,r)=>{await f.init(),r!=c.length-1&&(u.lastDiskOffset+=f.size),u.size+=f.size})),super.init()}async readUint8Array(u,c,f=0){const r=this,{readers:o}=this;let h,v=f;v==-1&&(v=o.length-1);let y=u;for(;o[v]&&y>=o[v].size;)y-=o[v].size,v++;const A=o[v];if(A){const E=A.size;if(y+c<=E)h=await Pt(A,y,c);else{const S=E-y;h=new Uint8Array(c);const O=await Pt(A,y,S);h.set(O,0);const X=await r.readUint8Array(u+S,c-S,f);h.set(X,S),O.length+X.length<c&&(h=h.subarray(0,O.length+X.length))}}else h=new Uint8Array;return r.lastDiskNumber=Math.max(v,r.lastDiskNumber),h}}class fc extends dc{constructor(u,c=4294967295){super();const f=this;Object.assign(f,{diskNumber:0,diskOffset:0,size:0,maxSize:c,availableSize:c});let r,o,h;const v=new WritableStream({async write(E){const{availableSize:S}=f;if(h)E.length>=S?(await y(E.subarray(0,S)),await A(),f.diskOffset+=r.size,f.diskNumber++,h=null,await this.write(E.subarray(S))):await y(E);else{const{value:O,done:X}=await u.next();if(X&&!O)throw new Error(oh);r=O,r.size=0,r.maxSize&&(f.maxSize=r.maxSize),f.availableSize=f.maxSize,await Ri(r),o=O.writable,h=o.getWriter(),await this.write(E)}},async close(){await h.ready,await A()}});Object.defineProperty(f,vr,{get(){return v}});async function y(E){const S=E.length;S&&(await h.ready,await h.write(E),r.size+=S,f.size+=S,f.availableSize-=S)}async function A(){await h.close()}}}class bh{constructor(u){return Array.isArray(u)&&(u=new br(u)),u instanceof ReadableStream&&(u={readable:u}),u}}class xh{constructor(u){return u.writable===Jt&&typeof u.next==Mi&&(u=new fc(u)),u instanceof WritableStream&&(u={writable:u}),u.size===Jt&&(u.size=0),u instanceof fc||Object.assign(u,{diskNumber:0,diskOffset:0,availableSize:1/0,maxSize:1/0}),u}}function U3(l){const{baseURL:u}=Z2(),{protocol:c}=new URL(l,u);return c=="http:"||c=="https:"}async function Ri(l,u){if(l.init&&!l.initialized)await l.init(u);else return Promise.resolve()}function Pt(l,u,c,f){return l.readUint8Array(u,c,f)}const Q3=br,z3=fc,Sh="\0☺☻♥♦♣♠•◘○◙♂♀♪♫☼►◄↕‼¶§▬↨↑↓→←∟↔▲▼ !\"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\\]^_`abcdefghijklmnopqrstuvwxyz{|}~⌂ÇüéâäàåçêëèïîìÄÅÉæÆôöòûùÿÖÜ¢£¥₧ƒáíóúñѪº¿⌐¬½¼¡«»░▒▓│┤╡╢╖╕╣║╗╝╜╛┐└┴┬├─┼╞╟╚╔╩╦╠═╬╧╨╤╥╙╘╒╓╫╪┘┌█▄▌▐▀αßΓπΣσµτΦΘΩδ∞φε∩≡±≥≤⌠⌡÷≈°∙·√ⁿ²■ ".split(""),Y3=Sh.length==256;function L3(l){if(Y3){let u="";for(let c=0;c<l.length;c++)u+=Sh[l[c]];return u}else return new TextDecoder().decode(l)}function ic(l,u){return u&&u.trim().toLowerCase()=="cp437"?L3(l):new TextDecoder(u).decode(l)}const Th="filename",Ch="rawFilename",Oh="comment",wh="rawComment",Rh="uncompressedSize",Dh="compressedSize",Mh="offset",er="diskNumberStart",nr="lastModDate",ar="rawLastModDate",jh="lastAccessDate",G3="rawLastAccessDate",Hh="creationDate",X3="rawCreationDate",V3="internalFileAttribute",Z3="internalFileAttributes",q3="externalFileAttribute",I3="externalFileAttributes",K3="msDosCompatible",k3="zip64",J3="encrypted",F3="version",W3="versionMadeBy",_3="zipCrypto",P3="directory",$3="executable",t5="compressionMethod",e5="signature",n5="extraField",a5=[Th,Ch,Dh,Rh,nr,ar,Oh,wh,jh,Hh,Mh,er,er,V3,Z3,q3,I3,K3,k3,J3,F3,W3,_3,P3,$3,t5,e5,n5,"bitFlag","filenameUTF8","commentUTF8","rawExtraField","extraFieldZip64","extraFieldUnicodePath","extraFieldUnicodeComment","extraFieldAES","extraFieldNTFS","extraFieldExtendedTimestamp"];class p2{constructor(u){a5.forEach(c=>this[c]=u[c])}}const l5="filenameEncoding",i5="commentEncoding",u5="decodeText",c5="extractPrependedData",s5="extractAppendedData",f5="password",r5="rawPassword",o5="passThrough",d5="signal",h5="checkPasswordOnly",m5="checkOverlappingEntryOnly",g5="checkOverlappingEntry",A5="checkSignature",v5="useWebWorkers",y5="useCompressionStream",E5="transferStreams",p5="preventClose",uc="File format is not recognized",Nh="End of central directory not found",Bh="End of Zip64 central directory locator not found",Uh="Central directory header not found",Qh="Local file header not found",zh="Zip64 extra field not found",Yh="File contains encrypted entry",Lh="Encryption method not supported",lr="Compression method not supported",ir="Split zip file",Gh="Overlapping entry found",b2="utf-8",x2="cp437",b5=[[Rh,ja],[Dh,ja],[Mh,ja],[er,la]],x5={[la]:{getValue:Bt,bytes:4},[ja]:{getValue:Tl,bytes:8}};class Xh{constructor(u,c={}){Object.assign(this,{reader:new bh(u),options:c,config:Z2(),readRanges:[]})}async*getEntriesGenerator(u={}){const c=this;let{reader:f}=c;const{config:r}=c;if(await Ri(f),(f.size===Jt||!f.readUint8Array)&&(f=new Er(await new Response(f.readable).blob()),await Ri(f)),f.size<pn)throw new Error(uc);f.chunkSize=M8(r);const o=await M5(f,f8,f.size,pn,la*16);if(!o){const J=await Pt(f,0,4),k=Yt(J);throw Bt(k)==X2?new Error(ir):new Error(Nh)}const h=Yt(o);let v=Bt(h,12),y=Bt(h,16);const A=o.offset,E=$t(h,20),S=A+pn+E;let O=$t(h,4);const X=f.lastDiskNumber||0;let B=$t(h,6),b=$t(h,8),p=0,x=0;if(y==ja||v==ja||b==la||B==la){const J=await Pt(f,o.offset-Bf,Bf),k=Yt(J);if(Bt(k,0)==r8){y=Tl(k,8);let nt=await Pt(f,y,Uf,-1),P=Yt(nt);const st=o.offset-Bf-Uf;if(Bt(P,0)!=P1&&y!=st){const it=y;y=st,y>it&&(p=y-it),nt=await Pt(f,y,Uf,-1),P=Yt(nt)}if(Bt(P,0)!=P1)throw new Error(Bh);O==la&&(O=Bt(P,16)),B==la&&(B=Bt(P,20)),b==la&&(b=Tl(P,32)),v==ja&&(v=Tl(P,40)),y-=v}}if(y>=f.size&&(p=f.size-y-v-pn,y=f.size-v-pn),X!=O)throw new Error(ir);if(y<0)throw new Error(uc);let R=0,U=await Pt(f,y,v,B),Z=Yt(U);if(v){const J=o.offset-v;if(Bt(Z,R)!=_1&&y!=J){const k=y;y=J,y>k&&(p+=y-k),U=await Pt(f,y,v,B),Z=Yt(U)}}const F=o.offset-y-(f.lastDiskOffset||0);if(v!=F&&F>=0&&(v=F,U=await Pt(f,y,v,B),Z=Yt(U)),y<0||y>=f.size)throw new Error(uc);const j=ie(c,u,l5),D=ie(c,u,i5);for(let J=0;J<b;J++){const k=new T5(f,r,c.options);if(Bt(Z,R)!=_1)throw new Error(Uh);Vh(k,Z,R+6);const nt=!!k.bitFlag.languageEncodingFlag,P=R+46,st=P+k.filenameLength,it=st+k.extraFieldLength,H=$t(Z,R+4),_=H>>8==0,$=H>>8==3,ht=U.subarray(P,st),tt=$t(Z,R+32),C=it+tt,L=U.subarray(it,C),W=nt,et=nt,rt=Bt(Z,R+38),ot=_&&(Sl(Z,R+38)&a2)==a2||$&&(rt>>16&x8)==S8||ht.length&&ht.at(-1)==l2.charCodeAt(0),gt=$&&(rt>>16&T8)!=0,Ft=Bt(Z,R+42)+p;Object.assign(k,{versionMadeBy:H,msDosCompatible:_,compressedSize:0,uncompressedSize:0,commentLength:tt,directory:ot,offset:Ft,diskNumberStart:$t(Z,R+34),internalFileAttributes:$t(Z,R+36),externalFileAttributes:rt,rawFilename:ht,filenameUTF8:W,commentUTF8:et,rawExtraField:U.subarray(st,it),executable:gt}),k.internalFileAttribute=k.internalFileAttributes,k.externalFileAttribute=k.externalFileAttributes;const Qt=ie(c,u,u5)||ic,On=W?b2:j||x2,ra=et?b2:D||x2;let wn=Qt(ht,On);wn===Jt&&(wn=ic(ht,On));let Ba=Qt(L,ra);Ba===Jt&&(Ba=ic(L,ra)),Object.assign(k,{rawComment:L,filename:wn,comment:Ba,directory:ot||wn.endsWith(l2)}),x=Math.max(Ft,x),Zh(k,k,Z,R+6),k.zipCrypto=k.encrypted&&!k.extraFieldAES;const Ee=new p2(k);Ee.getData=(Rn,Qa)=>k.getData(Rn,Ee,c.readRanges,Qa),Ee.arrayBuffer=async Rn=>{const Qa=new TransformStream,[Bi]=await Promise.all([new Response(Qa.readable).arrayBuffer(),k.getData(Qa,Ee,c.readRanges,Rn)]);return Bi},R=C;const{onprogress:Ua}=u;if(Ua)try{await Ua(J+1,b,new p2(k))}catch{}yield Ee}const N=ie(c,u,c5),K=ie(c,u,s5);return N&&(c.prependedData=x>0?await Pt(f,0,x):new Uint8Array),c.comment=E?await Pt(f,A+pn,E):new Uint8Array,K&&(c.appendedData=S<f.size?await Pt(f,S,f.size-S):new Uint8Array),!0}async getEntries(u={}){const c=[];for await(const f of this.getEntriesGenerator(u))c.push(f);return c}async close(){}}class S5{constructor(u={}){const{readable:c,writable:f}=new TransformStream,r=new Xh(c,u).getEntriesGenerator();this.readable=new ReadableStream({async pull(o){const{done:h,value:v}=await r.next();if(h)return o.close();const y={...v,readable:(function(){const{readable:A,writable:E}=new TransformStream;if(v.getData)return v.getData(E),A})()};delete y.getData,o.enqueue(y)}}),this.writable=f}}class T5{constructor(u,c,f){Object.assign(this,{reader:u,config:c,options:f})}async getData(u,c,f,r={}){const o=this,{reader:h,offset:v,diskNumberStart:y,extraFieldAES:A,extraFieldZip64:E,compressionMethod:S,config:O,bitFlag:X,signature:B,rawLastModDate:b,uncompressedSize:p,compressedSize:x}=o,{dataDescriptor:R}=X,U=c.localDirectory={},Z=await Pt(h,v,Qf,y),F=Yt(Z);let j=ie(o,r,f5),D=ie(o,r,r5);const N=ie(o,r,o5);if(j=j&&j.length&&j,D=D&&D.length&&D,A&&A.originalCompressionMethod!=u8)throw new Error(lr);if(S!=i8&&S!=l8&&!N)throw new Error(lr);if(Bt(F,0)!=c8)throw new Error(Qh);Vh(U,F,4);const{extraFieldLength:K,filenameLength:J,lastAccessDate:k,creationDate:nt}=U;U.rawExtraField=K?await Pt(h,v+Qf+J,K,y):new Uint8Array,Zh(o,U,F,4,!0),Object.assign(c,{lastAccessDate:k,creationDate:nt});const P=o.encrypted&&U.encrypted&&!N,st=P&&!A;if(N||(c.zipCrypto=st),P){if(!st&&A.strength===Jt)throw new Error(Lh);if(!j&&!D)throw new Error(Yh)}const it=v+Qf+J+K,H=x,_=h.readable;Object.assign(_,{diskNumberStart:y,offset:it,size:H});const $=ie(o,r,d5),ht=ie(o,r,h5);let tt=ie(o,r,g5);const C=ie(o,r,m5);C&&(tt=!0);const{onstart:L,onprogress:W,onend:et}=r,rt={options:{codecType:ch,password:j,rawPassword:D,zipCrypto:st,encryptionStrength:A&&A.strength,signed:ie(o,r,A5)&&!N,passwordVerification:st&&(R?b>>>8&255:B>>>24&255),outputSize:p,signature:B,compressed:S!=0&&!N,encrypted:o.encrypted&&!N,useWebWorkers:ie(o,r,v5),useCompressionStream:ie(o,r,y5),transferStreams:ie(o,r,E5),checkPasswordOnly:ht},config:O,streamOptions:{signal:$,size:H,onstart:L,onprogress:W,onend:et}};tt&&await D5({reader:h,fileEntry:c,offset:v,diskNumberStart:y,signature:B,compressedSize:x,uncompressedSize:p,dataOffset:it,dataDescriptor:R||U.bitFlag.dataDescriptor,extraFieldZip64:E||U.extraFieldZip64,readRanges:f});let ot;try{if(!C){ht&&(u=new WritableStream),u=new xh(u),await Ri(u,N?x:p),{writable:ot}=u;const{outputSize:gt}=await g3({readable:_,writable:ot},rt);if(u.size+=gt,gt!=(N?x:p))throw new Error(gr)}}catch(gt){if(gt.outputSize!==Jt&&(u.size+=gt.outputSize),!ht||gt.message!=dr)throw gt}finally{!ie(o,r,p5)&&ot&&!ot.locked&&await ot.getWriter().close()}return ht||C?Jt:u.getData?u.getData():ot}}function Vh(l,u,c){const f=l.rawBitFlag=$t(u,c+2),r=(f&t2)==t2,o=Bt(u,c+6);Object.assign(l,{encrypted:r,version:$t(u,c),bitFlag:{level:(f&b8)>>1,dataDescriptor:(f&e2)==e2,languageEncodingFlag:(f&n2)==n2},rawLastModDate:o,lastModDate:j5(o),filenameLength:$t(u,c+22),extraFieldLength:$t(u,c+24)})}function Zh(l,u,c,f,r){const{rawExtraField:o}=u,h=u.extraField=new Map,v=Yt(new Uint8Array(o));let y=0;try{for(;y<o.length;){const x=$t(v,y),R=$t(v,y+2);h.set(x,{type:x,data:o.slice(y+4,y+4+R)}),y+=4+R}}catch{}const A=$t(c,f+4);Object.assign(u,{signature:Bt(c,f+C8),compressedSize:Bt(c,f+O8),uncompressedSize:Bt(c,f+w8)});const E=h.get(h8);E&&(C5(E,u),u.extraFieldZip64=E);const S=h.get(y8);S&&(S2(S,Th,Ch,u,l),u.extraFieldUnicodePath=S);const O=h.get(E8);O&&(S2(O,Oh,wh,u,l),u.extraFieldUnicodeComment=O);const X=h.get(m8);X?(O5(X,u,A),u.extraFieldAES=X):u.compressionMethod=A;const B=h.get(g8);B&&(w5(B,u),u.extraFieldNTFS=B);const b=h.get(v8);b&&(R5(b,u,r),u.extraFieldExtendedTimestamp=b);const p=h.get(p8);p&&(u.extraFieldUSDZ=p)}function C5(l,u){u.zip64=!0;const c=Yt(l.data),f=b5.filter(([r,o])=>u[r]==o);for(let r=0,o=0;r<f.length;r++){const[h,v]=f[r];if(u[h]==v){const y=x5[v];u[h]=l[h]=y.getValue(c,o),o+=y.bytes}else if(l[h])throw new Error(zh)}}function S2(l,u,c,f,r){const o=Yt(l.data),h=new cc;h.append(r[c]);const v=Yt(new Uint8Array(4));v.setUint32(0,h.get(),!0);const y=Bt(o,1);Object.assign(l,{version:Sl(o,0),[u]:ic(l.data.subarray(5)),valid:!r.bitFlag.languageEncodingFlag&&y==Bt(v,0)}),l.valid&&(f[u]=l[u],f[u+"UTF8"]=!0)}function O5(l,u,c){const f=Yt(l.data),r=Sl(f,4);Object.assign(l,{vendorVersion:Sl(f,0),vendorId:Sl(f,2),strength:r,originalCompressionMethod:c,compressionMethod:$t(f,5)}),u.compressionMethod=l.compressionMethod}function w5(l,u){const c=Yt(l.data);let f=4,r;try{for(;f<l.data.length&&!r;){const o=$t(c,f),h=$t(c,f+2);o==A8&&(r=l.data.slice(f+4,f+4+h)),f+=4+h}}catch{}try{if(r&&r.length==24){const o=Yt(r),h=o.getBigUint64(0,!0),v=o.getBigUint64(8,!0),y=o.getBigUint64(16,!0);Object.assign(l,{rawLastModDate:h,rawLastAccessDate:v,rawCreationDate:y});const A=Gf(h),E=Gf(v),S=Gf(y),O={lastModDate:A,lastAccessDate:E,creationDate:S};Object.assign(l,O),Object.assign(u,O)}}catch{}}function R5(l,u,c){const f=Yt(l.data),r=Sl(f,0),o=[],h=[];c?((r&1)==1&&(o.push(nr),h.push(ar)),(r&2)==2&&(o.push(jh),h.push(G3)),(r&4)==4&&(o.push(Hh),h.push(X3))):l.data.length>=5&&(o.push(nr),h.push(ar));let v=1;o.forEach((y,A)=>{if(l.data.length>=v+4){const E=Bt(f,v);u[y]=l[y]=new Date(E*1e3);const S=h[A];l[S]=E}v+=4})}async function D5({reader:l,fileEntry:u,offset:c,diskNumberStart:f,signature:r,compressedSize:o,uncompressedSize:h,dataOffset:v,dataDescriptor:y,extraFieldZip64:A,readRanges:E}){let S=0;if(f)for(let B=0;B<f;B++){const b=l.readers[B];S+=b.size}let O=0;if(y&&(A?O=d8:O=o8),O){const B=await Pt(l,v+o,O+$1,f);if(Bt(Yt(B),0)==s8){const p=Bt(Yt(B),4);let x,R;A?(x=Tl(Yt(B),8),R=Tl(Yt(B),16)):(x=Bt(Yt(B),8),R=Bt(Yt(B),12)),(u.encrypted&&!u.zipCrypto||p==r)&&x==o&&R==h&&(O+=$1)}}const X={start:S+c,end:S+v+o+O,fileEntry:u};for(const B of E)if(B.fileEntry!=u&&X.start>=B.start&&X.start<B.end){const b=new Error(Gh);throw b.overlappingEntry=B.fileEntry,b}E.push(X)}async function M5(l,u,c,f,r){const o=new Uint8Array(4),h=Yt(o);H5(h,0,u);const v=f+r;return await y(f)||await y(Math.min(v,c));async function y(A){const E=c-A,S=await Pt(l,E,A);for(let O=S.length-f;O>=0;O--)if(S[O]==o[0]&&S[O+1]==o[1]&&S[O+2]==o[2]&&S[O+3]==o[3])return{offset:E+O,buffer:S.slice(O,O+f).buffer}}}function ie(l,u,c){return u[c]===Jt?l.options[c]:u[c]}function j5(l){const u=(l&4294901760)>>16,c=l&65535;try{return new Date(1980+((u&65024)>>9),((u&480)>>5)-1,u&31,(c&63488)>>11,(c&2016)>>5,(c&31)*2,0)}catch{}}function Gf(l){return new Date(Number(l/BigInt(1e4)-BigInt(116444736e5)))}function Sl(l,u){return l.getUint8(u)}function $t(l,u){return l.getUint16(u,!0)}function Bt(l,u){return l.getUint32(u,!0)}function Tl(l,u){return Number(l.getBigUint64(u,!0))}function H5(l,u,c){l.setUint32(u,c,!0)}function Yt(l){return new DataView(l.buffer)}q2({Inflate:a8});const N5=Object.freeze(Object.defineProperty({__proto__:null,BlobReader:Er,BlobWriter:mh,Data64URIReader:O3,Data64URIWriter:w3,ERR_BAD_FORMAT:uc,ERR_CENTRAL_DIRECTORY_NOT_FOUND:Uh,ERR_ENCRYPTED:Yh,ERR_EOCDR_LOCATOR_ZIP64_NOT_FOUND:Bh,ERR_EOCDR_NOT_FOUND:Nh,ERR_EXTRAFIELD_ZIP64_NOT_FOUND:zh,ERR_HTTP_RANGE:Hi,ERR_INVALID_PASSWORD:rr,ERR_INVALID_SIGNATURE:or,ERR_INVALID_UNCOMPRESSED_SIZE:gr,ERR_ITERATOR_COMPLETED_TOO_SOON:oh,ERR_LOCAL_FILE_HEADER_NOT_FOUND:Qh,ERR_OVERLAPPING_ENTRY:Gh,ERR_SPLIT_ZIP_FILE:ir,ERR_UNSUPPORTED_COMPRESSION:lr,ERR_UNSUPPORTED_ENCRYPTION:Lh,ERR_WRITER_NOT_INITIALIZED:dh,GenericReader:bh,GenericWriter:xh,HttpRangeReader:H3,HttpReader:ph,Reader:fa,SplitDataReader:br,SplitDataWriter:fc,SplitZipReader:Q3,SplitZipWriter:z3,TextReader:R3,TextWriter:D3,Uint8ArrayReader:N3,Uint8ArrayWriter:B3,Writer:yr,ZipReader:Xh,ZipReaderStream:S5,configure:q2,getMimeType:j8,initStream:Ri,readUint8Array:Pt,terminateWorkers:v3},Symbol.toStringTag,{value:"Module"}));var Xf={exports:{}},dt={};/**
- * @license React
- * react.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var T2;function B5(){if(T2)return dt;T2=1;var l=Symbol.for("react.transitional.element"),u=Symbol.for("react.portal"),c=Symbol.for("react.fragment"),f=Symbol.for("react.strict_mode"),r=Symbol.for("react.profiler"),o=Symbol.for("react.consumer"),h=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),y=Symbol.for("react.suspense"),A=Symbol.for("react.memo"),E=Symbol.for("react.lazy"),S=Symbol.for("react.activity"),O=Symbol.iterator;function X(C){return C===null||typeof C!="object"?null:(C=O&&C[O]||C["@@iterator"],typeof C=="function"?C:null)}var B={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},b=Object.assign,p={};function x(C,L,W){this.props=C,this.context=L,this.refs=p,this.updater=W||B}x.prototype.isReactComponent={},x.prototype.setState=function(C,L){if(typeof C!="object"&&typeof C!="function"&&C!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,C,L,"setState")},x.prototype.forceUpdate=function(C){this.updater.enqueueForceUpdate(this,C,"forceUpdate")};function R(){}R.prototype=x.prototype;function U(C,L,W){this.props=C,this.context=L,this.refs=p,this.updater=W||B}var Z=U.prototype=new R;Z.constructor=U,b(Z,x.prototype),Z.isPureReactComponent=!0;var F=Array.isArray;function j(){}var D={H:null,A:null,T:null,S:null},N=Object.prototype.hasOwnProperty;function K(C,L,W){var et=W.ref;return{$$typeof:l,type:C,key:L,ref:et!==void 0?et:null,props:W}}function J(C,L){return K(C.type,L,C.props)}function k(C){return typeof C=="object"&&C!==null&&C.$$typeof===l}function nt(C){var L={"=":"=0",":":"=2"};return"$"+C.replace(/[=:]/g,function(W){return L[W]})}var P=/\/+/g;function st(C,L){return typeof C=="object"&&C!==null&&C.key!=null?nt(""+C.key):L.toString(36)}function it(C){switch(C.status){case"fulfilled":return C.value;case"rejected":throw C.reason;default:switch(typeof C.status=="string"?C.then(j,j):(C.status="pending",C.then(function(L){C.status==="pending"&&(C.status="fulfilled",C.value=L)},function(L){C.status==="pending"&&(C.status="rejected",C.reason=L)})),C.status){case"fulfilled":return C.value;case"rejected":throw C.reason}}throw C}function H(C,L,W,et,rt){var ot=typeof C;(ot==="undefined"||ot==="boolean")&&(C=null);var gt=!1;if(C===null)gt=!0;else switch(ot){case"bigint":case"string":case"number":gt=!0;break;case"object":switch(C.$$typeof){case l:case u:gt=!0;break;case E:return gt=C._init,H(gt(C._payload),L,W,et,rt)}}if(gt)return rt=rt(C),gt=et===""?"."+st(C,0):et,F(rt)?(W="",gt!=null&&(W=gt.replace(P,"$&/")+"/"),H(rt,L,W,"",function(On){return On})):rt!=null&&(k(rt)&&(rt=J(rt,W+(rt.key==null||C&&C.key===rt.key?"":(""+rt.key).replace(P,"$&/")+"/")+gt)),L.push(rt)),1;gt=0;var Ft=et===""?".":et+":";if(F(C))for(var Qt=0;Qt<C.length;Qt++)et=C[Qt],ot=Ft+st(et,Qt),gt+=H(et,L,W,ot,rt);else if(Qt=X(C),typeof Qt=="function")for(C=Qt.call(C),Qt=0;!(et=C.next()).done;)et=et.value,ot=Ft+st(et,Qt++),gt+=H(et,L,W,ot,rt);else if(ot==="object"){if(typeof C.then=="function")return H(it(C),L,W,et,rt);throw L=String(C),Error("Objects are not valid as a React child (found: "+(L==="[object Object]"?"object with keys {"+Object.keys(C).join(", ")+"}":L)+"). If you meant to render a collection of children, use an array instead.")}return gt}function _(C,L,W){if(C==null)return C;var et=[],rt=0;return H(C,et,"","",function(ot){return L.call(W,ot,rt++)}),et}function $(C){if(C._status===-1){var L=C._result;L=L(),L.then(function(W){(C._status===0||C._status===-1)&&(C._status=1,C._result=W)},function(W){(C._status===0||C._status===-1)&&(C._status=2,C._result=W)}),C._status===-1&&(C._status=0,C._result=L)}if(C._status===1)return C._result.default;throw C._result}var ht=typeof reportError=="function"?reportError:function(C){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var L=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof C=="object"&&C!==null&&typeof C.message=="string"?String(C.message):String(C),error:C});if(!window.dispatchEvent(L))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",C);return}console.error(C)},tt={map:_,forEach:function(C,L,W){_(C,function(){L.apply(this,arguments)},W)},count:function(C){var L=0;return _(C,function(){L++}),L},toArray:function(C){return _(C,function(L){return L})||[]},only:function(C){if(!k(C))throw Error("React.Children.only expected to receive a single React element child.");return C}};return dt.Activity=S,dt.Children=tt,dt.Component=x,dt.Fragment=c,dt.Profiler=r,dt.PureComponent=U,dt.StrictMode=f,dt.Suspense=y,dt.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=D,dt.__COMPILER_RUNTIME={__proto__:null,c:function(C){return D.H.useMemoCache(C)}},dt.cache=function(C){return function(){return C.apply(null,arguments)}},dt.cacheSignal=function(){return null},dt.cloneElement=function(C,L,W){if(C==null)throw Error("The argument must be a React element, but you passed "+C+".");var et=b({},C.props),rt=C.key;if(L!=null)for(ot in L.key!==void 0&&(rt=""+L.key),L)!N.call(L,ot)||ot==="key"||ot==="__self"||ot==="__source"||ot==="ref"&&L.ref===void 0||(et[ot]=L[ot]);var ot=arguments.length-2;if(ot===1)et.children=W;else if(1<ot){for(var gt=Array(ot),Ft=0;Ft<ot;Ft++)gt[Ft]=arguments[Ft+2];et.children=gt}return K(C.type,rt,et)},dt.createContext=function(C){return C={$$typeof:h,_currentValue:C,_currentValue2:C,_threadCount:0,Provider:null,Consumer:null},C.Provider=C,C.Consumer={$$typeof:o,_context:C},C},dt.createElement=function(C,L,W){var et,rt={},ot=null;if(L!=null)for(et in L.key!==void 0&&(ot=""+L.key),L)N.call(L,et)&&et!=="key"&&et!=="__self"&&et!=="__source"&&(rt[et]=L[et]);var gt=arguments.length-2;if(gt===1)rt.children=W;else if(1<gt){for(var Ft=Array(gt),Qt=0;Qt<gt;Qt++)Ft[Qt]=arguments[Qt+2];rt.children=Ft}if(C&&C.defaultProps)for(et in gt=C.defaultProps,gt)rt[et]===void 0&&(rt[et]=gt[et]);return K(C,ot,rt)},dt.createRef=function(){return{current:null}},dt.forwardRef=function(C){return{$$typeof:v,render:C}},dt.isValidElement=k,dt.lazy=function(C){return{$$typeof:E,_payload:{_status:-1,_result:C},_init:$}},dt.memo=function(C,L){return{$$typeof:A,type:C,compare:L===void 0?null:L}},dt.startTransition=function(C){var L=D.T,W={};D.T=W;try{var et=C(),rt=D.S;rt!==null&&rt(W,et),typeof et=="object"&&et!==null&&typeof et.then=="function"&&et.then(j,ht)}catch(ot){ht(ot)}finally{L!==null&&W.types!==null&&(L.types=W.types),D.T=L}},dt.unstable_useCacheRefresh=function(){return D.H.useCacheRefresh()},dt.use=function(C){return D.H.use(C)},dt.useActionState=function(C,L,W){return D.H.useActionState(C,L,W)},dt.useCallback=function(C,L){return D.H.useCallback(C,L)},dt.useContext=function(C){return D.H.useContext(C)},dt.useDebugValue=function(){},dt.useDeferredValue=function(C,L){return D.H.useDeferredValue(C,L)},dt.useEffect=function(C,L){return D.H.useEffect(C,L)},dt.useEffectEvent=function(C){return D.H.useEffectEvent(C)},dt.useId=function(){return D.H.useId()},dt.useImperativeHandle=function(C,L,W){return D.H.useImperativeHandle(C,L,W)},dt.useInsertionEffect=function(C,L){return D.H.useInsertionEffect(C,L)},dt.useLayoutEffect=function(C,L){return D.H.useLayoutEffect(C,L)},dt.useMemo=function(C,L){return D.H.useMemo(C,L)},dt.useOptimistic=function(C,L){return D.H.useOptimistic(C,L)},dt.useReducer=function(C,L,W){return D.H.useReducer(C,L,W)},dt.useRef=function(C){return D.H.useRef(C)},dt.useState=function(C){return D.H.useState(C)},dt.useSyncExternalStore=function(C,L,W){return D.H.useSyncExternalStore(C,L,W)},dt.useTransition=function(){return D.H.useTransition()},dt.version="19.2.1",dt}var C2;function xr(){return C2||(C2=1,Xf.exports=B5()),Xf.exports}var ct=xr();const ue=UA(ct);var Vf={exports:{}},xi={},Zf={exports:{}},qf={};/**
- * @license React
- * scheduler.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var O2;function U5(){return O2||(O2=1,(function(l){function u(H,_){var $=H.length;H.push(_);t:for(;0<$;){var ht=$-1>>>1,tt=H[ht];if(0<r(tt,_))H[ht]=_,H[$]=tt,$=ht;else break t}}function c(H){return H.length===0?null:H[0]}function f(H){if(H.length===0)return null;var _=H[0],$=H.pop();if($!==_){H[0]=$;t:for(var ht=0,tt=H.length,C=tt>>>1;ht<C;){var L=2*(ht+1)-1,W=H[L],et=L+1,rt=H[et];if(0>r(W,$))et<tt&&0>r(rt,W)?(H[ht]=rt,H[et]=$,ht=et):(H[ht]=W,H[L]=$,ht=L);else if(et<tt&&0>r(rt,$))H[ht]=rt,H[et]=$,ht=et;else break t}}return _}function r(H,_){var $=H.sortIndex-_.sortIndex;return $!==0?$:H.id-_.id}if(l.unstable_now=void 0,typeof performance=="object"&&typeof performance.now=="function"){var o=performance;l.unstable_now=function(){return o.now()}}else{var h=Date,v=h.now();l.unstable_now=function(){return h.now()-v}}var y=[],A=[],E=1,S=null,O=3,X=!1,B=!1,b=!1,p=!1,x=typeof setTimeout=="function"?setTimeout:null,R=typeof clearTimeout=="function"?clearTimeout:null,U=typeof setImmediate<"u"?setImmediate:null;function Z(H){for(var _=c(A);_!==null;){if(_.callback===null)f(A);else if(_.startTime<=H)f(A),_.sortIndex=_.expirationTime,u(y,_);else break;_=c(A)}}function F(H){if(b=!1,Z(H),!B)if(c(y)!==null)B=!0,j||(j=!0,nt());else{var _=c(A);_!==null&&it(F,_.startTime-H)}}var j=!1,D=-1,N=5,K=-1;function J(){return p?!0:!(l.unstable_now()-K<N)}function k(){if(p=!1,j){var H=l.unstable_now();K=H;var _=!0;try{t:{B=!1,b&&(b=!1,R(D),D=-1),X=!0;var $=O;try{e:{for(Z(H),S=c(y);S!==null&&!(S.expirationTime>H&&J());){var ht=S.callback;if(typeof ht=="function"){S.callback=null,O=S.priorityLevel;var tt=ht(S.expirationTime<=H);if(H=l.unstable_now(),typeof tt=="function"){S.callback=tt,Z(H),_=!0;break e}S===c(y)&&f(y),Z(H)}else f(y);S=c(y)}if(S!==null)_=!0;else{var C=c(A);C!==null&&it(F,C.startTime-H),_=!1}}break t}finally{S=null,O=$,X=!1}_=void 0}}finally{_?nt():j=!1}}}var nt;if(typeof U=="function")nt=function(){U(k)};else if(typeof MessageChannel<"u"){var P=new MessageChannel,st=P.port2;P.port1.onmessage=k,nt=function(){st.postMessage(null)}}else nt=function(){x(k,0)};function it(H,_){D=x(function(){H(l.unstable_now())},_)}l.unstable_IdlePriority=5,l.unstable_ImmediatePriority=1,l.unstable_LowPriority=4,l.unstable_NormalPriority=3,l.unstable_Profiling=null,l.unstable_UserBlockingPriority=2,l.unstable_cancelCallback=function(H){H.callback=null},l.unstable_forceFrameRate=function(H){0>H||125<H?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):N=0<H?Math.floor(1e3/H):5},l.unstable_getCurrentPriorityLevel=function(){return O},l.unstable_next=function(H){switch(O){case 1:case 2:case 3:var _=3;break;default:_=O}var $=O;O=_;try{return H()}finally{O=$}},l.unstable_requestPaint=function(){p=!0},l.unstable_runWithPriority=function(H,_){switch(H){case 1:case 2:case 3:case 4:case 5:break;default:H=3}var $=O;O=H;try{return _()}finally{O=$}},l.unstable_scheduleCallback=function(H,_,$){var ht=l.unstable_now();switch(typeof $=="object"&&$!==null?($=$.delay,$=typeof $=="number"&&0<$?ht+$:ht):$=ht,H){case 1:var tt=-1;break;case 2:tt=250;break;case 5:tt=1073741823;break;case 4:tt=1e4;break;default:tt=5e3}return tt=$+tt,H={id:E++,callback:_,priorityLevel:H,startTime:$,expirationTime:tt,sortIndex:-1},$>ht?(H.sortIndex=$,u(A,H),c(y)===null&&H===c(A)&&(b?(R(D),D=-1):b=!0,it(F,$-ht))):(H.sortIndex=tt,u(y,H),B||X||(B=!0,j||(j=!0,nt()))),H},l.unstable_shouldYield=J,l.unstable_wrapCallback=function(H){var _=O;return function(){var $=O;O=_;try{return H.apply(this,arguments)}finally{O=$}}}})(qf)),qf}var w2;function Q5(){return w2||(w2=1,Zf.exports=U5()),Zf.exports}var If={exports:{}},ce={};/**
- * @license React
- * react-dom.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var R2;function z5(){if(R2)return ce;R2=1;var l=xr();function u(y){var A="https://react.dev/errors/"+y;if(1<arguments.length){A+="?args[]="+encodeURIComponent(arguments[1]);for(var E=2;E<arguments.length;E++)A+="&args[]="+encodeURIComponent(arguments[E])}return"Minified React error #"+y+"; visit "+A+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function c(){}var f={d:{f:c,r:function(){throw Error(u(522))},D:c,C:c,L:c,m:c,X:c,S:c,M:c},p:0,findDOMNode:null},r=Symbol.for("react.portal");function o(y,A,E){var S=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:r,key:S==null?null:""+S,children:y,containerInfo:A,implementation:E}}var h=l.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function v(y,A){if(y==="font")return"";if(typeof A=="string")return A==="use-credentials"?A:""}return ce.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=f,ce.createPortal=function(y,A){var E=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!A||A.nodeType!==1&&A.nodeType!==9&&A.nodeType!==11)throw Error(u(299));return o(y,A,null,E)},ce.flushSync=function(y){var A=h.T,E=f.p;try{if(h.T=null,f.p=2,y)return y()}finally{h.T=A,f.p=E,f.d.f()}},ce.preconnect=function(y,A){typeof y=="string"&&(A?(A=A.crossOrigin,A=typeof A=="string"?A==="use-credentials"?A:"":void 0):A=null,f.d.C(y,A))},ce.prefetchDNS=function(y){typeof y=="string"&&f.d.D(y)},ce.preinit=function(y,A){if(typeof y=="string"&&A&&typeof A.as=="string"){var E=A.as,S=v(E,A.crossOrigin),O=typeof A.integrity=="string"?A.integrity:void 0,X=typeof A.fetchPriority=="string"?A.fetchPriority:void 0;E==="style"?f.d.S(y,typeof A.precedence=="string"?A.precedence:void 0,{crossOrigin:S,integrity:O,fetchPriority:X}):E==="script"&&f.d.X(y,{crossOrigin:S,integrity:O,fetchPriority:X,nonce:typeof A.nonce=="string"?A.nonce:void 0})}},ce.preinitModule=function(y,A){if(typeof y=="string")if(typeof A=="object"&&A!==null){if(A.as==null||A.as==="script"){var E=v(A.as,A.crossOrigin);f.d.M(y,{crossOrigin:E,integrity:typeof A.integrity=="string"?A.integrity:void 0,nonce:typeof A.nonce=="string"?A.nonce:void 0})}}else A==null&&f.d.M(y)},ce.preload=function(y,A){if(typeof y=="string"&&typeof A=="object"&&A!==null&&typeof A.as=="string"){var E=A.as,S=v(E,A.crossOrigin);f.d.L(y,E,{crossOrigin:S,integrity:typeof A.integrity=="string"?A.integrity:void 0,nonce:typeof A.nonce=="string"?A.nonce:void 0,type:typeof A.type=="string"?A.type:void 0,fetchPriority:typeof A.fetchPriority=="string"?A.fetchPriority:void 0,referrerPolicy:typeof A.referrerPolicy=="string"?A.referrerPolicy:void 0,imageSrcSet:typeof A.imageSrcSet=="string"?A.imageSrcSet:void 0,imageSizes:typeof A.imageSizes=="string"?A.imageSizes:void 0,media:typeof A.media=="string"?A.media:void 0})}},ce.preloadModule=function(y,A){if(typeof y=="string")if(A){var E=v(A.as,A.crossOrigin);f.d.m(y,{as:typeof A.as=="string"&&A.as!=="script"?A.as:void 0,crossOrigin:E,integrity:typeof A.integrity=="string"?A.integrity:void 0})}else f.d.m(y)},ce.requestFormReset=function(y){f.d.r(y)},ce.unstable_batchedUpdates=function(y,A){return y(A)},ce.useFormState=function(y,A,E){return h.H.useFormState(y,A,E)},ce.useFormStatus=function(){return h.H.useHostTransitionStatus()},ce.version="19.2.1",ce}var D2;function Y5(){if(D2)return If.exports;D2=1;function l(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(l)}catch(u){console.error(u)}}return l(),If.exports=z5(),If.exports}/**
- * @license React
- * react-dom-client.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var M2;function L5(){if(M2)return xi;M2=1;var l=Q5(),u=xr(),c=Y5();function f(t){var e="https://react.dev/errors/"+t;if(1<arguments.length){e+="?args[]="+encodeURIComponent(arguments[1]);for(var n=2;n<arguments.length;n++)e+="&args[]="+encodeURIComponent(arguments[n])}return"Minified React error #"+t+"; visit "+e+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function r(t){return!(!t||t.nodeType!==1&&t.nodeType!==9&&t.nodeType!==11)}function o(t){var e=t,n=t;if(t.alternate)for(;e.return;)e=e.return;else{t=e;do e=t,(e.flags&4098)!==0&&(n=e.return),t=e.return;while(t)}return e.tag===3?n:null}function h(t){if(t.tag===13){var e=t.memoizedState;if(e===null&&(t=t.alternate,t!==null&&(e=t.memoizedState)),e!==null)return e.dehydrated}return null}function v(t){if(t.tag===31){var e=t.memoizedState;if(e===null&&(t=t.alternate,t!==null&&(e=t.memoizedState)),e!==null)return e.dehydrated}return null}function y(t){if(o(t)!==t)throw Error(f(188))}function A(t){var e=t.alternate;if(!e){if(e=o(t),e===null)throw Error(f(188));return e!==t?null:t}for(var n=t,a=e;;){var i=n.return;if(i===null)break;var s=i.alternate;if(s===null){if(a=i.return,a!==null){n=a;continue}break}if(i.child===s.child){for(s=i.child;s;){if(s===n)return y(i),t;if(s===a)return y(i),e;s=s.sibling}throw Error(f(188))}if(n.return!==a.return)n=i,a=s;else{for(var d=!1,g=i.child;g;){if(g===n){d=!0,n=i,a=s;break}if(g===a){d=!0,a=i,n=s;break}g=g.sibling}if(!d){for(g=s.child;g;){if(g===n){d=!0,n=s,a=i;break}if(g===a){d=!0,a=s,n=i;break}g=g.sibling}if(!d)throw Error(f(189))}}if(n.alternate!==a)throw Error(f(190))}if(n.tag!==3)throw Error(f(188));return n.stateNode.current===n?t:e}function E(t){var e=t.tag;if(e===5||e===26||e===27||e===6)return t;for(t=t.child;t!==null;){if(e=E(t),e!==null)return e;t=t.sibling}return null}var S=Object.assign,O=Symbol.for("react.element"),X=Symbol.for("react.transitional.element"),B=Symbol.for("react.portal"),b=Symbol.for("react.fragment"),p=Symbol.for("react.strict_mode"),x=Symbol.for("react.profiler"),R=Symbol.for("react.consumer"),U=Symbol.for("react.context"),Z=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),j=Symbol.for("react.suspense_list"),D=Symbol.for("react.memo"),N=Symbol.for("react.lazy"),K=Symbol.for("react.activity"),J=Symbol.for("react.memo_cache_sentinel"),k=Symbol.iterator;function nt(t){return t===null||typeof t!="object"?null:(t=k&&t[k]||t["@@iterator"],typeof t=="function"?t:null)}var P=Symbol.for("react.client.reference");function st(t){if(t==null)return null;if(typeof t=="function")return t.$$typeof===P?null:t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case b:return"Fragment";case x:return"Profiler";case p:return"StrictMode";case F:return"Suspense";case j:return"SuspenseList";case K:return"Activity"}if(typeof t=="object")switch(t.$$typeof){case B:return"Portal";case U:return t.displayName||"Context";case R:return(t._context.displayName||"Context")+".Consumer";case Z:var e=t.render;return t=t.displayName,t||(t=e.displayName||e.name||"",t=t!==""?"ForwardRef("+t+")":"ForwardRef"),t;case D:return e=t.displayName||null,e!==null?e:st(t.type)||"Memo";case N:e=t._payload,t=t._init;try{return st(t(e))}catch{}}return null}var it=Array.isArray,H=u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,_=c.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,$={pending:!1,data:null,method:null,action:null},ht=[],tt=-1;function C(t){return{current:t}}function L(t){0>tt||(t.current=ht[tt],ht[tt]=null,tt--)}function W(t,e){tt++,ht[tt]=t.current,t.current=e}var et=C(null),rt=C(null),ot=C(null),gt=C(null);function Ft(t,e){switch(W(ot,e),W(rt,t),W(et,null),e.nodeType){case 9:case 11:t=(t=e.documentElement)&&(t=t.namespaceURI)?Pd(t):0;break;default:if(t=e.tagName,e=e.namespaceURI)e=Pd(e),t=$d(e,t);else switch(t){case"svg":t=1;break;case"math":t=2;break;default:t=0}}L(et),W(et,t)}function Qt(){L(et),L(rt),L(ot)}function On(t){t.memoizedState!==null&&W(gt,t);var e=et.current,n=$d(e,t.type);e!==n&&(W(rt,t),W(et,n))}function ra(t){rt.current===t&&(L(et),L(rt)),gt.current===t&&(L(gt),gi._currentValue=$)}var wn,Ba;function Ee(t){if(wn===void 0)try{throw Error()}catch(n){var e=n.stack.trim().match(/\n( *(at )?)/);wn=e&&e[1]||"",Ba=-1<n.stack.indexOf(`
-    at`)?" (<anonymous>)":-1<n.stack.indexOf("@")?"@unknown:0:0":""}return`
-`+wn+t+Ba}var Ua=!1;function Rn(t,e){if(!t||Ua)return"";Ua=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{var a={DetermineComponentFrameRoot:function(){try{if(e){var I=function(){throw Error()};if(Object.defineProperty(I.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(I,[])}catch(G){var Y=G}Reflect.construct(t,[],I)}else{try{I.call()}catch(G){Y=G}t.call(I.prototype)}}else{try{throw Error()}catch(G){Y=G}(I=t())&&typeof I.catch=="function"&&I.catch(function(){})}}catch(G){if(G&&Y&&typeof G.stack=="string")return[G.stack,Y.stack]}return[null,null]}};a.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var i=Object.getOwnPropertyDescriptor(a.DetermineComponentFrameRoot,"name");i&&i.configurable&&Object.defineProperty(a.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var s=a.DetermineComponentFrameRoot(),d=s[0],g=s[1];if(d&&g){var T=d.split(`
-`),z=g.split(`
-`);for(i=a=0;a<T.length&&!T[a].includes("DetermineComponentFrameRoot");)a++;for(;i<z.length&&!z[i].includes("DetermineComponentFrameRoot");)i++;if(a===T.length||i===z.length)for(a=T.length-1,i=z.length-1;1<=a&&0<=i&&T[a]!==z[i];)i--;for(;1<=a&&0<=i;a--,i--)if(T[a]!==z[i]){if(a!==1||i!==1)do if(a--,i--,0>i||T[a]!==z[i]){var V=`
-`+T[a].replace(" at new "," at ");return t.displayName&&V.includes("<anonymous>")&&(V=V.replace("<anonymous>",t.displayName)),V}while(1<=a&&0<=i);break}}}finally{Ua=!1,Error.prepareStackTrace=n}return(n=t?t.displayName||t.name:"")?Ee(n):""}function Qa(t,e){switch(t.tag){case 26:case 27:case 5:return Ee(t.type);case 16:return Ee("Lazy");case 13:return t.child!==e&&e!==null?Ee("Suspense Fallback"):Ee("Suspense");case 19:return Ee("SuspenseList");case 0:case 15:return Rn(t.type,!1);case 11:return Rn(t.type.render,!1);case 1:return Rn(t.type,!0);case 31:return Ee("Activity");default:return""}}function Bi(t){try{var e="",n=null;do e+=Qa(t,n),n=t,t=t.return;while(t);return e}catch(a){return`
-Error generating stack: `+a.message+`
-`+a.stack}}var mc=Object.prototype.hasOwnProperty,gc=l.unstable_scheduleCallback,Ac=l.unstable_cancelCallback,om=l.unstable_shouldYield,dm=l.unstable_requestPaint,pe=l.unstable_now,hm=l.unstable_getCurrentPriorityLevel,Dr=l.unstable_ImmediatePriority,Mr=l.unstable_UserBlockingPriority,Ui=l.unstable_NormalPriority,mm=l.unstable_LowPriority,jr=l.unstable_IdlePriority,gm=l.log,Am=l.unstable_setDisableYieldValue,wl=null,be=null;function Dn(t){if(typeof gm=="function"&&Am(t),be&&typeof be.setStrictMode=="function")try{be.setStrictMode(wl,t)}catch{}}var xe=Math.clz32?Math.clz32:Em,vm=Math.log,ym=Math.LN2;function Em(t){return t>>>=0,t===0?32:31-(vm(t)/ym|0)|0}var Qi=256,zi=262144,Yi=4194304;function oa(t){var e=t&42;if(e!==0)return e;switch(t&-t){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:return 128;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:return t&261888;case 262144:case 524288:case 1048576:case 2097152:return t&3932160;case 4194304:case 8388608:case 16777216:case 33554432:return t&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return t}}function Li(t,e,n){var a=t.pendingLanes;if(a===0)return 0;var i=0,s=t.suspendedLanes,d=t.pingedLanes;t=t.warmLanes;var g=a&134217727;return g!==0?(a=g&~s,a!==0?i=oa(a):(d&=g,d!==0?i=oa(d):n||(n=g&~t,n!==0&&(i=oa(n))))):(g=a&~s,g!==0?i=oa(g):d!==0?i=oa(d):n||(n=a&~t,n!==0&&(i=oa(n)))),i===0?0:e!==0&&e!==i&&(e&s)===0&&(s=i&-i,n=e&-e,s>=n||s===32&&(n&4194048)!==0)?e:i}function Rl(t,e){return(t.pendingLanes&~(t.suspendedLanes&~t.pingedLanes)&e)===0}function pm(t,e){switch(t){case 1:case 2:case 4:case 8:case 64:return e+250;case 16:case 32:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e+5e3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function Hr(){var t=Yi;return Yi<<=1,(Yi&62914560)===0&&(Yi=4194304),t}function vc(t){for(var e=[],n=0;31>n;n++)e.push(t);return e}function Dl(t,e){t.pendingLanes|=e,e!==268435456&&(t.suspendedLanes=0,t.pingedLanes=0,t.warmLanes=0)}function bm(t,e,n,a,i,s){var d=t.pendingLanes;t.pendingLanes=n,t.suspendedLanes=0,t.pingedLanes=0,t.warmLanes=0,t.expiredLanes&=n,t.entangledLanes&=n,t.errorRecoveryDisabledLanes&=n,t.shellSuspendCounter=0;var g=t.entanglements,T=t.expirationTimes,z=t.hiddenUpdates;for(n=d&~n;0<n;){var V=31-xe(n),I=1<<V;g[V]=0,T[V]=-1;var Y=z[V];if(Y!==null)for(z[V]=null,V=0;V<Y.length;V++){var G=Y[V];G!==null&&(G.lane&=-536870913)}n&=~I}a!==0&&Nr(t,a,0),s!==0&&i===0&&t.tag!==0&&(t.suspendedLanes|=s&~(d&~e))}function Nr(t,e,n){t.pendingLanes|=e,t.suspendedLanes&=~e;var a=31-xe(e);t.entangledLanes|=e,t.entanglements[a]=t.entanglements[a]|1073741824|n&261930}function Br(t,e){var n=t.entangledLanes|=e;for(t=t.entanglements;n;){var a=31-xe(n),i=1<<a;i&e|t[a]&e&&(t[a]|=e),n&=~i}}function Ur(t,e){var n=e&-e;return n=(n&42)!==0?1:yc(n),(n&(t.suspendedLanes|e))!==0?0:n}function yc(t){switch(t){case 2:t=1;break;case 8:t=4;break;case 32:t=16;break;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:t=128;break;case 268435456:t=134217728;break;default:t=0}return t}function Ec(t){return t&=-t,2<t?8<t?(t&134217727)!==0?32:268435456:8:2}function Qr(){var t=_.p;return t!==0?t:(t=window.event,t===void 0?32:x1(t.type))}function zr(t,e){var n=_.p;try{return _.p=t,e()}finally{_.p=n}}var Mn=Math.random().toString(36).slice(2),te="__reactFiber$"+Mn,oe="__reactProps$"+Mn,za="__reactContainer$"+Mn,pc="__reactEvents$"+Mn,xm="__reactListeners$"+Mn,Sm="__reactHandles$"+Mn,Yr="__reactResources$"+Mn,Ml="__reactMarker$"+Mn;function bc(t){delete t[te],delete t[oe],delete t[pc],delete t[xm],delete t[Sm]}function Ya(t){var e=t[te];if(e)return e;for(var n=t.parentNode;n;){if(e=n[za]||n[te]){if(n=e.alternate,e.child!==null||n!==null&&n.child!==null)for(t=u1(t);t!==null;){if(n=t[te])return n;t=u1(t)}return e}t=n,n=t.parentNode}return null}function La(t){if(t=t[te]||t[za]){var e=t.tag;if(e===5||e===6||e===13||e===31||e===26||e===27||e===3)return t}return null}function jl(t){var e=t.tag;if(e===5||e===26||e===27||e===6)return t.stateNode;throw Error(f(33))}function Ga(t){var e=t[Yr];return e||(e=t[Yr]={hoistableStyles:new Map,hoistableScripts:new Map}),e}function Wt(t){t[Ml]=!0}var Lr=new Set,Gr={};function da(t,e){Xa(t,e),Xa(t+"Capture",e)}function Xa(t,e){for(Gr[t]=e,t=0;t<e.length;t++)Lr.add(e[t])}var Tm=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),Xr={},Vr={};function Cm(t){return mc.call(Vr,t)?!0:mc.call(Xr,t)?!1:Tm.test(t)?Vr[t]=!0:(Xr[t]=!0,!1)}function Gi(t,e,n){if(Cm(e))if(n===null)t.removeAttribute(e);else{switch(typeof n){case"undefined":case"function":case"symbol":t.removeAttribute(e);return;case"boolean":var a=e.toLowerCase().slice(0,5);if(a!=="data-"&&a!=="aria-"){t.removeAttribute(e);return}}t.setAttribute(e,""+n)}}function Xi(t,e,n){if(n===null)t.removeAttribute(e);else{switch(typeof n){case"undefined":case"function":case"symbol":case"boolean":t.removeAttribute(e);return}t.setAttribute(e,""+n)}}function $e(t,e,n,a){if(a===null)t.removeAttribute(n);else{switch(typeof a){case"undefined":case"function":case"symbol":case"boolean":t.removeAttribute(n);return}t.setAttributeNS(e,n,""+a)}}function je(t){switch(typeof t){case"bigint":case"boolean":case"number":case"string":case"undefined":return t;case"object":return t;default:return""}}function Zr(t){var e=t.type;return(t=t.nodeName)&&t.toLowerCase()==="input"&&(e==="checkbox"||e==="radio")}function Om(t,e,n){var a=Object.getOwnPropertyDescriptor(t.constructor.prototype,e);if(!t.hasOwnProperty(e)&&typeof a<"u"&&typeof a.get=="function"&&typeof a.set=="function"){var i=a.get,s=a.set;return Object.defineProperty(t,e,{configurable:!0,get:function(){return i.call(this)},set:function(d){n=""+d,s.call(this,d)}}),Object.defineProperty(t,e,{enumerable:a.enumerable}),{getValue:function(){return n},setValue:function(d){n=""+d},stopTracking:function(){t._valueTracker=null,delete t[e]}}}}function xc(t){if(!t._valueTracker){var e=Zr(t)?"checked":"value";t._valueTracker=Om(t,e,""+t[e])}}function qr(t){if(!t)return!1;var e=t._valueTracker;if(!e)return!0;var n=e.getValue(),a="";return t&&(a=Zr(t)?t.checked?"true":"false":t.value),t=a,t!==n?(e.setValue(t),!0):!1}function Vi(t){if(t=t||(typeof document<"u"?document:void 0),typeof t>"u")return null;try{return t.activeElement||t.body}catch{return t.body}}var wm=/[\n"\\]/g;function He(t){return t.replace(wm,function(e){return"\\"+e.charCodeAt(0).toString(16)+" "})}function Sc(t,e,n,a,i,s,d,g){t.name="",d!=null&&typeof d!="function"&&typeof d!="symbol"&&typeof d!="boolean"?t.type=d:t.removeAttribute("type"),e!=null?d==="number"?(e===0&&t.value===""||t.value!=e)&&(t.value=""+je(e)):t.value!==""+je(e)&&(t.value=""+je(e)):d!=="submit"&&d!=="reset"||t.removeAttribute("value"),e!=null?Tc(t,d,je(e)):n!=null?Tc(t,d,je(n)):a!=null&&t.removeAttribute("value"),i==null&&s!=null&&(t.defaultChecked=!!s),i!=null&&(t.checked=i&&typeof i!="function"&&typeof i!="symbol"),g!=null&&typeof g!="function"&&typeof g!="symbol"&&typeof g!="boolean"?t.name=""+je(g):t.removeAttribute("name")}function Ir(t,e,n,a,i,s,d,g){if(s!=null&&typeof s!="function"&&typeof s!="symbol"&&typeof s!="boolean"&&(t.type=s),e!=null||n!=null){if(!(s!=="submit"&&s!=="reset"||e!=null)){xc(t);return}n=n!=null?""+je(n):"",e=e!=null?""+je(e):n,g||e===t.value||(t.value=e),t.defaultValue=e}a=a??i,a=typeof a!="function"&&typeof a!="symbol"&&!!a,t.checked=g?t.checked:!!a,t.defaultChecked=!!a,d!=null&&typeof d!="function"&&typeof d!="symbol"&&typeof d!="boolean"&&(t.name=d),xc(t)}function Tc(t,e,n){e==="number"&&Vi(t.ownerDocument)===t||t.defaultValue===""+n||(t.defaultValue=""+n)}function Va(t,e,n,a){if(t=t.options,e){e={};for(var i=0;i<n.length;i++)e["$"+n[i]]=!0;for(n=0;n<t.length;n++)i=e.hasOwnProperty("$"+t[n].value),t[n].selected!==i&&(t[n].selected=i),i&&a&&(t[n].defaultSelected=!0)}else{for(n=""+je(n),e=null,i=0;i<t.length;i++){if(t[i].value===n){t[i].selected=!0,a&&(t[i].defaultSelected=!0);return}e!==null||t[i].disabled||(e=t[i])}e!==null&&(e.selected=!0)}}function Kr(t,e,n){if(e!=null&&(e=""+je(e),e!==t.value&&(t.value=e),n==null)){t.defaultValue!==e&&(t.defaultValue=e);return}t.defaultValue=n!=null?""+je(n):""}function kr(t,e,n,a){if(e==null){if(a!=null){if(n!=null)throw Error(f(92));if(it(a)){if(1<a.length)throw Error(f(93));a=a[0]}n=a}n==null&&(n=""),e=n}n=je(e),t.defaultValue=n,a=t.textContent,a===n&&a!==""&&a!==null&&(t.value=a),xc(t)}function Za(t,e){if(e){var n=t.firstChild;if(n&&n===t.lastChild&&n.nodeType===3){n.nodeValue=e;return}}t.textContent=e}var Rm=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" "));function Jr(t,e,n){var a=e.indexOf("--")===0;n==null||typeof n=="boolean"||n===""?a?t.setProperty(e,""):e==="float"?t.cssFloat="":t[e]="":a?t.setProperty(e,n):typeof n!="number"||n===0||Rm.has(e)?e==="float"?t.cssFloat=n:t[e]=(""+n).trim():t[e]=n+"px"}function Fr(t,e,n){if(e!=null&&typeof e!="object")throw Error(f(62));if(t=t.style,n!=null){for(var a in n)!n.hasOwnProperty(a)||e!=null&&e.hasOwnProperty(a)||(a.indexOf("--")===0?t.setProperty(a,""):a==="float"?t.cssFloat="":t[a]="");for(var i in e)a=e[i],e.hasOwnProperty(i)&&n[i]!==a&&Jr(t,i,a)}else for(var s in e)e.hasOwnProperty(s)&&Jr(t,s,e[s])}function Cc(t){if(t.indexOf("-")===-1)return!1;switch(t){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Dm=new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical","glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering","shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Mm=/^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i;function Zi(t){return Mm.test(""+t)?"javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')":t}function tn(){}var Oc=null;function wc(t){return t=t.target||t.srcElement||window,t.correspondingUseElement&&(t=t.correspondingUseElement),t.nodeType===3?t.parentNode:t}var qa=null,Ia=null;function Wr(t){var e=La(t);if(e&&(t=e.stateNode)){var n=t[oe]||null;t:switch(t=e.stateNode,e.type){case"input":if(Sc(t,n.value,n.defaultValue,n.defaultValue,n.checked,n.defaultChecked,n.type,n.name),e=n.name,n.type==="radio"&&e!=null){for(n=t;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll('input[name="'+He(""+e)+'"][type="radio"]'),e=0;e<n.length;e++){var a=n[e];if(a!==t&&a.form===t.form){var i=a[oe]||null;if(!i)throw Error(f(90));Sc(a,i.value,i.defaultValue,i.defaultValue,i.checked,i.defaultChecked,i.type,i.name)}}for(e=0;e<n.length;e++)a=n[e],a.form===t.form&&qr(a)}break t;case"textarea":Kr(t,n.value,n.defaultValue);break t;case"select":e=n.value,e!=null&&Va(t,!!n.multiple,e,!1)}}}var Rc=!1;function _r(t,e,n){if(Rc)return t(e,n);Rc=!0;try{var a=t(e);return a}finally{if(Rc=!1,(qa!==null||Ia!==null)&&(Mu(),qa&&(e=qa,t=Ia,Ia=qa=null,Wr(e),t)))for(e=0;e<t.length;e++)Wr(t[e])}}function Hl(t,e){var n=t.stateNode;if(n===null)return null;var a=n[oe]||null;if(a===null)return null;n=a[e];t:switch(e){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(a=!a.disabled)||(t=t.type,a=!(t==="button"||t==="input"||t==="select"||t==="textarea")),t=!a;break t;default:t=!1}if(t)return null;if(n&&typeof n!="function")throw Error(f(231,e,typeof n));return n}var en=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Dc=!1;if(en)try{var Nl={};Object.defineProperty(Nl,"passive",{get:function(){Dc=!0}}),window.addEventListener("test",Nl,Nl),window.removeEventListener("test",Nl,Nl)}catch{Dc=!1}var jn=null,Mc=null,qi=null;function Pr(){if(qi)return qi;var t,e=Mc,n=e.length,a,i="value"in jn?jn.value:jn.textContent,s=i.length;for(t=0;t<n&&e[t]===i[t];t++);var d=n-t;for(a=1;a<=d&&e[n-a]===i[s-a];a++);return qi=i.slice(t,1<a?1-a:void 0)}function Ii(t){var e=t.keyCode;return"charCode"in t?(t=t.charCode,t===0&&e===13&&(t=13)):t=e,t===10&&(t=13),32<=t||t===13?t:0}function Ki(){return!0}function $r(){return!1}function de(t){function e(n,a,i,s,d){this._reactName=n,this._targetInst=i,this.type=a,this.nativeEvent=s,this.target=d,this.currentTarget=null;for(var g in t)t.hasOwnProperty(g)&&(n=t[g],this[g]=n?n(s):s[g]);return this.isDefaultPrevented=(s.defaultPrevented!=null?s.defaultPrevented:s.returnValue===!1)?Ki:$r,this.isPropagationStopped=$r,this}return S(e.prototype,{preventDefault:function(){this.defaultPrevented=!0;var n=this.nativeEvent;n&&(n.preventDefault?n.preventDefault():typeof n.returnValue!="unknown"&&(n.returnValue=!1),this.isDefaultPrevented=Ki)},stopPropagation:function(){var n=this.nativeEvent;n&&(n.stopPropagation?n.stopPropagation():typeof n.cancelBubble!="unknown"&&(n.cancelBubble=!0),this.isPropagationStopped=Ki)},persist:function(){},isPersistent:Ki}),e}var ha={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(t){return t.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},ki=de(ha),Bl=S({},ha,{view:0,detail:0}),jm=de(Bl),jc,Hc,Ul,Ji=S({},Bl,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Bc,button:0,buttons:0,relatedTarget:function(t){return t.relatedTarget===void 0?t.fromElement===t.srcElement?t.toElement:t.fromElement:t.relatedTarget},movementX:function(t){return"movementX"in t?t.movementX:(t!==Ul&&(Ul&&t.type==="mousemove"?(jc=t.screenX-Ul.screenX,Hc=t.screenY-Ul.screenY):Hc=jc=0,Ul=t),jc)},movementY:function(t){return"movementY"in t?t.movementY:Hc}}),to=de(Ji),Hm=S({},Ji,{dataTransfer:0}),Nm=de(Hm),Bm=S({},Bl,{relatedTarget:0}),Nc=de(Bm),Um=S({},ha,{animationName:0,elapsedTime:0,pseudoElement:0}),Qm=de(Um),zm=S({},ha,{clipboardData:function(t){return"clipboardData"in t?t.clipboardData:window.clipboardData}}),Ym=de(zm),Lm=S({},ha,{data:0}),eo=de(Lm),Gm={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Xm={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Vm={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Zm(t){var e=this.nativeEvent;return e.getModifierState?e.getModifierState(t):(t=Vm[t])?!!e[t]:!1}function Bc(){return Zm}var qm=S({},Bl,{key:function(t){if(t.key){var e=Gm[t.key]||t.key;if(e!=="Unidentified")return e}return t.type==="keypress"?(t=Ii(t),t===13?"Enter":String.fromCharCode(t)):t.type==="keydown"||t.type==="keyup"?Xm[t.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Bc,charCode:function(t){return t.type==="keypress"?Ii(t):0},keyCode:function(t){return t.type==="keydown"||t.type==="keyup"?t.keyCode:0},which:function(t){return t.type==="keypress"?Ii(t):t.type==="keydown"||t.type==="keyup"?t.keyCode:0}}),Im=de(qm),Km=S({},Ji,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),no=de(Km),km=S({},Bl,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Bc}),Jm=de(km),Fm=S({},ha,{propertyName:0,elapsedTime:0,pseudoElement:0}),Wm=de(Fm),_m=S({},Ji,{deltaX:function(t){return"deltaX"in t?t.deltaX:"wheelDeltaX"in t?-t.wheelDeltaX:0},deltaY:function(t){return"deltaY"in t?t.deltaY:"wheelDeltaY"in t?-t.wheelDeltaY:"wheelDelta"in t?-t.wheelDelta:0},deltaZ:0,deltaMode:0}),Pm=de(_m),$m=S({},ha,{newState:0,oldState:0}),tg=de($m),eg=[9,13,27,32],Uc=en&&"CompositionEvent"in window,Ql=null;en&&"documentMode"in document&&(Ql=document.documentMode);var ng=en&&"TextEvent"in window&&!Ql,ao=en&&(!Uc||Ql&&8<Ql&&11>=Ql),lo=" ",io=!1;function uo(t,e){switch(t){case"keyup":return eg.indexOf(e.keyCode)!==-1;case"keydown":return e.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function co(t){return t=t.detail,typeof t=="object"&&"data"in t?t.data:null}var Ka=!1;function ag(t,e){switch(t){case"compositionend":return co(e);case"keypress":return e.which!==32?null:(io=!0,lo);case"textInput":return t=e.data,t===lo&&io?null:t;default:return null}}function lg(t,e){if(Ka)return t==="compositionend"||!Uc&&uo(t,e)?(t=Pr(),qi=Mc=jn=null,Ka=!1,t):null;switch(t){case"paste":return null;case"keypress":if(!(e.ctrlKey||e.altKey||e.metaKey)||e.ctrlKey&&e.altKey){if(e.char&&1<e.char.length)return e.char;if(e.which)return String.fromCharCode(e.which)}return null;case"compositionend":return ao&&e.locale!=="ko"?null:e.data;default:return null}}var ig={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function so(t){var e=t&&t.nodeName&&t.nodeName.toLowerCase();return e==="input"?!!ig[t.type]:e==="textarea"}function fo(t,e,n,a){qa?Ia?Ia.push(a):Ia=[a]:qa=a,e=zu(e,"onChange"),0<e.length&&(n=new ki("onChange","change",null,n,a),t.push({event:n,listeners:e}))}var zl=null,Yl=null;function ug(t){Kd(t,0)}function Fi(t){var e=jl(t);if(qr(e))return t}function ro(t,e){if(t==="change")return e}var oo=!1;if(en){var Qc;if(en){var zc="oninput"in document;if(!zc){var ho=document.createElement("div");ho.setAttribute("oninput","return;"),zc=typeof ho.oninput=="function"}Qc=zc}else Qc=!1;oo=Qc&&(!document.documentMode||9<document.documentMode)}function mo(){zl&&(zl.detachEvent("onpropertychange",go),Yl=zl=null)}function go(t){if(t.propertyName==="value"&&Fi(Yl)){var e=[];fo(e,Yl,t,wc(t)),_r(ug,e)}}function cg(t,e,n){t==="focusin"?(mo(),zl=e,Yl=n,zl.attachEvent("onpropertychange",go)):t==="focusout"&&mo()}function sg(t){if(t==="selectionchange"||t==="keyup"||t==="keydown")return Fi(Yl)}function fg(t,e){if(t==="click")return Fi(e)}function rg(t,e){if(t==="input"||t==="change")return Fi(e)}function og(t,e){return t===e&&(t!==0||1/t===1/e)||t!==t&&e!==e}var Se=typeof Object.is=="function"?Object.is:og;function Ll(t,e){if(Se(t,e))return!0;if(typeof t!="object"||t===null||typeof e!="object"||e===null)return!1;var n=Object.keys(t),a=Object.keys(e);if(n.length!==a.length)return!1;for(a=0;a<n.length;a++){var i=n[a];if(!mc.call(e,i)||!Se(t[i],e[i]))return!1}return!0}function Ao(t){for(;t&&t.firstChild;)t=t.firstChild;return t}function vo(t,e){var n=Ao(t);t=0;for(var a;n;){if(n.nodeType===3){if(a=t+n.textContent.length,t<=e&&a>=e)return{node:n,offset:e-t};t=a}t:{for(;n;){if(n.nextSibling){n=n.nextSibling;break t}n=n.parentNode}n=void 0}n=Ao(n)}}function yo(t,e){return t&&e?t===e?!0:t&&t.nodeType===3?!1:e&&e.nodeType===3?yo(t,e.parentNode):"contains"in t?t.contains(e):t.compareDocumentPosition?!!(t.compareDocumentPosition(e)&16):!1:!1}function Eo(t){t=t!=null&&t.ownerDocument!=null&&t.ownerDocument.defaultView!=null?t.ownerDocument.defaultView:window;for(var e=Vi(t.document);e instanceof t.HTMLIFrameElement;){try{var n=typeof e.contentWindow.location.href=="string"}catch{n=!1}if(n)t=e.contentWindow;else break;e=Vi(t.document)}return e}function Yc(t){var e=t&&t.nodeName&&t.nodeName.toLowerCase();return e&&(e==="input"&&(t.type==="text"||t.type==="search"||t.type==="tel"||t.type==="url"||t.type==="password")||e==="textarea"||t.contentEditable==="true")}var dg=en&&"documentMode"in document&&11>=document.documentMode,ka=null,Lc=null,Gl=null,Gc=!1;function po(t,e,n){var a=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Gc||ka==null||ka!==Vi(a)||(a=ka,"selectionStart"in a&&Yc(a)?a={start:a.selectionStart,end:a.selectionEnd}:(a=(a.ownerDocument&&a.ownerDocument.defaultView||window).getSelection(),a={anchorNode:a.anchorNode,anchorOffset:a.anchorOffset,focusNode:a.focusNode,focusOffset:a.focusOffset}),Gl&&Ll(Gl,a)||(Gl=a,a=zu(Lc,"onSelect"),0<a.length&&(e=new ki("onSelect","select",null,e,n),t.push({event:e,listeners:a}),e.target=ka)))}function ma(t,e){var n={};return n[t.toLowerCase()]=e.toLowerCase(),n["Webkit"+t]="webkit"+e,n["Moz"+t]="moz"+e,n}var Ja={animationend:ma("Animation","AnimationEnd"),animationiteration:ma("Animation","AnimationIteration"),animationstart:ma("Animation","AnimationStart"),transitionrun:ma("Transition","TransitionRun"),transitionstart:ma("Transition","TransitionStart"),transitioncancel:ma("Transition","TransitionCancel"),transitionend:ma("Transition","TransitionEnd")},Xc={},bo={};en&&(bo=document.createElement("div").style,"AnimationEvent"in window||(delete Ja.animationend.animation,delete Ja.animationiteration.animation,delete Ja.animationstart.animation),"TransitionEvent"in window||delete Ja.transitionend.transition);function ga(t){if(Xc[t])return Xc[t];if(!Ja[t])return t;var e=Ja[t],n;for(n in e)if(e.hasOwnProperty(n)&&n in bo)return Xc[t]=e[n];return t}var xo=ga("animationend"),So=ga("animationiteration"),To=ga("animationstart"),hg=ga("transitionrun"),mg=ga("transitionstart"),gg=ga("transitioncancel"),Co=ga("transitionend"),Oo=new Map,Vc="abort auxClick beforeToggle cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");Vc.push("scrollEnd");function qe(t,e){Oo.set(t,e),da(e,[t])}var Wi=typeof reportError=="function"?reportError:function(t){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var e=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof t=="object"&&t!==null&&typeof t.message=="string"?String(t.message):String(t),error:t});if(!window.dispatchEvent(e))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",t);return}console.error(t)},Ne=[],Fa=0,Zc=0;function _i(){for(var t=Fa,e=Zc=Fa=0;e<t;){var n=Ne[e];Ne[e++]=null;var a=Ne[e];Ne[e++]=null;var i=Ne[e];Ne[e++]=null;var s=Ne[e];if(Ne[e++]=null,a!==null&&i!==null){var d=a.pending;d===null?i.next=i:(i.next=d.next,d.next=i),a.pending=i}s!==0&&wo(n,i,s)}}function Pi(t,e,n,a){Ne[Fa++]=t,Ne[Fa++]=e,Ne[Fa++]=n,Ne[Fa++]=a,Zc|=a,t.lanes|=a,t=t.alternate,t!==null&&(t.lanes|=a)}function qc(t,e,n,a){return Pi(t,e,n,a),$i(t)}function Aa(t,e){return Pi(t,null,null,e),$i(t)}function wo(t,e,n){t.lanes|=n;var a=t.alternate;a!==null&&(a.lanes|=n);for(var i=!1,s=t.return;s!==null;)s.childLanes|=n,a=s.alternate,a!==null&&(a.childLanes|=n),s.tag===22&&(t=s.stateNode,t===null||t._visibility&1||(i=!0)),t=s,s=s.return;return t.tag===3?(s=t.stateNode,i&&e!==null&&(i=31-xe(n),t=s.hiddenUpdates,a=t[i],a===null?t[i]=[e]:a.push(e),e.lane=n|536870912),s):null}function $i(t){if(50<si)throw si=0,$s=null,Error(f(185));for(var e=t.return;e!==null;)t=e,e=t.return;return t.tag===3?t.stateNode:null}var Wa={};function Ag(t,e,n,a){this.tag=t,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.refCleanup=this.ref=null,this.pendingProps=e,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=a,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Te(t,e,n,a){return new Ag(t,e,n,a)}function Ic(t){return t=t.prototype,!(!t||!t.isReactComponent)}function nn(t,e){var n=t.alternate;return n===null?(n=Te(t.tag,e,t.key,t.mode),n.elementType=t.elementType,n.type=t.type,n.stateNode=t.stateNode,n.alternate=t,t.alternate=n):(n.pendingProps=e,n.type=t.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=t.flags&65011712,n.childLanes=t.childLanes,n.lanes=t.lanes,n.child=t.child,n.memoizedProps=t.memoizedProps,n.memoizedState=t.memoizedState,n.updateQueue=t.updateQueue,e=t.dependencies,n.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext},n.sibling=t.sibling,n.index=t.index,n.ref=t.ref,n.refCleanup=t.refCleanup,n}function Ro(t,e){t.flags&=65011714;var n=t.alternate;return n===null?(t.childLanes=0,t.lanes=e,t.child=null,t.subtreeFlags=0,t.memoizedProps=null,t.memoizedState=null,t.updateQueue=null,t.dependencies=null,t.stateNode=null):(t.childLanes=n.childLanes,t.lanes=n.lanes,t.child=n.child,t.subtreeFlags=0,t.deletions=null,t.memoizedProps=n.memoizedProps,t.memoizedState=n.memoizedState,t.updateQueue=n.updateQueue,t.type=n.type,e=n.dependencies,t.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext}),t}function tu(t,e,n,a,i,s){var d=0;if(a=t,typeof t=="function")Ic(t)&&(d=1);else if(typeof t=="string")d=bA(t,n,et.current)?26:t==="html"||t==="head"||t==="body"?27:5;else t:switch(t){case K:return t=Te(31,n,e,i),t.elementType=K,t.lanes=s,t;case b:return va(n.children,i,s,e);case p:d=8,i|=24;break;case x:return t=Te(12,n,e,i|2),t.elementType=x,t.lanes=s,t;case F:return t=Te(13,n,e,i),t.elementType=F,t.lanes=s,t;case j:return t=Te(19,n,e,i),t.elementType=j,t.lanes=s,t;default:if(typeof t=="object"&&t!==null)switch(t.$$typeof){case U:d=10;break t;case R:d=9;break t;case Z:d=11;break t;case D:d=14;break t;case N:d=16,a=null;break t}d=29,n=Error(f(130,t===null?"null":typeof t,"")),a=null}return e=Te(d,n,e,i),e.elementType=t,e.type=a,e.lanes=s,e}function va(t,e,n,a){return t=Te(7,t,a,e),t.lanes=n,t}function Kc(t,e,n){return t=Te(6,t,null,e),t.lanes=n,t}function Do(t){var e=Te(18,null,null,0);return e.stateNode=t,e}function kc(t,e,n){return e=Te(4,t.children!==null?t.children:[],t.key,e),e.lanes=n,e.stateNode={containerInfo:t.containerInfo,pendingChildren:null,implementation:t.implementation},e}var Mo=new WeakMap;function Be(t,e){if(typeof t=="object"&&t!==null){var n=Mo.get(t);return n!==void 0?n:(e={value:t,source:e,stack:Bi(e)},Mo.set(t,e),e)}return{value:t,source:e,stack:Bi(e)}}var _a=[],Pa=0,eu=null,Xl=0,Ue=[],Qe=0,Hn=null,Je=1,Fe="";function an(t,e){_a[Pa++]=Xl,_a[Pa++]=eu,eu=t,Xl=e}function jo(t,e,n){Ue[Qe++]=Je,Ue[Qe++]=Fe,Ue[Qe++]=Hn,Hn=t;var a=Je;t=Fe;var i=32-xe(a)-1;a&=~(1<<i),n+=1;var s=32-xe(e)+i;if(30<s){var d=i-i%5;s=(a&(1<<d)-1).toString(32),a>>=d,i-=d,Je=1<<32-xe(e)+i|n<<i|a,Fe=s+t}else Je=1<<s|n<<i|a,Fe=t}function Jc(t){t.return!==null&&(an(t,1),jo(t,1,0))}function Fc(t){for(;t===eu;)eu=_a[--Pa],_a[Pa]=null,Xl=_a[--Pa],_a[Pa]=null;for(;t===Hn;)Hn=Ue[--Qe],Ue[Qe]=null,Fe=Ue[--Qe],Ue[Qe]=null,Je=Ue[--Qe],Ue[Qe]=null}function Ho(t,e){Ue[Qe++]=Je,Ue[Qe++]=Fe,Ue[Qe++]=Hn,Je=e.id,Fe=e.overflow,Hn=t}var ee=null,Ht=null,bt=!1,Nn=null,ze=!1,Wc=Error(f(519));function Bn(t){var e=Error(f(418,1<arguments.length&&arguments[1]!==void 0&&arguments[1]?"text":"HTML",""));throw Vl(Be(e,t)),Wc}function No(t){var e=t.stateNode,n=t.type,a=t.memoizedProps;switch(e[te]=t,e[oe]=a,n){case"dialog":yt("cancel",e),yt("close",e);break;case"iframe":case"object":case"embed":yt("load",e);break;case"video":case"audio":for(n=0;n<ri.length;n++)yt(ri[n],e);break;case"source":yt("error",e);break;case"img":case"image":case"link":yt("error",e),yt("load",e);break;case"details":yt("toggle",e);break;case"input":yt("invalid",e),Ir(e,a.value,a.defaultValue,a.checked,a.defaultChecked,a.type,a.name,!0);break;case"select":yt("invalid",e);break;case"textarea":yt("invalid",e),kr(e,a.value,a.defaultValue,a.children)}n=a.children,typeof n!="string"&&typeof n!="number"&&typeof n!="bigint"||e.textContent===""+n||a.suppressHydrationWarning===!0||Wd(e.textContent,n)?(a.popover!=null&&(yt("beforetoggle",e),yt("toggle",e)),a.onScroll!=null&&yt("scroll",e),a.onScrollEnd!=null&&yt("scrollend",e),a.onClick!=null&&(e.onclick=tn),e=!0):e=!1,e||Bn(t,!0)}function Bo(t){for(ee=t.return;ee;)switch(ee.tag){case 5:case 31:case 13:ze=!1;return;case 27:case 3:ze=!0;return;default:ee=ee.return}}function $a(t){if(t!==ee)return!1;if(!bt)return Bo(t),bt=!0,!1;var e=t.tag,n;if((n=e!==3&&e!==27)&&((n=e===5)&&(n=t.type,n=!(n!=="form"&&n!=="button")||gf(t.type,t.memoizedProps)),n=!n),n&&Ht&&Bn(t),Bo(t),e===13){if(t=t.memoizedState,t=t!==null?t.dehydrated:null,!t)throw Error(f(317));Ht=i1(t)}else if(e===31){if(t=t.memoizedState,t=t!==null?t.dehydrated:null,!t)throw Error(f(317));Ht=i1(t)}else e===27?(e=Ht,Jn(t.type)?(t=pf,pf=null,Ht=t):Ht=e):Ht=ee?Le(t.stateNode.nextSibling):null;return!0}function ya(){Ht=ee=null,bt=!1}function _c(){var t=Nn;return t!==null&&(Ae===null?Ae=t:Ae.push.apply(Ae,t),Nn=null),t}function Vl(t){Nn===null?Nn=[t]:Nn.push(t)}var Pc=C(null),Ea=null,ln=null;function Un(t,e,n){W(Pc,e._currentValue),e._currentValue=n}function un(t){t._currentValue=Pc.current,L(Pc)}function $c(t,e,n){for(;t!==null;){var a=t.alternate;if((t.childLanes&e)!==e?(t.childLanes|=e,a!==null&&(a.childLanes|=e)):a!==null&&(a.childLanes&e)!==e&&(a.childLanes|=e),t===n)break;t=t.return}}function ts(t,e,n,a){var i=t.child;for(i!==null&&(i.return=t);i!==null;){var s=i.dependencies;if(s!==null){var d=i.child;s=s.firstContext;t:for(;s!==null;){var g=s;s=i;for(var T=0;T<e.length;T++)if(g.context===e[T]){s.lanes|=n,g=s.alternate,g!==null&&(g.lanes|=n),$c(s.return,n,t),a||(d=null);break t}s=g.next}}else if(i.tag===18){if(d=i.return,d===null)throw Error(f(341));d.lanes|=n,s=d.alternate,s!==null&&(s.lanes|=n),$c(d,n,t),d=null}else d=i.child;if(d!==null)d.return=i;else for(d=i;d!==null;){if(d===t){d=null;break}if(i=d.sibling,i!==null){i.return=d.return,d=i;break}d=d.return}i=d}}function tl(t,e,n,a){t=null;for(var i=e,s=!1;i!==null;){if(!s){if((i.flags&524288)!==0)s=!0;else if((i.flags&262144)!==0)break}if(i.tag===10){var d=i.alternate;if(d===null)throw Error(f(387));if(d=d.memoizedProps,d!==null){var g=i.type;Se(i.pendingProps.value,d.value)||(t!==null?t.push(g):t=[g])}}else if(i===gt.current){if(d=i.alternate,d===null)throw Error(f(387));d.memoizedState.memoizedState!==i.memoizedState.memoizedState&&(t!==null?t.push(gi):t=[gi])}i=i.return}t!==null&&ts(e,t,n,a),e.flags|=262144}function nu(t){for(t=t.firstContext;t!==null;){if(!Se(t.context._currentValue,t.memoizedValue))return!0;t=t.next}return!1}function pa(t){Ea=t,ln=null,t=t.dependencies,t!==null&&(t.firstContext=null)}function ne(t){return Uo(Ea,t)}function au(t,e){return Ea===null&&pa(t),Uo(t,e)}function Uo(t,e){var n=e._currentValue;if(e={context:e,memoizedValue:n,next:null},ln===null){if(t===null)throw Error(f(308));ln=e,t.dependencies={lanes:0,firstContext:e},t.flags|=524288}else ln=ln.next=e;return n}var vg=typeof AbortController<"u"?AbortController:function(){var t=[],e=this.signal={aborted:!1,addEventListener:function(n,a){t.push(a)}};this.abort=function(){e.aborted=!0,t.forEach(function(n){return n()})}},yg=l.unstable_scheduleCallback,Eg=l.unstable_NormalPriority,Zt={$$typeof:U,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0};function es(){return{controller:new vg,data:new Map,refCount:0}}function Zl(t){t.refCount--,t.refCount===0&&yg(Eg,function(){t.controller.abort()})}var ql=null,ns=0,el=0,nl=null;function pg(t,e){if(ql===null){var n=ql=[];ns=0,el=uf(),nl={status:"pending",value:void 0,then:function(a){n.push(a)}}}return ns++,e.then(Qo,Qo),e}function Qo(){if(--ns===0&&ql!==null){nl!==null&&(nl.status="fulfilled");var t=ql;ql=null,el=0,nl=null;for(var e=0;e<t.length;e++)(0,t[e])()}}function bg(t,e){var n=[],a={status:"pending",value:null,reason:null,then:function(i){n.push(i)}};return t.then(function(){a.status="fulfilled",a.value=e;for(var i=0;i<n.length;i++)(0,n[i])(e)},function(i){for(a.status="rejected",a.reason=i,i=0;i<n.length;i++)(0,n[i])(void 0)}),a}var zo=H.S;H.S=function(t,e){pd=pe(),typeof e=="object"&&e!==null&&typeof e.then=="function"&&pg(t,e),zo!==null&&zo(t,e)};var ba=C(null);function as(){var t=ba.current;return t!==null?t:jt.pooledCache}function lu(t,e){e===null?W(ba,ba.current):W(ba,e.pool)}function Yo(){var t=as();return t===null?null:{parent:Zt._currentValue,pool:t}}var al=Error(f(460)),ls=Error(f(474)),iu=Error(f(542)),uu={then:function(){}};function Lo(t){return t=t.status,t==="fulfilled"||t==="rejected"}function Go(t,e,n){switch(n=t[n],n===void 0?t.push(e):n!==e&&(e.then(tn,tn),e=n),e.status){case"fulfilled":return e.value;case"rejected":throw t=e.reason,Vo(t),t;default:if(typeof e.status=="string")e.then(tn,tn);else{if(t=jt,t!==null&&100<t.shellSuspendCounter)throw Error(f(482));t=e,t.status="pending",t.then(function(a){if(e.status==="pending"){var i=e;i.status="fulfilled",i.value=a}},function(a){if(e.status==="pending"){var i=e;i.status="rejected",i.reason=a}})}switch(e.status){case"fulfilled":return e.value;case"rejected":throw t=e.reason,Vo(t),t}throw Sa=e,al}}function xa(t){try{var e=t._init;return e(t._payload)}catch(n){throw n!==null&&typeof n=="object"&&typeof n.then=="function"?(Sa=n,al):n}}var Sa=null;function Xo(){if(Sa===null)throw Error(f(459));var t=Sa;return Sa=null,t}function Vo(t){if(t===al||t===iu)throw Error(f(483))}var ll=null,Il=0;function cu(t){var e=Il;return Il+=1,ll===null&&(ll=[]),Go(ll,t,e)}function Kl(t,e){e=e.props.ref,t.ref=e!==void 0?e:null}function su(t,e){throw e.$$typeof===O?Error(f(525)):(t=Object.prototype.toString.call(e),Error(f(31,t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t)))}function Zo(t){function e(M,w){if(t){var Q=M.deletions;Q===null?(M.deletions=[w],M.flags|=16):Q.push(w)}}function n(M,w){if(!t)return null;for(;w!==null;)e(M,w),w=w.sibling;return null}function a(M){for(var w=new Map;M!==null;)M.key!==null?w.set(M.key,M):w.set(M.index,M),M=M.sibling;return w}function i(M,w){return M=nn(M,w),M.index=0,M.sibling=null,M}function s(M,w,Q){return M.index=Q,t?(Q=M.alternate,Q!==null?(Q=Q.index,Q<w?(M.flags|=67108866,w):Q):(M.flags|=67108866,w)):(M.flags|=1048576,w)}function d(M){return t&&M.alternate===null&&(M.flags|=67108866),M}function g(M,w,Q,q){return w===null||w.tag!==6?(w=Kc(Q,M.mode,q),w.return=M,w):(w=i(w,Q),w.return=M,w)}function T(M,w,Q,q){var ut=Q.type;return ut===b?V(M,w,Q.props.children,q,Q.key):w!==null&&(w.elementType===ut||typeof ut=="object"&&ut!==null&&ut.$$typeof===N&&xa(ut)===w.type)?(w=i(w,Q.props),Kl(w,Q),w.return=M,w):(w=tu(Q.type,Q.key,Q.props,null,M.mode,q),Kl(w,Q),w.return=M,w)}function z(M,w,Q,q){return w===null||w.tag!==4||w.stateNode.containerInfo!==Q.containerInfo||w.stateNode.implementation!==Q.implementation?(w=kc(Q,M.mode,q),w.return=M,w):(w=i(w,Q.children||[]),w.return=M,w)}function V(M,w,Q,q,ut){return w===null||w.tag!==7?(w=va(Q,M.mode,q,ut),w.return=M,w):(w=i(w,Q),w.return=M,w)}function I(M,w,Q){if(typeof w=="string"&&w!==""||typeof w=="number"||typeof w=="bigint")return w=Kc(""+w,M.mode,Q),w.return=M,w;if(typeof w=="object"&&w!==null){switch(w.$$typeof){case X:return Q=tu(w.type,w.key,w.props,null,M.mode,Q),Kl(Q,w),Q.return=M,Q;case B:return w=kc(w,M.mode,Q),w.return=M,w;case N:return w=xa(w),I(M,w,Q)}if(it(w)||nt(w))return w=va(w,M.mode,Q,null),w.return=M,w;if(typeof w.then=="function")return I(M,cu(w),Q);if(w.$$typeof===U)return I(M,au(M,w),Q);su(M,w)}return null}function Y(M,w,Q,q){var ut=w!==null?w.key:null;if(typeof Q=="string"&&Q!==""||typeof Q=="number"||typeof Q=="bigint")return ut!==null?null:g(M,w,""+Q,q);if(typeof Q=="object"&&Q!==null){switch(Q.$$typeof){case X:return Q.key===ut?T(M,w,Q,q):null;case B:return Q.key===ut?z(M,w,Q,q):null;case N:return Q=xa(Q),Y(M,w,Q,q)}if(it(Q)||nt(Q))return ut!==null?null:V(M,w,Q,q,null);if(typeof Q.then=="function")return Y(M,w,cu(Q),q);if(Q.$$typeof===U)return Y(M,w,au(M,Q),q);su(M,Q)}return null}function G(M,w,Q,q,ut){if(typeof q=="string"&&q!==""||typeof q=="number"||typeof q=="bigint")return M=M.get(Q)||null,g(w,M,""+q,ut);if(typeof q=="object"&&q!==null){switch(q.$$typeof){case X:return M=M.get(q.key===null?Q:q.key)||null,T(w,M,q,ut);case B:return M=M.get(q.key===null?Q:q.key)||null,z(w,M,q,ut);case N:return q=xa(q),G(M,w,Q,q,ut)}if(it(q)||nt(q))return M=M.get(Q)||null,V(w,M,q,ut,null);if(typeof q.then=="function")return G(M,w,Q,cu(q),ut);if(q.$$typeof===U)return G(M,w,Q,au(w,q),ut);su(w,q)}return null}function at(M,w,Q,q){for(var ut=null,St=null,lt=w,At=w=0,pt=null;lt!==null&&At<Q.length;At++){lt.index>At?(pt=lt,lt=null):pt=lt.sibling;var Tt=Y(M,lt,Q[At],q);if(Tt===null){lt===null&&(lt=pt);break}t&&lt&&Tt.alternate===null&&e(M,lt),w=s(Tt,w,At),St===null?ut=Tt:St.sibling=Tt,St=Tt,lt=pt}if(At===Q.length)return n(M,lt),bt&&an(M,At),ut;if(lt===null){for(;At<Q.length;At++)lt=I(M,Q[At],q),lt!==null&&(w=s(lt,w,At),St===null?ut=lt:St.sibling=lt,St=lt);return bt&&an(M,At),ut}for(lt=a(lt);At<Q.length;At++)pt=G(lt,M,At,Q[At],q),pt!==null&&(t&&pt.alternate!==null&&lt.delete(pt.key===null?At:pt.key),w=s(pt,w,At),St===null?ut=pt:St.sibling=pt,St=pt);return t&&lt.forEach(function($n){return e(M,$n)}),bt&&an(M,At),ut}function ft(M,w,Q,q){if(Q==null)throw Error(f(151));for(var ut=null,St=null,lt=w,At=w=0,pt=null,Tt=Q.next();lt!==null&&!Tt.done;At++,Tt=Q.next()){lt.index>At?(pt=lt,lt=null):pt=lt.sibling;var $n=Y(M,lt,Tt.value,q);if($n===null){lt===null&&(lt=pt);break}t&&lt&&$n.alternate===null&&e(M,lt),w=s($n,w,At),St===null?ut=$n:St.sibling=$n,St=$n,lt=pt}if(Tt.done)return n(M,lt),bt&&an(M,At),ut;if(lt===null){for(;!Tt.done;At++,Tt=Q.next())Tt=I(M,Tt.value,q),Tt!==null&&(w=s(Tt,w,At),St===null?ut=Tt:St.sibling=Tt,St=Tt);return bt&&an(M,At),ut}for(lt=a(lt);!Tt.done;At++,Tt=Q.next())Tt=G(lt,M,At,Tt.value,q),Tt!==null&&(t&&Tt.alternate!==null&&lt.delete(Tt.key===null?At:Tt.key),w=s(Tt,w,At),St===null?ut=Tt:St.sibling=Tt,St=Tt);return t&&lt.forEach(function(HA){return e(M,HA)}),bt&&an(M,At),ut}function Mt(M,w,Q,q){if(typeof Q=="object"&&Q!==null&&Q.type===b&&Q.key===null&&(Q=Q.props.children),typeof Q=="object"&&Q!==null){switch(Q.$$typeof){case X:t:{for(var ut=Q.key;w!==null;){if(w.key===ut){if(ut=Q.type,ut===b){if(w.tag===7){n(M,w.sibling),q=i(w,Q.props.children),q.return=M,M=q;break t}}else if(w.elementType===ut||typeof ut=="object"&&ut!==null&&ut.$$typeof===N&&xa(ut)===w.type){n(M,w.sibling),q=i(w,Q.props),Kl(q,Q),q.return=M,M=q;break t}n(M,w);break}else e(M,w);w=w.sibling}Q.type===b?(q=va(Q.props.children,M.mode,q,Q.key),q.return=M,M=q):(q=tu(Q.type,Q.key,Q.props,null,M.mode,q),Kl(q,Q),q.return=M,M=q)}return d(M);case B:t:{for(ut=Q.key;w!==null;){if(w.key===ut)if(w.tag===4&&w.stateNode.containerInfo===Q.containerInfo&&w.stateNode.implementation===Q.implementation){n(M,w.sibling),q=i(w,Q.children||[]),q.return=M,M=q;break t}else{n(M,w);break}else e(M,w);w=w.sibling}q=kc(Q,M.mode,q),q.return=M,M=q}return d(M);case N:return Q=xa(Q),Mt(M,w,Q,q)}if(it(Q))return at(M,w,Q,q);if(nt(Q)){if(ut=nt(Q),typeof ut!="function")throw Error(f(150));return Q=ut.call(Q),ft(M,w,Q,q)}if(typeof Q.then=="function")return Mt(M,w,cu(Q),q);if(Q.$$typeof===U)return Mt(M,w,au(M,Q),q);su(M,Q)}return typeof Q=="string"&&Q!==""||typeof Q=="number"||typeof Q=="bigint"?(Q=""+Q,w!==null&&w.tag===6?(n(M,w.sibling),q=i(w,Q),q.return=M,M=q):(n(M,w),q=Kc(Q,M.mode,q),q.return=M,M=q),d(M)):n(M,w)}return function(M,w,Q,q){try{Il=0;var ut=Mt(M,w,Q,q);return ll=null,ut}catch(lt){if(lt===al||lt===iu)throw lt;var St=Te(29,lt,null,M.mode);return St.lanes=q,St.return=M,St}finally{}}}var Ta=Zo(!0),qo=Zo(!1),Qn=!1;function is(t){t.updateQueue={baseState:t.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function us(t,e){t=t.updateQueue,e.updateQueue===t&&(e.updateQueue={baseState:t.baseState,firstBaseUpdate:t.firstBaseUpdate,lastBaseUpdate:t.lastBaseUpdate,shared:t.shared,callbacks:null})}function zn(t){return{lane:t,tag:0,payload:null,callback:null,next:null}}function Yn(t,e,n){var a=t.updateQueue;if(a===null)return null;if(a=a.shared,(Ct&2)!==0){var i=a.pending;return i===null?e.next=e:(e.next=i.next,i.next=e),a.pending=e,e=$i(t),wo(t,null,n),e}return Pi(t,a,e,n),$i(t)}function kl(t,e,n){if(e=e.updateQueue,e!==null&&(e=e.shared,(n&4194048)!==0)){var a=e.lanes;a&=t.pendingLanes,n|=a,e.lanes=n,Br(t,n)}}function cs(t,e){var n=t.updateQueue,a=t.alternate;if(a!==null&&(a=a.updateQueue,n===a)){var i=null,s=null;if(n=n.firstBaseUpdate,n!==null){do{var d={lane:n.lane,tag:n.tag,payload:n.payload,callback:null,next:null};s===null?i=s=d:s=s.next=d,n=n.next}while(n!==null);s===null?i=s=e:s=s.next=e}else i=s=e;n={baseState:a.baseState,firstBaseUpdate:i,lastBaseUpdate:s,shared:a.shared,callbacks:a.callbacks},t.updateQueue=n;return}t=n.lastBaseUpdate,t===null?n.firstBaseUpdate=e:t.next=e,n.lastBaseUpdate=e}var ss=!1;function Jl(){if(ss){var t=nl;if(t!==null)throw t}}function Fl(t,e,n,a){ss=!1;var i=t.updateQueue;Qn=!1;var s=i.firstBaseUpdate,d=i.lastBaseUpdate,g=i.shared.pending;if(g!==null){i.shared.pending=null;var T=g,z=T.next;T.next=null,d===null?s=z:d.next=z,d=T;var V=t.alternate;V!==null&&(V=V.updateQueue,g=V.lastBaseUpdate,g!==d&&(g===null?V.firstBaseUpdate=z:g.next=z,V.lastBaseUpdate=T))}if(s!==null){var I=i.baseState;d=0,V=z=T=null,g=s;do{var Y=g.lane&-536870913,G=Y!==g.lane;if(G?(Et&Y)===Y:(a&Y)===Y){Y!==0&&Y===el&&(ss=!0),V!==null&&(V=V.next={lane:0,tag:g.tag,payload:g.payload,callback:null,next:null});t:{var at=t,ft=g;Y=e;var Mt=n;switch(ft.tag){case 1:if(at=ft.payload,typeof at=="function"){I=at.call(Mt,I,Y);break t}I=at;break t;case 3:at.flags=at.flags&-65537|128;case 0:if(at=ft.payload,Y=typeof at=="function"?at.call(Mt,I,Y):at,Y==null)break t;I=S({},I,Y);break t;case 2:Qn=!0}}Y=g.callback,Y!==null&&(t.flags|=64,G&&(t.flags|=8192),G=i.callbacks,G===null?i.callbacks=[Y]:G.push(Y))}else G={lane:Y,tag:g.tag,payload:g.payload,callback:g.callback,next:null},V===null?(z=V=G,T=I):V=V.next=G,d|=Y;if(g=g.next,g===null){if(g=i.shared.pending,g===null)break;G=g,g=G.next,G.next=null,i.lastBaseUpdate=G,i.shared.pending=null}}while(!0);V===null&&(T=I),i.baseState=T,i.firstBaseUpdate=z,i.lastBaseUpdate=V,s===null&&(i.shared.lanes=0),Zn|=d,t.lanes=d,t.memoizedState=I}}function Io(t,e){if(typeof t!="function")throw Error(f(191,t));t.call(e)}function Ko(t,e){var n=t.callbacks;if(n!==null)for(t.callbacks=null,t=0;t<n.length;t++)Io(n[t],e)}var il=C(null),fu=C(0);function ko(t,e){t=gn,W(fu,t),W(il,e),gn=t|e.baseLanes}function fs(){W(fu,gn),W(il,il.current)}function rs(){gn=fu.current,L(il),L(fu)}var Ce=C(null),Ye=null;function Ln(t){var e=t.alternate;W(Xt,Xt.current&1),W(Ce,t),Ye===null&&(e===null||il.current!==null||e.memoizedState!==null)&&(Ye=t)}function os(t){W(Xt,Xt.current),W(Ce,t),Ye===null&&(Ye=t)}function Jo(t){t.tag===22?(W(Xt,Xt.current),W(Ce,t),Ye===null&&(Ye=t)):Gn()}function Gn(){W(Xt,Xt.current),W(Ce,Ce.current)}function Oe(t){L(Ce),Ye===t&&(Ye=null),L(Xt)}var Xt=C(0);function ru(t){for(var e=t;e!==null;){if(e.tag===13){var n=e.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||yf(n)||Ef(n)))return e}else if(e.tag===19&&(e.memoizedProps.revealOrder==="forwards"||e.memoizedProps.revealOrder==="backwards"||e.memoizedProps.revealOrder==="unstable_legacy-backwards"||e.memoizedProps.revealOrder==="together")){if((e.flags&128)!==0)return e}else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break;for(;e.sibling===null;){if(e.return===null||e.return===t)return null;e=e.return}e.sibling.return=e.return,e=e.sibling}return null}var cn=0,mt=null,Rt=null,qt=null,ou=!1,ul=!1,Ca=!1,du=0,Wl=0,cl=null,xg=0;function Lt(){throw Error(f(321))}function ds(t,e){if(e===null)return!1;for(var n=0;n<e.length&&n<t.length;n++)if(!Se(t[n],e[n]))return!1;return!0}function hs(t,e,n,a,i,s){return cn=s,mt=e,e.memoizedState=null,e.updateQueue=null,e.lanes=0,H.H=t===null||t.memoizedState===null?j0:Rs,Ca=!1,s=n(a,i),Ca=!1,ul&&(s=Wo(e,n,a,i)),Fo(t),s}function Fo(t){H.H=$l;var e=Rt!==null&&Rt.next!==null;if(cn=0,qt=Rt=mt=null,ou=!1,Wl=0,cl=null,e)throw Error(f(300));t===null||It||(t=t.dependencies,t!==null&&nu(t)&&(It=!0))}function Wo(t,e,n,a){mt=t;var i=0;do{if(ul&&(cl=null),Wl=0,ul=!1,25<=i)throw Error(f(301));if(i+=1,qt=Rt=null,t.updateQueue!=null){var s=t.updateQueue;s.lastEffect=null,s.events=null,s.stores=null,s.memoCache!=null&&(s.memoCache.index=0)}H.H=H0,s=e(n,a)}while(ul);return s}function Sg(){var t=H.H,e=t.useState()[0];return e=typeof e.then=="function"?_l(e):e,t=t.useState()[0],(Rt!==null?Rt.memoizedState:null)!==t&&(mt.flags|=1024),e}function ms(){var t=du!==0;return du=0,t}function gs(t,e,n){e.updateQueue=t.updateQueue,e.flags&=-2053,t.lanes&=~n}function As(t){if(ou){for(t=t.memoizedState;t!==null;){var e=t.queue;e!==null&&(e.pending=null),t=t.next}ou=!1}cn=0,qt=Rt=mt=null,ul=!1,Wl=du=0,cl=null}function fe(){var t={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return qt===null?mt.memoizedState=qt=t:qt=qt.next=t,qt}function Vt(){if(Rt===null){var t=mt.alternate;t=t!==null?t.memoizedState:null}else t=Rt.next;var e=qt===null?mt.memoizedState:qt.next;if(e!==null)qt=e,Rt=t;else{if(t===null)throw mt.alternate===null?Error(f(467)):Error(f(310));Rt=t,t={memoizedState:Rt.memoizedState,baseState:Rt.baseState,baseQueue:Rt.baseQueue,queue:Rt.queue,next:null},qt===null?mt.memoizedState=qt=t:qt=qt.next=t}return qt}function hu(){return{lastEffect:null,events:null,stores:null,memoCache:null}}function _l(t){var e=Wl;return Wl+=1,cl===null&&(cl=[]),t=Go(cl,t,e),e=mt,(qt===null?e.memoizedState:qt.next)===null&&(e=e.alternate,H.H=e===null||e.memoizedState===null?j0:Rs),t}function mu(t){if(t!==null&&typeof t=="object"){if(typeof t.then=="function")return _l(t);if(t.$$typeof===U)return ne(t)}throw Error(f(438,String(t)))}function vs(t){var e=null,n=mt.updateQueue;if(n!==null&&(e=n.memoCache),e==null){var a=mt.alternate;a!==null&&(a=a.updateQueue,a!==null&&(a=a.memoCache,a!=null&&(e={data:a.data.map(function(i){return i.slice()}),index:0})))}if(e==null&&(e={data:[],index:0}),n===null&&(n=hu(),mt.updateQueue=n),n.memoCache=e,n=e.data[e.index],n===void 0)for(n=e.data[e.index]=Array(t),a=0;a<t;a++)n[a]=J;return e.index++,n}function sn(t,e){return typeof e=="function"?e(t):e}function gu(t){var e=Vt();return ys(e,Rt,t)}function ys(t,e,n){var a=t.queue;if(a===null)throw Error(f(311));a.lastRenderedReducer=n;var i=t.baseQueue,s=a.pending;if(s!==null){if(i!==null){var d=i.next;i.next=s.next,s.next=d}e.baseQueue=i=s,a.pending=null}if(s=t.baseState,i===null)t.memoizedState=s;else{e=i.next;var g=d=null,T=null,z=e,V=!1;do{var I=z.lane&-536870913;if(I!==z.lane?(Et&I)===I:(cn&I)===I){var Y=z.revertLane;if(Y===0)T!==null&&(T=T.next={lane:0,revertLane:0,gesture:null,action:z.action,hasEagerState:z.hasEagerState,eagerState:z.eagerState,next:null}),I===el&&(V=!0);else if((cn&Y)===Y){z=z.next,Y===el&&(V=!0);continue}else I={lane:0,revertLane:z.revertLane,gesture:null,action:z.action,hasEagerState:z.hasEagerState,eagerState:z.eagerState,next:null},T===null?(g=T=I,d=s):T=T.next=I,mt.lanes|=Y,Zn|=Y;I=z.action,Ca&&n(s,I),s=z.hasEagerState?z.eagerState:n(s,I)}else Y={lane:I,revertLane:z.revertLane,gesture:z.gesture,action:z.action,hasEagerState:z.hasEagerState,eagerState:z.eagerState,next:null},T===null?(g=T=Y,d=s):T=T.next=Y,mt.lanes|=I,Zn|=I;z=z.next}while(z!==null&&z!==e);if(T===null?d=s:T.next=g,!Se(s,t.memoizedState)&&(It=!0,V&&(n=nl,n!==null)))throw n;t.memoizedState=s,t.baseState=d,t.baseQueue=T,a.lastRenderedState=s}return i===null&&(a.lanes=0),[t.memoizedState,a.dispatch]}function Es(t){var e=Vt(),n=e.queue;if(n===null)throw Error(f(311));n.lastRenderedReducer=t;var a=n.dispatch,i=n.pending,s=e.memoizedState;if(i!==null){n.pending=null;var d=i=i.next;do s=t(s,d.action),d=d.next;while(d!==i);Se(s,e.memoizedState)||(It=!0),e.memoizedState=s,e.baseQueue===null&&(e.baseState=s),n.lastRenderedState=s}return[s,a]}function _o(t,e,n){var a=mt,i=Vt(),s=bt;if(s){if(n===void 0)throw Error(f(407));n=n()}else n=e();var d=!Se((Rt||i).memoizedState,n);if(d&&(i.memoizedState=n,It=!0),i=i.queue,xs(t0.bind(null,a,i,t),[t]),i.getSnapshot!==e||d||qt!==null&&qt.memoizedState.tag&1){if(a.flags|=2048,sl(9,{destroy:void 0},$o.bind(null,a,i,n,e),null),jt===null)throw Error(f(349));s||(cn&127)!==0||Po(a,e,n)}return n}function Po(t,e,n){t.flags|=16384,t={getSnapshot:e,value:n},e=mt.updateQueue,e===null?(e=hu(),mt.updateQueue=e,e.stores=[t]):(n=e.stores,n===null?e.stores=[t]:n.push(t))}function $o(t,e,n,a){e.value=n,e.getSnapshot=a,e0(e)&&n0(t)}function t0(t,e,n){return n(function(){e0(e)&&n0(t)})}function e0(t){var e=t.getSnapshot;t=t.value;try{var n=e();return!Se(t,n)}catch{return!0}}function n0(t){var e=Aa(t,2);e!==null&&ve(e,t,2)}function ps(t){var e=fe();if(typeof t=="function"){var n=t;if(t=n(),Ca){Dn(!0);try{n()}finally{Dn(!1)}}}return e.memoizedState=e.baseState=t,e.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:sn,lastRenderedState:t},e}function a0(t,e,n,a){return t.baseState=n,ys(t,Rt,typeof a=="function"?a:sn)}function Tg(t,e,n,a,i){if(yu(t))throw Error(f(485));if(t=e.action,t!==null){var s={payload:i,action:t,next:null,isTransition:!0,status:"pending",value:null,reason:null,listeners:[],then:function(d){s.listeners.push(d)}};H.T!==null?n(!0):s.isTransition=!1,a(s),n=e.pending,n===null?(s.next=e.pending=s,l0(e,s)):(s.next=n.next,e.pending=n.next=s)}}function l0(t,e){var n=e.action,a=e.payload,i=t.state;if(e.isTransition){var s=H.T,d={};H.T=d;try{var g=n(i,a),T=H.S;T!==null&&T(d,g),i0(t,e,g)}catch(z){bs(t,e,z)}finally{s!==null&&d.types!==null&&(s.types=d.types),H.T=s}}else try{s=n(i,a),i0(t,e,s)}catch(z){bs(t,e,z)}}function i0(t,e,n){n!==null&&typeof n=="object"&&typeof n.then=="function"?n.then(function(a){u0(t,e,a)},function(a){return bs(t,e,a)}):u0(t,e,n)}function u0(t,e,n){e.status="fulfilled",e.value=n,c0(e),t.state=n,e=t.pending,e!==null&&(n=e.next,n===e?t.pending=null:(n=n.next,e.next=n,l0(t,n)))}function bs(t,e,n){var a=t.pending;if(t.pending=null,a!==null){a=a.next;do e.status="rejected",e.reason=n,c0(e),e=e.next;while(e!==a)}t.action=null}function c0(t){t=t.listeners;for(var e=0;e<t.length;e++)(0,t[e])()}function s0(t,e){return e}function f0(t,e){if(bt){var n=jt.formState;if(n!==null){t:{var a=mt;if(bt){if(Ht){e:{for(var i=Ht,s=ze;i.nodeType!==8;){if(!s){i=null;break e}if(i=Le(i.nextSibling),i===null){i=null;break e}}s=i.data,i=s==="F!"||s==="F"?i:null}if(i){Ht=Le(i.nextSibling),a=i.data==="F!";break t}}Bn(a)}a=!1}a&&(e=n[0])}}return n=fe(),n.memoizedState=n.baseState=e,a={pending:null,lanes:0,dispatch:null,lastRenderedReducer:s0,lastRenderedState:e},n.queue=a,n=R0.bind(null,mt,a),a.dispatch=n,a=ps(!1),s=ws.bind(null,mt,!1,a.queue),a=fe(),i={state:e,dispatch:null,action:t,pending:null},a.queue=i,n=Tg.bind(null,mt,i,s,n),i.dispatch=n,a.memoizedState=t,[e,n,!1]}function r0(t){var e=Vt();return o0(e,Rt,t)}function o0(t,e,n){if(e=ys(t,e,s0)[0],t=gu(sn)[0],typeof e=="object"&&e!==null&&typeof e.then=="function")try{var a=_l(e)}catch(d){throw d===al?iu:d}else a=e;e=Vt();var i=e.queue,s=i.dispatch;return n!==e.memoizedState&&(mt.flags|=2048,sl(9,{destroy:void 0},Cg.bind(null,i,n),null)),[a,s,t]}function Cg(t,e){t.action=e}function d0(t){var e=Vt(),n=Rt;if(n!==null)return o0(e,n,t);Vt(),e=e.memoizedState,n=Vt();var a=n.queue.dispatch;return n.memoizedState=t,[e,a,!1]}function sl(t,e,n,a){return t={tag:t,create:n,deps:a,inst:e,next:null},e=mt.updateQueue,e===null&&(e=hu(),mt.updateQueue=e),n=e.lastEffect,n===null?e.lastEffect=t.next=t:(a=n.next,n.next=t,t.next=a,e.lastEffect=t),t}function h0(){return Vt().memoizedState}function Au(t,e,n,a){var i=fe();mt.flags|=t,i.memoizedState=sl(1|e,{destroy:void 0},n,a===void 0?null:a)}function vu(t,e,n,a){var i=Vt();a=a===void 0?null:a;var s=i.memoizedState.inst;Rt!==null&&a!==null&&ds(a,Rt.memoizedState.deps)?i.memoizedState=sl(e,s,n,a):(mt.flags|=t,i.memoizedState=sl(1|e,s,n,a))}function m0(t,e){Au(8390656,8,t,e)}function xs(t,e){vu(2048,8,t,e)}function Og(t){mt.flags|=4;var e=mt.updateQueue;if(e===null)e=hu(),mt.updateQueue=e,e.events=[t];else{var n=e.events;n===null?e.events=[t]:n.push(t)}}function g0(t){var e=Vt().memoizedState;return Og({ref:e,nextImpl:t}),function(){if((Ct&2)!==0)throw Error(f(440));return e.impl.apply(void 0,arguments)}}function A0(t,e){return vu(4,2,t,e)}function v0(t,e){return vu(4,4,t,e)}function y0(t,e){if(typeof e=="function"){t=t();var n=e(t);return function(){typeof n=="function"?n():e(null)}}if(e!=null)return t=t(),e.current=t,function(){e.current=null}}function E0(t,e,n){n=n!=null?n.concat([t]):null,vu(4,4,y0.bind(null,e,t),n)}function Ss(){}function p0(t,e){var n=Vt();e=e===void 0?null:e;var a=n.memoizedState;return e!==null&&ds(e,a[1])?a[0]:(n.memoizedState=[t,e],t)}function b0(t,e){var n=Vt();e=e===void 0?null:e;var a=n.memoizedState;if(e!==null&&ds(e,a[1]))return a[0];if(a=t(),Ca){Dn(!0);try{t()}finally{Dn(!1)}}return n.memoizedState=[a,e],a}function Ts(t,e,n){return n===void 0||(cn&1073741824)!==0&&(Et&261930)===0?t.memoizedState=e:(t.memoizedState=n,t=xd(),mt.lanes|=t,Zn|=t,n)}function x0(t,e,n,a){return Se(n,e)?n:il.current!==null?(t=Ts(t,n,a),Se(t,e)||(It=!0),t):(cn&42)===0||(cn&1073741824)!==0&&(Et&261930)===0?(It=!0,t.memoizedState=n):(t=xd(),mt.lanes|=t,Zn|=t,e)}function S0(t,e,n,a,i){var s=_.p;_.p=s!==0&&8>s?s:8;var d=H.T,g={};H.T=g,ws(t,!1,e,n);try{var T=i(),z=H.S;if(z!==null&&z(g,T),T!==null&&typeof T=="object"&&typeof T.then=="function"){var V=bg(T,a);Pl(t,e,V,De(t))}else Pl(t,e,a,De(t))}catch(I){Pl(t,e,{then:function(){},status:"rejected",reason:I},De())}finally{_.p=s,d!==null&&g.types!==null&&(d.types=g.types),H.T=d}}function wg(){}function Cs(t,e,n,a){if(t.tag!==5)throw Error(f(476));var i=T0(t).queue;S0(t,i,e,$,n===null?wg:function(){return C0(t),n(a)})}function T0(t){var e=t.memoizedState;if(e!==null)return e;e={memoizedState:$,baseState:$,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:sn,lastRenderedState:$},next:null};var n={};return e.next={memoizedState:n,baseState:n,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:sn,lastRenderedState:n},next:null},t.memoizedState=e,t=t.alternate,t!==null&&(t.memoizedState=e),e}function C0(t){var e=T0(t);e.next===null&&(e=t.alternate.memoizedState),Pl(t,e.next.queue,{},De())}function Os(){return ne(gi)}function O0(){return Vt().memoizedState}function w0(){return Vt().memoizedState}function Rg(t){for(var e=t.return;e!==null;){switch(e.tag){case 24:case 3:var n=De();t=zn(n);var a=Yn(e,t,n);a!==null&&(ve(a,e,n),kl(a,e,n)),e={cache:es()},t.payload=e;return}e=e.return}}function Dg(t,e,n){var a=De();n={lane:a,revertLane:0,gesture:null,action:n,hasEagerState:!1,eagerState:null,next:null},yu(t)?D0(e,n):(n=qc(t,e,n,a),n!==null&&(ve(n,t,a),M0(n,e,a)))}function R0(t,e,n){var a=De();Pl(t,e,n,a)}function Pl(t,e,n,a){var i={lane:a,revertLane:0,gesture:null,action:n,hasEagerState:!1,eagerState:null,next:null};if(yu(t))D0(e,i);else{var s=t.alternate;if(t.lanes===0&&(s===null||s.lanes===0)&&(s=e.lastRenderedReducer,s!==null))try{var d=e.lastRenderedState,g=s(d,n);if(i.hasEagerState=!0,i.eagerState=g,Se(g,d))return Pi(t,e,i,0),jt===null&&_i(),!1}catch{}finally{}if(n=qc(t,e,i,a),n!==null)return ve(n,t,a),M0(n,e,a),!0}return!1}function ws(t,e,n,a){if(a={lane:2,revertLane:uf(),gesture:null,action:a,hasEagerState:!1,eagerState:null,next:null},yu(t)){if(e)throw Error(f(479))}else e=qc(t,n,a,2),e!==null&&ve(e,t,2)}function yu(t){var e=t.alternate;return t===mt||e!==null&&e===mt}function D0(t,e){ul=ou=!0;var n=t.pending;n===null?e.next=e:(e.next=n.next,n.next=e),t.pending=e}function M0(t,e,n){if((n&4194048)!==0){var a=e.lanes;a&=t.pendingLanes,n|=a,e.lanes=n,Br(t,n)}}var $l={readContext:ne,use:mu,useCallback:Lt,useContext:Lt,useEffect:Lt,useImperativeHandle:Lt,useLayoutEffect:Lt,useInsertionEffect:Lt,useMemo:Lt,useReducer:Lt,useRef:Lt,useState:Lt,useDebugValue:Lt,useDeferredValue:Lt,useTransition:Lt,useSyncExternalStore:Lt,useId:Lt,useHostTransitionStatus:Lt,useFormState:Lt,useActionState:Lt,useOptimistic:Lt,useMemoCache:Lt,useCacheRefresh:Lt};$l.useEffectEvent=Lt;var j0={readContext:ne,use:mu,useCallback:function(t,e){return fe().memoizedState=[t,e===void 0?null:e],t},useContext:ne,useEffect:m0,useImperativeHandle:function(t,e,n){n=n!=null?n.concat([t]):null,Au(4194308,4,y0.bind(null,e,t),n)},useLayoutEffect:function(t,e){return Au(4194308,4,t,e)},useInsertionEffect:function(t,e){Au(4,2,t,e)},useMemo:function(t,e){var n=fe();e=e===void 0?null:e;var a=t();if(Ca){Dn(!0);try{t()}finally{Dn(!1)}}return n.memoizedState=[a,e],a},useReducer:function(t,e,n){var a=fe();if(n!==void 0){var i=n(e);if(Ca){Dn(!0);try{n(e)}finally{Dn(!1)}}}else i=e;return a.memoizedState=a.baseState=i,t={pending:null,lanes:0,dispatch:null,lastRenderedReducer:t,lastRenderedState:i},a.queue=t,t=t.dispatch=Dg.bind(null,mt,t),[a.memoizedState,t]},useRef:function(t){var e=fe();return t={current:t},e.memoizedState=t},useState:function(t){t=ps(t);var e=t.queue,n=R0.bind(null,mt,e);return e.dispatch=n,[t.memoizedState,n]},useDebugValue:Ss,useDeferredValue:function(t,e){var n=fe();return Ts(n,t,e)},useTransition:function(){var t=ps(!1);return t=S0.bind(null,mt,t.queue,!0,!1),fe().memoizedState=t,[!1,t]},useSyncExternalStore:function(t,e,n){var a=mt,i=fe();if(bt){if(n===void 0)throw Error(f(407));n=n()}else{if(n=e(),jt===null)throw Error(f(349));(Et&127)!==0||Po(a,e,n)}i.memoizedState=n;var s={value:n,getSnapshot:e};return i.queue=s,m0(t0.bind(null,a,s,t),[t]),a.flags|=2048,sl(9,{destroy:void 0},$o.bind(null,a,s,n,e),null),n},useId:function(){var t=fe(),e=jt.identifierPrefix;if(bt){var n=Fe,a=Je;n=(a&~(1<<32-xe(a)-1)).toString(32)+n,e="_"+e+"R_"+n,n=du++,0<n&&(e+="H"+n.toString(32)),e+="_"}else n=xg++,e="_"+e+"r_"+n.toString(32)+"_";return t.memoizedState=e},useHostTransitionStatus:Os,useFormState:f0,useActionState:f0,useOptimistic:function(t){var e=fe();e.memoizedState=e.baseState=t;var n={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};return e.queue=n,e=ws.bind(null,mt,!0,n),n.dispatch=e,[t,e]},useMemoCache:vs,useCacheRefresh:function(){return fe().memoizedState=Rg.bind(null,mt)},useEffectEvent:function(t){var e=fe(),n={impl:t};return e.memoizedState=n,function(){if((Ct&2)!==0)throw Error(f(440));return n.impl.apply(void 0,arguments)}}},Rs={readContext:ne,use:mu,useCallback:p0,useContext:ne,useEffect:xs,useImperativeHandle:E0,useInsertionEffect:A0,useLayoutEffect:v0,useMemo:b0,useReducer:gu,useRef:h0,useState:function(){return gu(sn)},useDebugValue:Ss,useDeferredValue:function(t,e){var n=Vt();return x0(n,Rt.memoizedState,t,e)},useTransition:function(){var t=gu(sn)[0],e=Vt().memoizedState;return[typeof t=="boolean"?t:_l(t),e]},useSyncExternalStore:_o,useId:O0,useHostTransitionStatus:Os,useFormState:r0,useActionState:r0,useOptimistic:function(t,e){var n=Vt();return a0(n,Rt,t,e)},useMemoCache:vs,useCacheRefresh:w0};Rs.useEffectEvent=g0;var H0={readContext:ne,use:mu,useCallback:p0,useContext:ne,useEffect:xs,useImperativeHandle:E0,useInsertionEffect:A0,useLayoutEffect:v0,useMemo:b0,useReducer:Es,useRef:h0,useState:function(){return Es(sn)},useDebugValue:Ss,useDeferredValue:function(t,e){var n=Vt();return Rt===null?Ts(n,t,e):x0(n,Rt.memoizedState,t,e)},useTransition:function(){var t=Es(sn)[0],e=Vt().memoizedState;return[typeof t=="boolean"?t:_l(t),e]},useSyncExternalStore:_o,useId:O0,useHostTransitionStatus:Os,useFormState:d0,useActionState:d0,useOptimistic:function(t,e){var n=Vt();return Rt!==null?a0(n,Rt,t,e):(n.baseState=t,[t,n.queue.dispatch])},useMemoCache:vs,useCacheRefresh:w0};H0.useEffectEvent=g0;function Ds(t,e,n,a){e=t.memoizedState,n=n(a,e),n=n==null?e:S({},e,n),t.memoizedState=n,t.lanes===0&&(t.updateQueue.baseState=n)}var Ms={enqueueSetState:function(t,e,n){t=t._reactInternals;var a=De(),i=zn(a);i.payload=e,n!=null&&(i.callback=n),e=Yn(t,i,a),e!==null&&(ve(e,t,a),kl(e,t,a))},enqueueReplaceState:function(t,e,n){t=t._reactInternals;var a=De(),i=zn(a);i.tag=1,i.payload=e,n!=null&&(i.callback=n),e=Yn(t,i,a),e!==null&&(ve(e,t,a),kl(e,t,a))},enqueueForceUpdate:function(t,e){t=t._reactInternals;var n=De(),a=zn(n);a.tag=2,e!=null&&(a.callback=e),e=Yn(t,a,n),e!==null&&(ve(e,t,n),kl(e,t,n))}};function N0(t,e,n,a,i,s,d){return t=t.stateNode,typeof t.shouldComponentUpdate=="function"?t.shouldComponentUpdate(a,s,d):e.prototype&&e.prototype.isPureReactComponent?!Ll(n,a)||!Ll(i,s):!0}function B0(t,e,n,a){t=e.state,typeof e.componentWillReceiveProps=="function"&&e.componentWillReceiveProps(n,a),typeof e.UNSAFE_componentWillReceiveProps=="function"&&e.UNSAFE_componentWillReceiveProps(n,a),e.state!==t&&Ms.enqueueReplaceState(e,e.state,null)}function Oa(t,e){var n=e;if("ref"in e){n={};for(var a in e)a!=="ref"&&(n[a]=e[a])}if(t=t.defaultProps){n===e&&(n=S({},n));for(var i in t)n[i]===void 0&&(n[i]=t[i])}return n}function U0(t){Wi(t)}function Q0(t){console.error(t)}function z0(t){Wi(t)}function Eu(t,e){try{var n=t.onUncaughtError;n(e.value,{componentStack:e.stack})}catch(a){setTimeout(function(){throw a})}}function Y0(t,e,n){try{var a=t.onCaughtError;a(n.value,{componentStack:n.stack,errorBoundary:e.tag===1?e.stateNode:null})}catch(i){setTimeout(function(){throw i})}}function js(t,e,n){return n=zn(n),n.tag=3,n.payload={element:null},n.callback=function(){Eu(t,e)},n}function L0(t){return t=zn(t),t.tag=3,t}function G0(t,e,n,a){var i=n.type.getDerivedStateFromError;if(typeof i=="function"){var s=a.value;t.payload=function(){return i(s)},t.callback=function(){Y0(e,n,a)}}var d=n.stateNode;d!==null&&typeof d.componentDidCatch=="function"&&(t.callback=function(){Y0(e,n,a),typeof i!="function"&&(qn===null?qn=new Set([this]):qn.add(this));var g=a.stack;this.componentDidCatch(a.value,{componentStack:g!==null?g:""})})}function Mg(t,e,n,a,i){if(n.flags|=32768,a!==null&&typeof a=="object"&&typeof a.then=="function"){if(e=n.alternate,e!==null&&tl(e,n,i,!0),n=Ce.current,n!==null){switch(n.tag){case 31:case 13:return Ye===null?ju():n.alternate===null&&Gt===0&&(Gt=3),n.flags&=-257,n.flags|=65536,n.lanes=i,a===uu?n.flags|=16384:(e=n.updateQueue,e===null?n.updateQueue=new Set([a]):e.add(a),nf(t,a,i)),!1;case 22:return n.flags|=65536,a===uu?n.flags|=16384:(e=n.updateQueue,e===null?(e={transitions:null,markerInstances:null,retryQueue:new Set([a])},n.updateQueue=e):(n=e.retryQueue,n===null?e.retryQueue=new Set([a]):n.add(a)),nf(t,a,i)),!1}throw Error(f(435,n.tag))}return nf(t,a,i),ju(),!1}if(bt)return e=Ce.current,e!==null?((e.flags&65536)===0&&(e.flags|=256),e.flags|=65536,e.lanes=i,a!==Wc&&(t=Error(f(422),{cause:a}),Vl(Be(t,n)))):(a!==Wc&&(e=Error(f(423),{cause:a}),Vl(Be(e,n))),t=t.current.alternate,t.flags|=65536,i&=-i,t.lanes|=i,a=Be(a,n),i=js(t.stateNode,a,i),cs(t,i),Gt!==4&&(Gt=2)),!1;var s=Error(f(520),{cause:a});if(s=Be(s,n),ci===null?ci=[s]:ci.push(s),Gt!==4&&(Gt=2),e===null)return!0;a=Be(a,n),n=e;do{switch(n.tag){case 3:return n.flags|=65536,t=i&-i,n.lanes|=t,t=js(n.stateNode,a,t),cs(n,t),!1;case 1:if(e=n.type,s=n.stateNode,(n.flags&128)===0&&(typeof e.getDerivedStateFromError=="function"||s!==null&&typeof s.componentDidCatch=="function"&&(qn===null||!qn.has(s))))return n.flags|=65536,i&=-i,n.lanes|=i,i=L0(i),G0(i,t,n,a),cs(n,i),!1}n=n.return}while(n!==null);return!1}var Hs=Error(f(461)),It=!1;function ae(t,e,n,a){e.child=t===null?qo(e,null,n,a):Ta(e,t.child,n,a)}function X0(t,e,n,a,i){n=n.render;var s=e.ref;if("ref"in a){var d={};for(var g in a)g!=="ref"&&(d[g]=a[g])}else d=a;return pa(e),a=hs(t,e,n,d,s,i),g=ms(),t!==null&&!It?(gs(t,e,i),fn(t,e,i)):(bt&&g&&Jc(e),e.flags|=1,ae(t,e,a,i),e.child)}function V0(t,e,n,a,i){if(t===null){var s=n.type;return typeof s=="function"&&!Ic(s)&&s.defaultProps===void 0&&n.compare===null?(e.tag=15,e.type=s,Z0(t,e,s,a,i)):(t=tu(n.type,null,a,e,e.mode,i),t.ref=e.ref,t.return=e,e.child=t)}if(s=t.child,!Gs(t,i)){var d=s.memoizedProps;if(n=n.compare,n=n!==null?n:Ll,n(d,a)&&t.ref===e.ref)return fn(t,e,i)}return e.flags|=1,t=nn(s,a),t.ref=e.ref,t.return=e,e.child=t}function Z0(t,e,n,a,i){if(t!==null){var s=t.memoizedProps;if(Ll(s,a)&&t.ref===e.ref)if(It=!1,e.pendingProps=a=s,Gs(t,i))(t.flags&131072)!==0&&(It=!0);else return e.lanes=t.lanes,fn(t,e,i)}return Ns(t,e,n,a,i)}function q0(t,e,n,a){var i=a.children,s=t!==null?t.memoizedState:null;if(t===null&&e.stateNode===null&&(e.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null}),a.mode==="hidden"){if((e.flags&128)!==0){if(s=s!==null?s.baseLanes|n:n,t!==null){for(a=e.child=t.child,i=0;a!==null;)i=i|a.lanes|a.childLanes,a=a.sibling;a=i&~s}else a=0,e.child=null;return I0(t,e,s,n,a)}if((n&536870912)!==0)e.memoizedState={baseLanes:0,cachePool:null},t!==null&&lu(e,s!==null?s.cachePool:null),s!==null?ko(e,s):fs(),Jo(e);else return a=e.lanes=536870912,I0(t,e,s!==null?s.baseLanes|n:n,n,a)}else s!==null?(lu(e,s.cachePool),ko(e,s),Gn(),e.memoizedState=null):(t!==null&&lu(e,null),fs(),Gn());return ae(t,e,i,n),e.child}function ti(t,e){return t!==null&&t.tag===22||e.stateNode!==null||(e.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null}),e.sibling}function I0(t,e,n,a,i){var s=as();return s=s===null?null:{parent:Zt._currentValue,pool:s},e.memoizedState={baseLanes:n,cachePool:s},t!==null&&lu(e,null),fs(),Jo(e),t!==null&&tl(t,e,a,!0),e.childLanes=i,null}function pu(t,e){return e=xu({mode:e.mode,children:e.children},t.mode),e.ref=t.ref,t.child=e,e.return=t,e}function K0(t,e,n){return Ta(e,t.child,null,n),t=pu(e,e.pendingProps),t.flags|=2,Oe(e),e.memoizedState=null,t}function jg(t,e,n){var a=e.pendingProps,i=(e.flags&128)!==0;if(e.flags&=-129,t===null){if(bt){if(a.mode==="hidden")return t=pu(e,a),e.lanes=536870912,ti(null,t);if(os(e),(t=Ht)?(t=l1(t,ze),t=t!==null&&t.data==="&"?t:null,t!==null&&(e.memoizedState={dehydrated:t,treeContext:Hn!==null?{id:Je,overflow:Fe}:null,retryLane:536870912,hydrationErrors:null},n=Do(t),n.return=e,e.child=n,ee=e,Ht=null)):t=null,t===null)throw Bn(e);return e.lanes=536870912,null}return pu(e,a)}var s=t.memoizedState;if(s!==null){var d=s.dehydrated;if(os(e),i)if(e.flags&256)e.flags&=-257,e=K0(t,e,n);else if(e.memoizedState!==null)e.child=t.child,e.flags|=128,e=null;else throw Error(f(558));else if(It||tl(t,e,n,!1),i=(n&t.childLanes)!==0,It||i){if(a=jt,a!==null&&(d=Ur(a,n),d!==0&&d!==s.retryLane))throw s.retryLane=d,Aa(t,d),ve(a,t,d),Hs;ju(),e=K0(t,e,n)}else t=s.treeContext,Ht=Le(d.nextSibling),ee=e,bt=!0,Nn=null,ze=!1,t!==null&&Ho(e,t),e=pu(e,a),e.flags|=4096;return e}return t=nn(t.child,{mode:a.mode,children:a.children}),t.ref=e.ref,e.child=t,t.return=e,t}function bu(t,e){var n=e.ref;if(n===null)t!==null&&t.ref!==null&&(e.flags|=4194816);else{if(typeof n!="function"&&typeof n!="object")throw Error(f(284));(t===null||t.ref!==n)&&(e.flags|=4194816)}}function Ns(t,e,n,a,i){return pa(e),n=hs(t,e,n,a,void 0,i),a=ms(),t!==null&&!It?(gs(t,e,i),fn(t,e,i)):(bt&&a&&Jc(e),e.flags|=1,ae(t,e,n,i),e.child)}function k0(t,e,n,a,i,s){return pa(e),e.updateQueue=null,n=Wo(e,a,n,i),Fo(t),a=ms(),t!==null&&!It?(gs(t,e,s),fn(t,e,s)):(bt&&a&&Jc(e),e.flags|=1,ae(t,e,n,s),e.child)}function J0(t,e,n,a,i){if(pa(e),e.stateNode===null){var s=Wa,d=n.contextType;typeof d=="object"&&d!==null&&(s=ne(d)),s=new n(a,s),e.memoizedState=s.state!==null&&s.state!==void 0?s.state:null,s.updater=Ms,e.stateNode=s,s._reactInternals=e,s=e.stateNode,s.props=a,s.state=e.memoizedState,s.refs={},is(e),d=n.contextType,s.context=typeof d=="object"&&d!==null?ne(d):Wa,s.state=e.memoizedState,d=n.getDerivedStateFromProps,typeof d=="function"&&(Ds(e,n,d,a),s.state=e.memoizedState),typeof n.getDerivedStateFromProps=="function"||typeof s.getSnapshotBeforeUpdate=="function"||typeof s.UNSAFE_componentWillMount!="function"&&typeof s.componentWillMount!="function"||(d=s.state,typeof s.componentWillMount=="function"&&s.componentWillMount(),typeof s.UNSAFE_componentWillMount=="function"&&s.UNSAFE_componentWillMount(),d!==s.state&&Ms.enqueueReplaceState(s,s.state,null),Fl(e,a,s,i),Jl(),s.state=e.memoizedState),typeof s.componentDidMount=="function"&&(e.flags|=4194308),a=!0}else if(t===null){s=e.stateNode;var g=e.memoizedProps,T=Oa(n,g);s.props=T;var z=s.context,V=n.contextType;d=Wa,typeof V=="object"&&V!==null&&(d=ne(V));var I=n.getDerivedStateFromProps;V=typeof I=="function"||typeof s.getSnapshotBeforeUpdate=="function",g=e.pendingProps!==g,V||typeof s.UNSAFE_componentWillReceiveProps!="function"&&typeof s.componentWillReceiveProps!="function"||(g||z!==d)&&B0(e,s,a,d),Qn=!1;var Y=e.memoizedState;s.state=Y,Fl(e,a,s,i),Jl(),z=e.memoizedState,g||Y!==z||Qn?(typeof I=="function"&&(Ds(e,n,I,a),z=e.memoizedState),(T=Qn||N0(e,n,T,a,Y,z,d))?(V||typeof s.UNSAFE_componentWillMount!="function"&&typeof s.componentWillMount!="function"||(typeof s.componentWillMount=="function"&&s.componentWillMount(),typeof s.UNSAFE_componentWillMount=="function"&&s.UNSAFE_componentWillMount()),typeof s.componentDidMount=="function"&&(e.flags|=4194308)):(typeof s.componentDidMount=="function"&&(e.flags|=4194308),e.memoizedProps=a,e.memoizedState=z),s.props=a,s.state=z,s.context=d,a=T):(typeof s.componentDidMount=="function"&&(e.flags|=4194308),a=!1)}else{s=e.stateNode,us(t,e),d=e.memoizedProps,V=Oa(n,d),s.props=V,I=e.pendingProps,Y=s.context,z=n.contextType,T=Wa,typeof z=="object"&&z!==null&&(T=ne(z)),g=n.getDerivedStateFromProps,(z=typeof g=="function"||typeof s.getSnapshotBeforeUpdate=="function")||typeof s.UNSAFE_componentWillReceiveProps!="function"&&typeof s.componentWillReceiveProps!="function"||(d!==I||Y!==T)&&B0(e,s,a,T),Qn=!1,Y=e.memoizedState,s.state=Y,Fl(e,a,s,i),Jl();var G=e.memoizedState;d!==I||Y!==G||Qn||t!==null&&t.dependencies!==null&&nu(t.dependencies)?(typeof g=="function"&&(Ds(e,n,g,a),G=e.memoizedState),(V=Qn||N0(e,n,V,a,Y,G,T)||t!==null&&t.dependencies!==null&&nu(t.dependencies))?(z||typeof s.UNSAFE_componentWillUpdate!="function"&&typeof s.componentWillUpdate!="function"||(typeof s.componentWillUpdate=="function"&&s.componentWillUpdate(a,G,T),typeof s.UNSAFE_componentWillUpdate=="function"&&s.UNSAFE_componentWillUpdate(a,G,T)),typeof s.componentDidUpdate=="function"&&(e.flags|=4),typeof s.getSnapshotBeforeUpdate=="function"&&(e.flags|=1024)):(typeof s.componentDidUpdate!="function"||d===t.memoizedProps&&Y===t.memoizedState||(e.flags|=4),typeof s.getSnapshotBeforeUpdate!="function"||d===t.memoizedProps&&Y===t.memoizedState||(e.flags|=1024),e.memoizedProps=a,e.memoizedState=G),s.props=a,s.state=G,s.context=T,a=V):(typeof s.componentDidUpdate!="function"||d===t.memoizedProps&&Y===t.memoizedState||(e.flags|=4),typeof s.getSnapshotBeforeUpdate!="function"||d===t.memoizedProps&&Y===t.memoizedState||(e.flags|=1024),a=!1)}return s=a,bu(t,e),a=(e.flags&128)!==0,s||a?(s=e.stateNode,n=a&&typeof n.getDerivedStateFromError!="function"?null:s.render(),e.flags|=1,t!==null&&a?(e.child=Ta(e,t.child,null,i),e.child=Ta(e,null,n,i)):ae(t,e,n,i),e.memoizedState=s.state,t=e.child):t=fn(t,e,i),t}function F0(t,e,n,a){return ya(),e.flags|=256,ae(t,e,n,a),e.child}var Bs={dehydrated:null,treeContext:null,retryLane:0,hydrationErrors:null};function Us(t){return{baseLanes:t,cachePool:Yo()}}function Qs(t,e,n){return t=t!==null?t.childLanes&~n:0,e&&(t|=Re),t}function W0(t,e,n){var a=e.pendingProps,i=!1,s=(e.flags&128)!==0,d;if((d=s)||(d=t!==null&&t.memoizedState===null?!1:(Xt.current&2)!==0),d&&(i=!0,e.flags&=-129),d=(e.flags&32)!==0,e.flags&=-33,t===null){if(bt){if(i?Ln(e):Gn(),(t=Ht)?(t=l1(t,ze),t=t!==null&&t.data!=="&"?t:null,t!==null&&(e.memoizedState={dehydrated:t,treeContext:Hn!==null?{id:Je,overflow:Fe}:null,retryLane:536870912,hydrationErrors:null},n=Do(t),n.return=e,e.child=n,ee=e,Ht=null)):t=null,t===null)throw Bn(e);return Ef(t)?e.lanes=32:e.lanes=536870912,null}var g=a.children;return a=a.fallback,i?(Gn(),i=e.mode,g=xu({mode:"hidden",children:g},i),a=va(a,i,n,null),g.return=e,a.return=e,g.sibling=a,e.child=g,a=e.child,a.memoizedState=Us(n),a.childLanes=Qs(t,d,n),e.memoizedState=Bs,ti(null,a)):(Ln(e),zs(e,g))}var T=t.memoizedState;if(T!==null&&(g=T.dehydrated,g!==null)){if(s)e.flags&256?(Ln(e),e.flags&=-257,e=Ys(t,e,n)):e.memoizedState!==null?(Gn(),e.child=t.child,e.flags|=128,e=null):(Gn(),g=a.fallback,i=e.mode,a=xu({mode:"visible",children:a.children},i),g=va(g,i,n,null),g.flags|=2,a.return=e,g.return=e,a.sibling=g,e.child=a,Ta(e,t.child,null,n),a=e.child,a.memoizedState=Us(n),a.childLanes=Qs(t,d,n),e.memoizedState=Bs,e=ti(null,a));else if(Ln(e),Ef(g)){if(d=g.nextSibling&&g.nextSibling.dataset,d)var z=d.dgst;d=z,a=Error(f(419)),a.stack="",a.digest=d,Vl({value:a,source:null,stack:null}),e=Ys(t,e,n)}else if(It||tl(t,e,n,!1),d=(n&t.childLanes)!==0,It||d){if(d=jt,d!==null&&(a=Ur(d,n),a!==0&&a!==T.retryLane))throw T.retryLane=a,Aa(t,a),ve(d,t,a),Hs;yf(g)||ju(),e=Ys(t,e,n)}else yf(g)?(e.flags|=192,e.child=t.child,e=null):(t=T.treeContext,Ht=Le(g.nextSibling),ee=e,bt=!0,Nn=null,ze=!1,t!==null&&Ho(e,t),e=zs(e,a.children),e.flags|=4096);return e}return i?(Gn(),g=a.fallback,i=e.mode,T=t.child,z=T.sibling,a=nn(T,{mode:"hidden",children:a.children}),a.subtreeFlags=T.subtreeFlags&65011712,z!==null?g=nn(z,g):(g=va(g,i,n,null),g.flags|=2),g.return=e,a.return=e,a.sibling=g,e.child=a,ti(null,a),a=e.child,g=t.child.memoizedState,g===null?g=Us(n):(i=g.cachePool,i!==null?(T=Zt._currentValue,i=i.parent!==T?{parent:T,pool:T}:i):i=Yo(),g={baseLanes:g.baseLanes|n,cachePool:i}),a.memoizedState=g,a.childLanes=Qs(t,d,n),e.memoizedState=Bs,ti(t.child,a)):(Ln(e),n=t.child,t=n.sibling,n=nn(n,{mode:"visible",children:a.children}),n.return=e,n.sibling=null,t!==null&&(d=e.deletions,d===null?(e.deletions=[t],e.flags|=16):d.push(t)),e.child=n,e.memoizedState=null,n)}function zs(t,e){return e=xu({mode:"visible",children:e},t.mode),e.return=t,t.child=e}function xu(t,e){return t=Te(22,t,null,e),t.lanes=0,t}function Ys(t,e,n){return Ta(e,t.child,null,n),t=zs(e,e.pendingProps.children),t.flags|=2,e.memoizedState=null,t}function _0(t,e,n){t.lanes|=e;var a=t.alternate;a!==null&&(a.lanes|=e),$c(t.return,e,n)}function Ls(t,e,n,a,i,s){var d=t.memoizedState;d===null?t.memoizedState={isBackwards:e,rendering:null,renderingStartTime:0,last:a,tail:n,tailMode:i,treeForkCount:s}:(d.isBackwards=e,d.rendering=null,d.renderingStartTime=0,d.last=a,d.tail=n,d.tailMode=i,d.treeForkCount=s)}function P0(t,e,n){var a=e.pendingProps,i=a.revealOrder,s=a.tail;a=a.children;var d=Xt.current,g=(d&2)!==0;if(g?(d=d&1|2,e.flags|=128):d&=1,W(Xt,d),ae(t,e,a,n),a=bt?Xl:0,!g&&t!==null&&(t.flags&128)!==0)t:for(t=e.child;t!==null;){if(t.tag===13)t.memoizedState!==null&&_0(t,n,e);else if(t.tag===19)_0(t,n,e);else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break t;for(;t.sibling===null;){if(t.return===null||t.return===e)break t;t=t.return}t.sibling.return=t.return,t=t.sibling}switch(i){case"forwards":for(n=e.child,i=null;n!==null;)t=n.alternate,t!==null&&ru(t)===null&&(i=n),n=n.sibling;n=i,n===null?(i=e.child,e.child=null):(i=n.sibling,n.sibling=null),Ls(e,!1,i,n,s,a);break;case"backwards":case"unstable_legacy-backwards":for(n=null,i=e.child,e.child=null;i!==null;){if(t=i.alternate,t!==null&&ru(t)===null){e.child=i;break}t=i.sibling,i.sibling=n,n=i,i=t}Ls(e,!0,n,null,s,a);break;case"together":Ls(e,!1,null,null,void 0,a);break;default:e.memoizedState=null}return e.child}function fn(t,e,n){if(t!==null&&(e.dependencies=t.dependencies),Zn|=e.lanes,(n&e.childLanes)===0)if(t!==null){if(tl(t,e,n,!1),(n&e.childLanes)===0)return null}else return null;if(t!==null&&e.child!==t.child)throw Error(f(153));if(e.child!==null){for(t=e.child,n=nn(t,t.pendingProps),e.child=n,n.return=e;t.sibling!==null;)t=t.sibling,n=n.sibling=nn(t,t.pendingProps),n.return=e;n.sibling=null}return e.child}function Gs(t,e){return(t.lanes&e)!==0?!0:(t=t.dependencies,!!(t!==null&&nu(t)))}function Hg(t,e,n){switch(e.tag){case 3:Ft(e,e.stateNode.containerInfo),Un(e,Zt,t.memoizedState.cache),ya();break;case 27:case 5:On(e);break;case 4:Ft(e,e.stateNode.containerInfo);break;case 10:Un(e,e.type,e.memoizedProps.value);break;case 31:if(e.memoizedState!==null)return e.flags|=128,os(e),null;break;case 13:var a=e.memoizedState;if(a!==null)return a.dehydrated!==null?(Ln(e),e.flags|=128,null):(n&e.child.childLanes)!==0?W0(t,e,n):(Ln(e),t=fn(t,e,n),t!==null?t.sibling:null);Ln(e);break;case 19:var i=(t.flags&128)!==0;if(a=(n&e.childLanes)!==0,a||(tl(t,e,n,!1),a=(n&e.childLanes)!==0),i){if(a)return P0(t,e,n);e.flags|=128}if(i=e.memoizedState,i!==null&&(i.rendering=null,i.tail=null,i.lastEffect=null),W(Xt,Xt.current),a)break;return null;case 22:return e.lanes=0,q0(t,e,n,e.pendingProps);case 24:Un(e,Zt,t.memoizedState.cache)}return fn(t,e,n)}function $0(t,e,n){if(t!==null)if(t.memoizedProps!==e.pendingProps)It=!0;else{if(!Gs(t,n)&&(e.flags&128)===0)return It=!1,Hg(t,e,n);It=(t.flags&131072)!==0}else It=!1,bt&&(e.flags&1048576)!==0&&jo(e,Xl,e.index);switch(e.lanes=0,e.tag){case 16:t:{var a=e.pendingProps;if(t=xa(e.elementType),e.type=t,typeof t=="function")Ic(t)?(a=Oa(t,a),e.tag=1,e=J0(null,e,t,a,n)):(e.tag=0,e=Ns(null,e,t,a,n));else{if(t!=null){var i=t.$$typeof;if(i===Z){e.tag=11,e=X0(null,e,t,a,n);break t}else if(i===D){e.tag=14,e=V0(null,e,t,a,n);break t}}throw e=st(t)||t,Error(f(306,e,""))}}return e;case 0:return Ns(t,e,e.type,e.pendingProps,n);case 1:return a=e.type,i=Oa(a,e.pendingProps),J0(t,e,a,i,n);case 3:t:{if(Ft(e,e.stateNode.containerInfo),t===null)throw Error(f(387));a=e.pendingProps;var s=e.memoizedState;i=s.element,us(t,e),Fl(e,a,null,n);var d=e.memoizedState;if(a=d.cache,Un(e,Zt,a),a!==s.cache&&ts(e,[Zt],n,!0),Jl(),a=d.element,s.isDehydrated)if(s={element:a,isDehydrated:!1,cache:d.cache},e.updateQueue.baseState=s,e.memoizedState=s,e.flags&256){e=F0(t,e,a,n);break t}else if(a!==i){i=Be(Error(f(424)),e),Vl(i),e=F0(t,e,a,n);break t}else{switch(t=e.stateNode.containerInfo,t.nodeType){case 9:t=t.body;break;default:t=t.nodeName==="HTML"?t.ownerDocument.body:t}for(Ht=Le(t.firstChild),ee=e,bt=!0,Nn=null,ze=!0,n=qo(e,null,a,n),e.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling}else{if(ya(),a===i){e=fn(t,e,n);break t}ae(t,e,a,n)}e=e.child}return e;case 26:return bu(t,e),t===null?(n=r1(e.type,null,e.pendingProps,null))?e.memoizedState=n:bt||(n=e.type,t=e.pendingProps,a=Yu(ot.current).createElement(n),a[te]=e,a[oe]=t,le(a,n,t),Wt(a),e.stateNode=a):e.memoizedState=r1(e.type,t.memoizedProps,e.pendingProps,t.memoizedState),null;case 27:return On(e),t===null&&bt&&(a=e.stateNode=c1(e.type,e.pendingProps,ot.current),ee=e,ze=!0,i=Ht,Jn(e.type)?(pf=i,Ht=Le(a.firstChild)):Ht=i),ae(t,e,e.pendingProps.children,n),bu(t,e),t===null&&(e.flags|=4194304),e.child;case 5:return t===null&&bt&&((i=a=Ht)&&(a=sA(a,e.type,e.pendingProps,ze),a!==null?(e.stateNode=a,ee=e,Ht=Le(a.firstChild),ze=!1,i=!0):i=!1),i||Bn(e)),On(e),i=e.type,s=e.pendingProps,d=t!==null?t.memoizedProps:null,a=s.children,gf(i,s)?a=null:d!==null&&gf(i,d)&&(e.flags|=32),e.memoizedState!==null&&(i=hs(t,e,Sg,null,null,n),gi._currentValue=i),bu(t,e),ae(t,e,a,n),e.child;case 6:return t===null&&bt&&((t=n=Ht)&&(n=fA(n,e.pendingProps,ze),n!==null?(e.stateNode=n,ee=e,Ht=null,t=!0):t=!1),t||Bn(e)),null;case 13:return W0(t,e,n);case 4:return Ft(e,e.stateNode.containerInfo),a=e.pendingProps,t===null?e.child=Ta(e,null,a,n):ae(t,e,a,n),e.child;case 11:return X0(t,e,e.type,e.pendingProps,n);case 7:return ae(t,e,e.pendingProps,n),e.child;case 8:return ae(t,e,e.pendingProps.children,n),e.child;case 12:return ae(t,e,e.pendingProps.children,n),e.child;case 10:return a=e.pendingProps,Un(e,e.type,a.value),ae(t,e,a.children,n),e.child;case 9:return i=e.type._context,a=e.pendingProps.children,pa(e),i=ne(i),a=a(i),e.flags|=1,ae(t,e,a,n),e.child;case 14:return V0(t,e,e.type,e.pendingProps,n);case 15:return Z0(t,e,e.type,e.pendingProps,n);case 19:return P0(t,e,n);case 31:return jg(t,e,n);case 22:return q0(t,e,n,e.pendingProps);case 24:return pa(e),a=ne(Zt),t===null?(i=as(),i===null&&(i=jt,s=es(),i.pooledCache=s,s.refCount++,s!==null&&(i.pooledCacheLanes|=n),i=s),e.memoizedState={parent:a,cache:i},is(e),Un(e,Zt,i)):((t.lanes&n)!==0&&(us(t,e),Fl(e,null,null,n),Jl()),i=t.memoizedState,s=e.memoizedState,i.parent!==a?(i={parent:a,cache:a},e.memoizedState=i,e.lanes===0&&(e.memoizedState=e.updateQueue.baseState=i),Un(e,Zt,a)):(a=s.cache,Un(e,Zt,a),a!==i.cache&&ts(e,[Zt],n,!0))),ae(t,e,e.pendingProps.children,n),e.child;case 29:throw e.pendingProps}throw Error(f(156,e.tag))}function rn(t){t.flags|=4}function Xs(t,e,n,a,i){if((e=(t.mode&32)!==0)&&(e=!1),e){if(t.flags|=16777216,(i&335544128)===i)if(t.stateNode.complete)t.flags|=8192;else if(Od())t.flags|=8192;else throw Sa=uu,ls}else t.flags&=-16777217}function td(t,e){if(e.type!=="stylesheet"||(e.state.loading&4)!==0)t.flags&=-16777217;else if(t.flags|=16777216,!g1(e))if(Od())t.flags|=8192;else throw Sa=uu,ls}function Su(t,e){e!==null&&(t.flags|=4),t.flags&16384&&(e=t.tag!==22?Hr():536870912,t.lanes|=e,dl|=e)}function ei(t,e){if(!bt)switch(t.tailMode){case"hidden":e=t.tail;for(var n=null;e!==null;)e.alternate!==null&&(n=e),e=e.sibling;n===null?t.tail=null:n.sibling=null;break;case"collapsed":n=t.tail;for(var a=null;n!==null;)n.alternate!==null&&(a=n),n=n.sibling;a===null?e||t.tail===null?t.tail=null:t.tail.sibling=null:a.sibling=null}}function Nt(t){var e=t.alternate!==null&&t.alternate.child===t.child,n=0,a=0;if(e)for(var i=t.child;i!==null;)n|=i.lanes|i.childLanes,a|=i.subtreeFlags&65011712,a|=i.flags&65011712,i.return=t,i=i.sibling;else for(i=t.child;i!==null;)n|=i.lanes|i.childLanes,a|=i.subtreeFlags,a|=i.flags,i.return=t,i=i.sibling;return t.subtreeFlags|=a,t.childLanes=n,e}function Ng(t,e,n){var a=e.pendingProps;switch(Fc(e),e.tag){case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Nt(e),null;case 1:return Nt(e),null;case 3:return n=e.stateNode,a=null,t!==null&&(a=t.memoizedState.cache),e.memoizedState.cache!==a&&(e.flags|=2048),un(Zt),Qt(),n.pendingContext&&(n.context=n.pendingContext,n.pendingContext=null),(t===null||t.child===null)&&($a(e)?rn(e):t===null||t.memoizedState.isDehydrated&&(e.flags&256)===0||(e.flags|=1024,_c())),Nt(e),null;case 26:var i=e.type,s=e.memoizedState;return t===null?(rn(e),s!==null?(Nt(e),td(e,s)):(Nt(e),Xs(e,i,null,a,n))):s?s!==t.memoizedState?(rn(e),Nt(e),td(e,s)):(Nt(e),e.flags&=-16777217):(t=t.memoizedProps,t!==a&&rn(e),Nt(e),Xs(e,i,t,a,n)),null;case 27:if(ra(e),n=ot.current,i=e.type,t!==null&&e.stateNode!=null)t.memoizedProps!==a&&rn(e);else{if(!a){if(e.stateNode===null)throw Error(f(166));return Nt(e),null}t=et.current,$a(e)?No(e):(t=c1(i,a,n),e.stateNode=t,rn(e))}return Nt(e),null;case 5:if(ra(e),i=e.type,t!==null&&e.stateNode!=null)t.memoizedProps!==a&&rn(e);else{if(!a){if(e.stateNode===null)throw Error(f(166));return Nt(e),null}if(s=et.current,$a(e))No(e);else{var d=Yu(ot.current);switch(s){case 1:s=d.createElementNS("http://www.w3.org/2000/svg",i);break;case 2:s=d.createElementNS("http://www.w3.org/1998/Math/MathML",i);break;default:switch(i){case"svg":s=d.createElementNS("http://www.w3.org/2000/svg",i);break;case"math":s=d.createElementNS("http://www.w3.org/1998/Math/MathML",i);break;case"script":s=d.createElement("div"),s.innerHTML="<script><\/script>",s=s.removeChild(s.firstChild);break;case"select":s=typeof a.is=="string"?d.createElement("select",{is:a.is}):d.createElement("select"),a.multiple?s.multiple=!0:a.size&&(s.size=a.size);break;default:s=typeof a.is=="string"?d.createElement(i,{is:a.is}):d.createElement(i)}}s[te]=e,s[oe]=a;t:for(d=e.child;d!==null;){if(d.tag===5||d.tag===6)s.appendChild(d.stateNode);else if(d.tag!==4&&d.tag!==27&&d.child!==null){d.child.return=d,d=d.child;continue}if(d===e)break t;for(;d.sibling===null;){if(d.return===null||d.return===e)break t;d=d.return}d.sibling.return=d.return,d=d.sibling}e.stateNode=s;t:switch(le(s,i,a),i){case"button":case"input":case"select":case"textarea":a=!!a.autoFocus;break t;case"img":a=!0;break t;default:a=!1}a&&rn(e)}}return Nt(e),Xs(e,e.type,t===null?null:t.memoizedProps,e.pendingProps,n),null;case 6:if(t&&e.stateNode!=null)t.memoizedProps!==a&&rn(e);else{if(typeof a!="string"&&e.stateNode===null)throw Error(f(166));if(t=ot.current,$a(e)){if(t=e.stateNode,n=e.memoizedProps,a=null,i=ee,i!==null)switch(i.tag){case 27:case 5:a=i.memoizedProps}t[te]=e,t=!!(t.nodeValue===n||a!==null&&a.suppressHydrationWarning===!0||Wd(t.nodeValue,n)),t||Bn(e,!0)}else t=Yu(t).createTextNode(a),t[te]=e,e.stateNode=t}return Nt(e),null;case 31:if(n=e.memoizedState,t===null||t.memoizedState!==null){if(a=$a(e),n!==null){if(t===null){if(!a)throw Error(f(318));if(t=e.memoizedState,t=t!==null?t.dehydrated:null,!t)throw Error(f(557));t[te]=e}else ya(),(e.flags&128)===0&&(e.memoizedState=null),e.flags|=4;Nt(e),t=!1}else n=_c(),t!==null&&t.memoizedState!==null&&(t.memoizedState.hydrationErrors=n),t=!0;if(!t)return e.flags&256?(Oe(e),e):(Oe(e),null);if((e.flags&128)!==0)throw Error(f(558))}return Nt(e),null;case 13:if(a=e.memoizedState,t===null||t.memoizedState!==null&&t.memoizedState.dehydrated!==null){if(i=$a(e),a!==null&&a.dehydrated!==null){if(t===null){if(!i)throw Error(f(318));if(i=e.memoizedState,i=i!==null?i.dehydrated:null,!i)throw Error(f(317));i[te]=e}else ya(),(e.flags&128)===0&&(e.memoizedState=null),e.flags|=4;Nt(e),i=!1}else i=_c(),t!==null&&t.memoizedState!==null&&(t.memoizedState.hydrationErrors=i),i=!0;if(!i)return e.flags&256?(Oe(e),e):(Oe(e),null)}return Oe(e),(e.flags&128)!==0?(e.lanes=n,e):(n=a!==null,t=t!==null&&t.memoizedState!==null,n&&(a=e.child,i=null,a.alternate!==null&&a.alternate.memoizedState!==null&&a.alternate.memoizedState.cachePool!==null&&(i=a.alternate.memoizedState.cachePool.pool),s=null,a.memoizedState!==null&&a.memoizedState.cachePool!==null&&(s=a.memoizedState.cachePool.pool),s!==i&&(a.flags|=2048)),n!==t&&n&&(e.child.flags|=8192),Su(e,e.updateQueue),Nt(e),null);case 4:return Qt(),t===null&&rf(e.stateNode.containerInfo),Nt(e),null;case 10:return un(e.type),Nt(e),null;case 19:if(L(Xt),a=e.memoizedState,a===null)return Nt(e),null;if(i=(e.flags&128)!==0,s=a.rendering,s===null)if(i)ei(a,!1);else{if(Gt!==0||t!==null&&(t.flags&128)!==0)for(t=e.child;t!==null;){if(s=ru(t),s!==null){for(e.flags|=128,ei(a,!1),t=s.updateQueue,e.updateQueue=t,Su(e,t),e.subtreeFlags=0,t=n,n=e.child;n!==null;)Ro(n,t),n=n.sibling;return W(Xt,Xt.current&1|2),bt&&an(e,a.treeForkCount),e.child}t=t.sibling}a.tail!==null&&pe()>Ru&&(e.flags|=128,i=!0,ei(a,!1),e.lanes=4194304)}else{if(!i)if(t=ru(s),t!==null){if(e.flags|=128,i=!0,t=t.updateQueue,e.updateQueue=t,Su(e,t),ei(a,!0),a.tail===null&&a.tailMode==="hidden"&&!s.alternate&&!bt)return Nt(e),null}else 2*pe()-a.renderingStartTime>Ru&&n!==536870912&&(e.flags|=128,i=!0,ei(a,!1),e.lanes=4194304);a.isBackwards?(s.sibling=e.child,e.child=s):(t=a.last,t!==null?t.sibling=s:e.child=s,a.last=s)}return a.tail!==null?(t=a.tail,a.rendering=t,a.tail=t.sibling,a.renderingStartTime=pe(),t.sibling=null,n=Xt.current,W(Xt,i?n&1|2:n&1),bt&&an(e,a.treeForkCount),t):(Nt(e),null);case 22:case 23:return Oe(e),rs(),a=e.memoizedState!==null,t!==null?t.memoizedState!==null!==a&&(e.flags|=8192):a&&(e.flags|=8192),a?(n&536870912)!==0&&(e.flags&128)===0&&(Nt(e),e.subtreeFlags&6&&(e.flags|=8192)):Nt(e),n=e.updateQueue,n!==null&&Su(e,n.retryQueue),n=null,t!==null&&t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(n=t.memoizedState.cachePool.pool),a=null,e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(a=e.memoizedState.cachePool.pool),a!==n&&(e.flags|=2048),t!==null&&L(ba),null;case 24:return n=null,t!==null&&(n=t.memoizedState.cache),e.memoizedState.cache!==n&&(e.flags|=2048),un(Zt),Nt(e),null;case 25:return null;case 30:return null}throw Error(f(156,e.tag))}function Bg(t,e){switch(Fc(e),e.tag){case 1:return t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 3:return un(Zt),Qt(),t=e.flags,(t&65536)!==0&&(t&128)===0?(e.flags=t&-65537|128,e):null;case 26:case 27:case 5:return ra(e),null;case 31:if(e.memoizedState!==null){if(Oe(e),e.alternate===null)throw Error(f(340));ya()}return t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 13:if(Oe(e),t=e.memoizedState,t!==null&&t.dehydrated!==null){if(e.alternate===null)throw Error(f(340));ya()}return t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 19:return L(Xt),null;case 4:return Qt(),null;case 10:return un(e.type),null;case 22:case 23:return Oe(e),rs(),t!==null&&L(ba),t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 24:return un(Zt),null;case 25:return null;default:return null}}function ed(t,e){switch(Fc(e),e.tag){case 3:un(Zt),Qt();break;case 26:case 27:case 5:ra(e);break;case 4:Qt();break;case 31:e.memoizedState!==null&&Oe(e);break;case 13:Oe(e);break;case 19:L(Xt);break;case 10:un(e.type);break;case 22:case 23:Oe(e),rs(),t!==null&&L(ba);break;case 24:un(Zt)}}function ni(t,e){try{var n=e.updateQueue,a=n!==null?n.lastEffect:null;if(a!==null){var i=a.next;n=i;do{if((n.tag&t)===t){a=void 0;var s=n.create,d=n.inst;a=s(),d.destroy=a}n=n.next}while(n!==i)}}catch(g){wt(e,e.return,g)}}function Xn(t,e,n){try{var a=e.updateQueue,i=a!==null?a.lastEffect:null;if(i!==null){var s=i.next;a=s;do{if((a.tag&t)===t){var d=a.inst,g=d.destroy;if(g!==void 0){d.destroy=void 0,i=e;var T=n,z=g;try{z()}catch(V){wt(i,T,V)}}}a=a.next}while(a!==s)}}catch(V){wt(e,e.return,V)}}function nd(t){var e=t.updateQueue;if(e!==null){var n=t.stateNode;try{Ko(e,n)}catch(a){wt(t,t.return,a)}}}function ad(t,e,n){n.props=Oa(t.type,t.memoizedProps),n.state=t.memoizedState;try{n.componentWillUnmount()}catch(a){wt(t,e,a)}}function ai(t,e){try{var n=t.ref;if(n!==null){switch(t.tag){case 26:case 27:case 5:var a=t.stateNode;break;case 30:a=t.stateNode;break;default:a=t.stateNode}typeof n=="function"?t.refCleanup=n(a):n.current=a}}catch(i){wt(t,e,i)}}function We(t,e){var n=t.ref,a=t.refCleanup;if(n!==null)if(typeof a=="function")try{a()}catch(i){wt(t,e,i)}finally{t.refCleanup=null,t=t.alternate,t!=null&&(t.refCleanup=null)}else if(typeof n=="function")try{n(null)}catch(i){wt(t,e,i)}else n.current=null}function ld(t){var e=t.type,n=t.memoizedProps,a=t.stateNode;try{t:switch(e){case"button":case"input":case"select":case"textarea":n.autoFocus&&a.focus();break t;case"img":n.src?a.src=n.src:n.srcSet&&(a.srcset=n.srcSet)}}catch(i){wt(t,t.return,i)}}function Vs(t,e,n){try{var a=t.stateNode;nA(a,t.type,n,e),a[oe]=e}catch(i){wt(t,t.return,i)}}function id(t){return t.tag===5||t.tag===3||t.tag===26||t.tag===27&&Jn(t.type)||t.tag===4}function Zs(t){t:for(;;){for(;t.sibling===null;){if(t.return===null||id(t.return))return null;t=t.return}for(t.sibling.return=t.return,t=t.sibling;t.tag!==5&&t.tag!==6&&t.tag!==18;){if(t.tag===27&&Jn(t.type)||t.flags&2||t.child===null||t.tag===4)continue t;t.child.return=t,t=t.child}if(!(t.flags&2))return t.stateNode}}function qs(t,e,n){var a=t.tag;if(a===5||a===6)t=t.stateNode,e?(n.nodeType===9?n.body:n.nodeName==="HTML"?n.ownerDocument.body:n).insertBefore(t,e):(e=n.nodeType===9?n.body:n.nodeName==="HTML"?n.ownerDocument.body:n,e.appendChild(t),n=n._reactRootContainer,n!=null||e.onclick!==null||(e.onclick=tn));else if(a!==4&&(a===27&&Jn(t.type)&&(n=t.stateNode,e=null),t=t.child,t!==null))for(qs(t,e,n),t=t.sibling;t!==null;)qs(t,e,n),t=t.sibling}function Tu(t,e,n){var a=t.tag;if(a===5||a===6)t=t.stateNode,e?n.insertBefore(t,e):n.appendChild(t);else if(a!==4&&(a===27&&Jn(t.type)&&(n=t.stateNode),t=t.child,t!==null))for(Tu(t,e,n),t=t.sibling;t!==null;)Tu(t,e,n),t=t.sibling}function ud(t){var e=t.stateNode,n=t.memoizedProps;try{for(var a=t.type,i=e.attributes;i.length;)e.removeAttributeNode(i[0]);le(e,a,n),e[te]=t,e[oe]=n}catch(s){wt(t,t.return,s)}}var on=!1,Kt=!1,Is=!1,cd=typeof WeakSet=="function"?WeakSet:Set,_t=null;function Ug(t,e){if(t=t.containerInfo,hf=Iu,t=Eo(t),Yc(t)){if("selectionStart"in t)var n={start:t.selectionStart,end:t.selectionEnd};else t:{n=(n=t.ownerDocument)&&n.defaultView||window;var a=n.getSelection&&n.getSelection();if(a&&a.rangeCount!==0){n=a.anchorNode;var i=a.anchorOffset,s=a.focusNode;a=a.focusOffset;try{n.nodeType,s.nodeType}catch{n=null;break t}var d=0,g=-1,T=-1,z=0,V=0,I=t,Y=null;e:for(;;){for(var G;I!==n||i!==0&&I.nodeType!==3||(g=d+i),I!==s||a!==0&&I.nodeType!==3||(T=d+a),I.nodeType===3&&(d+=I.nodeValue.length),(G=I.firstChild)!==null;)Y=I,I=G;for(;;){if(I===t)break e;if(Y===n&&++z===i&&(g=d),Y===s&&++V===a&&(T=d),(G=I.nextSibling)!==null)break;I=Y,Y=I.parentNode}I=G}n=g===-1||T===-1?null:{start:g,end:T}}else n=null}n=n||{start:0,end:0}}else n=null;for(mf={focusedElem:t,selectionRange:n},Iu=!1,_t=e;_t!==null;)if(e=_t,t=e.child,(e.subtreeFlags&1028)!==0&&t!==null)t.return=e,_t=t;else for(;_t!==null;){switch(e=_t,s=e.alternate,t=e.flags,e.tag){case 0:if((t&4)!==0&&(t=e.updateQueue,t=t!==null?t.events:null,t!==null))for(n=0;n<t.length;n++)i=t[n],i.ref.impl=i.nextImpl;break;case 11:case 15:break;case 1:if((t&1024)!==0&&s!==null){t=void 0,n=e,i=s.memoizedProps,s=s.memoizedState,a=n.stateNode;try{var at=Oa(n.type,i);t=a.getSnapshotBeforeUpdate(at,s),a.__reactInternalSnapshotBeforeUpdate=t}catch(ft){wt(n,n.return,ft)}}break;case 3:if((t&1024)!==0){if(t=e.stateNode.containerInfo,n=t.nodeType,n===9)vf(t);else if(n===1)switch(t.nodeName){case"HEAD":case"HTML":case"BODY":vf(t);break;default:t.textContent=""}}break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if((t&1024)!==0)throw Error(f(163))}if(t=e.sibling,t!==null){t.return=e.return,_t=t;break}_t=e.return}}function sd(t,e,n){var a=n.flags;switch(n.tag){case 0:case 11:case 15:hn(t,n),a&4&&ni(5,n);break;case 1:if(hn(t,n),a&4)if(t=n.stateNode,e===null)try{t.componentDidMount()}catch(d){wt(n,n.return,d)}else{var i=Oa(n.type,e.memoizedProps);e=e.memoizedState;try{t.componentDidUpdate(i,e,t.__reactInternalSnapshotBeforeUpdate)}catch(d){wt(n,n.return,d)}}a&64&&nd(n),a&512&&ai(n,n.return);break;case 3:if(hn(t,n),a&64&&(t=n.updateQueue,t!==null)){if(e=null,n.child!==null)switch(n.child.tag){case 27:case 5:e=n.child.stateNode;break;case 1:e=n.child.stateNode}try{Ko(t,e)}catch(d){wt(n,n.return,d)}}break;case 27:e===null&&a&4&&ud(n);case 26:case 5:hn(t,n),e===null&&a&4&&ld(n),a&512&&ai(n,n.return);break;case 12:hn(t,n);break;case 31:hn(t,n),a&4&&od(t,n);break;case 13:hn(t,n),a&4&&dd(t,n),a&64&&(t=n.memoizedState,t!==null&&(t=t.dehydrated,t!==null&&(n=qg.bind(null,n),rA(t,n))));break;case 22:if(a=n.memoizedState!==null||on,!a){e=e!==null&&e.memoizedState!==null||Kt,i=on;var s=Kt;on=a,(Kt=e)&&!s?mn(t,n,(n.subtreeFlags&8772)!==0):hn(t,n),on=i,Kt=s}break;case 30:break;default:hn(t,n)}}function fd(t){var e=t.alternate;e!==null&&(t.alternate=null,fd(e)),t.child=null,t.deletions=null,t.sibling=null,t.tag===5&&(e=t.stateNode,e!==null&&bc(e)),t.stateNode=null,t.return=null,t.dependencies=null,t.memoizedProps=null,t.memoizedState=null,t.pendingProps=null,t.stateNode=null,t.updateQueue=null}var zt=null,he=!1;function dn(t,e,n){for(n=n.child;n!==null;)rd(t,e,n),n=n.sibling}function rd(t,e,n){if(be&&typeof be.onCommitFiberUnmount=="function")try{be.onCommitFiberUnmount(wl,n)}catch{}switch(n.tag){case 26:Kt||We(n,e),dn(t,e,n),n.memoizedState?n.memoizedState.count--:n.stateNode&&(n=n.stateNode,n.parentNode.removeChild(n));break;case 27:Kt||We(n,e);var a=zt,i=he;Jn(n.type)&&(zt=n.stateNode,he=!1),dn(t,e,n),di(n.stateNode),zt=a,he=i;break;case 5:Kt||We(n,e);case 6:if(a=zt,i=he,zt=null,dn(t,e,n),zt=a,he=i,zt!==null)if(he)try{(zt.nodeType===9?zt.body:zt.nodeName==="HTML"?zt.ownerDocument.body:zt).removeChild(n.stateNode)}catch(s){wt(n,e,s)}else try{zt.removeChild(n.stateNode)}catch(s){wt(n,e,s)}break;case 18:zt!==null&&(he?(t=zt,n1(t.nodeType===9?t.body:t.nodeName==="HTML"?t.ownerDocument.body:t,n.stateNode),pl(t)):n1(zt,n.stateNode));break;case 4:a=zt,i=he,zt=n.stateNode.containerInfo,he=!0,dn(t,e,n),zt=a,he=i;break;case 0:case 11:case 14:case 15:Xn(2,n,e),Kt||Xn(4,n,e),dn(t,e,n);break;case 1:Kt||(We(n,e),a=n.stateNode,typeof a.componentWillUnmount=="function"&&ad(n,e,a)),dn(t,e,n);break;case 21:dn(t,e,n);break;case 22:Kt=(a=Kt)||n.memoizedState!==null,dn(t,e,n),Kt=a;break;default:dn(t,e,n)}}function od(t,e){if(e.memoizedState===null&&(t=e.alternate,t!==null&&(t=t.memoizedState,t!==null))){t=t.dehydrated;try{pl(t)}catch(n){wt(e,e.return,n)}}}function dd(t,e){if(e.memoizedState===null&&(t=e.alternate,t!==null&&(t=t.memoizedState,t!==null&&(t=t.dehydrated,t!==null))))try{pl(t)}catch(n){wt(e,e.return,n)}}function Qg(t){switch(t.tag){case 31:case 13:case 19:var e=t.stateNode;return e===null&&(e=t.stateNode=new cd),e;case 22:return t=t.stateNode,e=t._retryCache,e===null&&(e=t._retryCache=new cd),e;default:throw Error(f(435,t.tag))}}function Cu(t,e){var n=Qg(t);e.forEach(function(a){if(!n.has(a)){n.add(a);var i=Ig.bind(null,t,a);a.then(i,i)}})}function me(t,e){var n=e.deletions;if(n!==null)for(var a=0;a<n.length;a++){var i=n[a],s=t,d=e,g=d;t:for(;g!==null;){switch(g.tag){case 27:if(Jn(g.type)){zt=g.stateNode,he=!1;break t}break;case 5:zt=g.stateNode,he=!1;break t;case 3:case 4:zt=g.stateNode.containerInfo,he=!0;break t}g=g.return}if(zt===null)throw Error(f(160));rd(s,d,i),zt=null,he=!1,s=i.alternate,s!==null&&(s.return=null),i.return=null}if(e.subtreeFlags&13886)for(e=e.child;e!==null;)hd(e,t),e=e.sibling}var Ie=null;function hd(t,e){var n=t.alternate,a=t.flags;switch(t.tag){case 0:case 11:case 14:case 15:me(e,t),ge(t),a&4&&(Xn(3,t,t.return),ni(3,t),Xn(5,t,t.return));break;case 1:me(e,t),ge(t),a&512&&(Kt||n===null||We(n,n.return)),a&64&&on&&(t=t.updateQueue,t!==null&&(a=t.callbacks,a!==null&&(n=t.shared.hiddenCallbacks,t.shared.hiddenCallbacks=n===null?a:n.concat(a))));break;case 26:var i=Ie;if(me(e,t),ge(t),a&512&&(Kt||n===null||We(n,n.return)),a&4){var s=n!==null?n.memoizedState:null;if(a=t.memoizedState,n===null)if(a===null)if(t.stateNode===null){t:{a=t.type,n=t.memoizedProps,i=i.ownerDocument||i;e:switch(a){case"title":s=i.getElementsByTagName("title")[0],(!s||s[Ml]||s[te]||s.namespaceURI==="http://www.w3.org/2000/svg"||s.hasAttribute("itemprop"))&&(s=i.createElement(a),i.head.insertBefore(s,i.querySelector("head > title"))),le(s,a,n),s[te]=t,Wt(s),a=s;break t;case"link":var d=h1("link","href",i).get(a+(n.href||""));if(d){for(var g=0;g<d.length;g++)if(s=d[g],s.getAttribute("href")===(n.href==null||n.href===""?null:n.href)&&s.getAttribute("rel")===(n.rel==null?null:n.rel)&&s.getAttribute("title")===(n.title==null?null:n.title)&&s.getAttribute("crossorigin")===(n.crossOrigin==null?null:n.crossOrigin)){d.splice(g,1);break e}}s=i.createElement(a),le(s,a,n),i.head.appendChild(s);break;case"meta":if(d=h1("meta","content",i).get(a+(n.content||""))){for(g=0;g<d.length;g++)if(s=d[g],s.getAttribute("content")===(n.content==null?null:""+n.content)&&s.getAttribute("name")===(n.name==null?null:n.name)&&s.getAttribute("property")===(n.property==null?null:n.property)&&s.getAttribute("http-equiv")===(n.httpEquiv==null?null:n.httpEquiv)&&s.getAttribute("charset")===(n.charSet==null?null:n.charSet)){d.splice(g,1);break e}}s=i.createElement(a),le(s,a,n),i.head.appendChild(s);break;default:throw Error(f(468,a))}s[te]=t,Wt(s),a=s}t.stateNode=a}else m1(i,t.type,t.stateNode);else t.stateNode=d1(i,a,t.memoizedProps);else s!==a?(s===null?n.stateNode!==null&&(n=n.stateNode,n.parentNode.removeChild(n)):s.count--,a===null?m1(i,t.type,t.stateNode):d1(i,a,t.memoizedProps)):a===null&&t.stateNode!==null&&Vs(t,t.memoizedProps,n.memoizedProps)}break;case 27:me(e,t),ge(t),a&512&&(Kt||n===null||We(n,n.return)),n!==null&&a&4&&Vs(t,t.memoizedProps,n.memoizedProps);break;case 5:if(me(e,t),ge(t),a&512&&(Kt||n===null||We(n,n.return)),t.flags&32){i=t.stateNode;try{Za(i,"")}catch(at){wt(t,t.return,at)}}a&4&&t.stateNode!=null&&(i=t.memoizedProps,Vs(t,i,n!==null?n.memoizedProps:i)),a&1024&&(Is=!0);break;case 6:if(me(e,t),ge(t),a&4){if(t.stateNode===null)throw Error(f(162));a=t.memoizedProps,n=t.stateNode;try{n.nodeValue=a}catch(at){wt(t,t.return,at)}}break;case 3:if(Xu=null,i=Ie,Ie=Lu(e.containerInfo),me(e,t),Ie=i,ge(t),a&4&&n!==null&&n.memoizedState.isDehydrated)try{pl(e.containerInfo)}catch(at){wt(t,t.return,at)}Is&&(Is=!1,md(t));break;case 4:a=Ie,Ie=Lu(t.stateNode.containerInfo),me(e,t),ge(t),Ie=a;break;case 12:me(e,t),ge(t);break;case 31:me(e,t),ge(t),a&4&&(a=t.updateQueue,a!==null&&(t.updateQueue=null,Cu(t,a)));break;case 13:me(e,t),ge(t),t.child.flags&8192&&t.memoizedState!==null!=(n!==null&&n.memoizedState!==null)&&(wu=pe()),a&4&&(a=t.updateQueue,a!==null&&(t.updateQueue=null,Cu(t,a)));break;case 22:i=t.memoizedState!==null;var T=n!==null&&n.memoizedState!==null,z=on,V=Kt;if(on=z||i,Kt=V||T,me(e,t),Kt=V,on=z,ge(t),a&8192)t:for(e=t.stateNode,e._visibility=i?e._visibility&-2:e._visibility|1,i&&(n===null||T||on||Kt||wa(t)),n=null,e=t;;){if(e.tag===5||e.tag===26){if(n===null){T=n=e;try{if(s=T.stateNode,i)d=s.style,typeof d.setProperty=="function"?d.setProperty("display","none","important"):d.display="none";else{g=T.stateNode;var I=T.memoizedProps.style,Y=I!=null&&I.hasOwnProperty("display")?I.display:null;g.style.display=Y==null||typeof Y=="boolean"?"":(""+Y).trim()}}catch(at){wt(T,T.return,at)}}}else if(e.tag===6){if(n===null){T=e;try{T.stateNode.nodeValue=i?"":T.memoizedProps}catch(at){wt(T,T.return,at)}}}else if(e.tag===18){if(n===null){T=e;try{var G=T.stateNode;i?a1(G,!0):a1(T.stateNode,!1)}catch(at){wt(T,T.return,at)}}}else if((e.tag!==22&&e.tag!==23||e.memoizedState===null||e===t)&&e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break t;for(;e.sibling===null;){if(e.return===null||e.return===t)break t;n===e&&(n=null),e=e.return}n===e&&(n=null),e.sibling.return=e.return,e=e.sibling}a&4&&(a=t.updateQueue,a!==null&&(n=a.retryQueue,n!==null&&(a.retryQueue=null,Cu(t,n))));break;case 19:me(e,t),ge(t),a&4&&(a=t.updateQueue,a!==null&&(t.updateQueue=null,Cu(t,a)));break;case 30:break;case 21:break;default:me(e,t),ge(t)}}function ge(t){var e=t.flags;if(e&2){try{for(var n,a=t.return;a!==null;){if(id(a)){n=a;break}a=a.return}if(n==null)throw Error(f(160));switch(n.tag){case 27:var i=n.stateNode,s=Zs(t);Tu(t,s,i);break;case 5:var d=n.stateNode;n.flags&32&&(Za(d,""),n.flags&=-33);var g=Zs(t);Tu(t,g,d);break;case 3:case 4:var T=n.stateNode.containerInfo,z=Zs(t);qs(t,z,T);break;default:throw Error(f(161))}}catch(V){wt(t,t.return,V)}t.flags&=-3}e&4096&&(t.flags&=-4097)}function md(t){if(t.subtreeFlags&1024)for(t=t.child;t!==null;){var e=t;md(e),e.tag===5&&e.flags&1024&&e.stateNode.reset(),t=t.sibling}}function hn(t,e){if(e.subtreeFlags&8772)for(e=e.child;e!==null;)sd(t,e.alternate,e),e=e.sibling}function wa(t){for(t=t.child;t!==null;){var e=t;switch(e.tag){case 0:case 11:case 14:case 15:Xn(4,e,e.return),wa(e);break;case 1:We(e,e.return);var n=e.stateNode;typeof n.componentWillUnmount=="function"&&ad(e,e.return,n),wa(e);break;case 27:di(e.stateNode);case 26:case 5:We(e,e.return),wa(e);break;case 22:e.memoizedState===null&&wa(e);break;case 30:wa(e);break;default:wa(e)}t=t.sibling}}function mn(t,e,n){for(n=n&&(e.subtreeFlags&8772)!==0,e=e.child;e!==null;){var a=e.alternate,i=t,s=e,d=s.flags;switch(s.tag){case 0:case 11:case 15:mn(i,s,n),ni(4,s);break;case 1:if(mn(i,s,n),a=s,i=a.stateNode,typeof i.componentDidMount=="function")try{i.componentDidMount()}catch(z){wt(a,a.return,z)}if(a=s,i=a.updateQueue,i!==null){var g=a.stateNode;try{var T=i.shared.hiddenCallbacks;if(T!==null)for(i.shared.hiddenCallbacks=null,i=0;i<T.length;i++)Io(T[i],g)}catch(z){wt(a,a.return,z)}}n&&d&64&&nd(s),ai(s,s.return);break;case 27:ud(s);case 26:case 5:mn(i,s,n),n&&a===null&&d&4&&ld(s),ai(s,s.return);break;case 12:mn(i,s,n);break;case 31:mn(i,s,n),n&&d&4&&od(i,s);break;case 13:mn(i,s,n),n&&d&4&&dd(i,s);break;case 22:s.memoizedState===null&&mn(i,s,n),ai(s,s.return);break;case 30:break;default:mn(i,s,n)}e=e.sibling}}function Ks(t,e){var n=null;t!==null&&t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(n=t.memoizedState.cachePool.pool),t=null,e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(t=e.memoizedState.cachePool.pool),t!==n&&(t!=null&&t.refCount++,n!=null&&Zl(n))}function ks(t,e){t=null,e.alternate!==null&&(t=e.alternate.memoizedState.cache),e=e.memoizedState.cache,e!==t&&(e.refCount++,t!=null&&Zl(t))}function Ke(t,e,n,a){if(e.subtreeFlags&10256)for(e=e.child;e!==null;)gd(t,e,n,a),e=e.sibling}function gd(t,e,n,a){var i=e.flags;switch(e.tag){case 0:case 11:case 15:Ke(t,e,n,a),i&2048&&ni(9,e);break;case 1:Ke(t,e,n,a);break;case 3:Ke(t,e,n,a),i&2048&&(t=null,e.alternate!==null&&(t=e.alternate.memoizedState.cache),e=e.memoizedState.cache,e!==t&&(e.refCount++,t!=null&&Zl(t)));break;case 12:if(i&2048){Ke(t,e,n,a),t=e.stateNode;try{var s=e.memoizedProps,d=s.id,g=s.onPostCommit;typeof g=="function"&&g(d,e.alternate===null?"mount":"update",t.passiveEffectDuration,-0)}catch(T){wt(e,e.return,T)}}else Ke(t,e,n,a);break;case 31:Ke(t,e,n,a);break;case 13:Ke(t,e,n,a);break;case 23:break;case 22:s=e.stateNode,d=e.alternate,e.memoizedState!==null?s._visibility&2?Ke(t,e,n,a):li(t,e):s._visibility&2?Ke(t,e,n,a):(s._visibility|=2,fl(t,e,n,a,(e.subtreeFlags&10256)!==0||!1)),i&2048&&Ks(d,e);break;case 24:Ke(t,e,n,a),i&2048&&ks(e.alternate,e);break;default:Ke(t,e,n,a)}}function fl(t,e,n,a,i){for(i=i&&((e.subtreeFlags&10256)!==0||!1),e=e.child;e!==null;){var s=t,d=e,g=n,T=a,z=d.flags;switch(d.tag){case 0:case 11:case 15:fl(s,d,g,T,i),ni(8,d);break;case 23:break;case 22:var V=d.stateNode;d.memoizedState!==null?V._visibility&2?fl(s,d,g,T,i):li(s,d):(V._visibility|=2,fl(s,d,g,T,i)),i&&z&2048&&Ks(d.alternate,d);break;case 24:fl(s,d,g,T,i),i&&z&2048&&ks(d.alternate,d);break;default:fl(s,d,g,T,i)}e=e.sibling}}function li(t,e){if(e.subtreeFlags&10256)for(e=e.child;e!==null;){var n=t,a=e,i=a.flags;switch(a.tag){case 22:li(n,a),i&2048&&Ks(a.alternate,a);break;case 24:li(n,a),i&2048&&ks(a.alternate,a);break;default:li(n,a)}e=e.sibling}}var ii=8192;function rl(t,e,n){if(t.subtreeFlags&ii)for(t=t.child;t!==null;)Ad(t,e,n),t=t.sibling}function Ad(t,e,n){switch(t.tag){case 26:rl(t,e,n),t.flags&ii&&t.memoizedState!==null&&xA(n,Ie,t.memoizedState,t.memoizedProps);break;case 5:rl(t,e,n);break;case 3:case 4:var a=Ie;Ie=Lu(t.stateNode.containerInfo),rl(t,e,n),Ie=a;break;case 22:t.memoizedState===null&&(a=t.alternate,a!==null&&a.memoizedState!==null?(a=ii,ii=16777216,rl(t,e,n),ii=a):rl(t,e,n));break;default:rl(t,e,n)}}function vd(t){var e=t.alternate;if(e!==null&&(t=e.child,t!==null)){e.child=null;do e=t.sibling,t.sibling=null,t=e;while(t!==null)}}function ui(t){var e=t.deletions;if((t.flags&16)!==0){if(e!==null)for(var n=0;n<e.length;n++){var a=e[n];_t=a,Ed(a,t)}vd(t)}if(t.subtreeFlags&10256)for(t=t.child;t!==null;)yd(t),t=t.sibling}function yd(t){switch(t.tag){case 0:case 11:case 15:ui(t),t.flags&2048&&Xn(9,t,t.return);break;case 3:ui(t);break;case 12:ui(t);break;case 22:var e=t.stateNode;t.memoizedState!==null&&e._visibility&2&&(t.return===null||t.return.tag!==13)?(e._visibility&=-3,Ou(t)):ui(t);break;default:ui(t)}}function Ou(t){var e=t.deletions;if((t.flags&16)!==0){if(e!==null)for(var n=0;n<e.length;n++){var a=e[n];_t=a,Ed(a,t)}vd(t)}for(t=t.child;t!==null;){switch(e=t,e.tag){case 0:case 11:case 15:Xn(8,e,e.return),Ou(e);break;case 22:n=e.stateNode,n._visibility&2&&(n._visibility&=-3,Ou(e));break;default:Ou(e)}t=t.sibling}}function Ed(t,e){for(;_t!==null;){var n=_t;switch(n.tag){case 0:case 11:case 15:Xn(8,n,e);break;case 23:case 22:if(n.memoizedState!==null&&n.memoizedState.cachePool!==null){var a=n.memoizedState.cachePool.pool;a!=null&&a.refCount++}break;case 24:Zl(n.memoizedState.cache)}if(a=n.child,a!==null)a.return=n,_t=a;else t:for(n=t;_t!==null;){a=_t;var i=a.sibling,s=a.return;if(fd(a),a===n){_t=null;break t}if(i!==null){i.return=s,_t=i;break t}_t=s}}}var zg={getCacheForType:function(t){var e=ne(Zt),n=e.data.get(t);return n===void 0&&(n=t(),e.data.set(t,n)),n},cacheSignal:function(){return ne(Zt).controller.signal}},Yg=typeof WeakMap=="function"?WeakMap:Map,Ct=0,jt=null,vt=null,Et=0,Ot=0,we=null,Vn=!1,ol=!1,Js=!1,gn=0,Gt=0,Zn=0,Ra=0,Fs=0,Re=0,dl=0,ci=null,Ae=null,Ws=!1,wu=0,pd=0,Ru=1/0,Du=null,qn=null,kt=0,In=null,hl=null,An=0,_s=0,Ps=null,bd=null,si=0,$s=null;function De(){return(Ct&2)!==0&&Et!==0?Et&-Et:H.T!==null?uf():Qr()}function xd(){if(Re===0)if((Et&536870912)===0||bt){var t=zi;zi<<=1,(zi&3932160)===0&&(zi=262144),Re=t}else Re=536870912;return t=Ce.current,t!==null&&(t.flags|=32),Re}function ve(t,e,n){(t===jt&&(Ot===2||Ot===9)||t.cancelPendingCommit!==null)&&(ml(t,0),Kn(t,Et,Re,!1)),Dl(t,n),((Ct&2)===0||t!==jt)&&(t===jt&&((Ct&2)===0&&(Ra|=n),Gt===4&&Kn(t,Et,Re,!1)),_e(t))}function Sd(t,e,n){if((Ct&6)!==0)throw Error(f(327));var a=!n&&(e&127)===0&&(e&t.expiredLanes)===0||Rl(t,e),i=a?Xg(t,e):ef(t,e,!0),s=a;do{if(i===0){ol&&!a&&Kn(t,e,0,!1);break}else{if(n=t.current.alternate,s&&!Lg(n)){i=ef(t,e,!1),s=!1;continue}if(i===2){if(s=e,t.errorRecoveryDisabledLanes&s)var d=0;else d=t.pendingLanes&-536870913,d=d!==0?d:d&536870912?536870912:0;if(d!==0){e=d;t:{var g=t;i=ci;var T=g.current.memoizedState.isDehydrated;if(T&&(ml(g,d).flags|=256),d=ef(g,d,!1),d!==2){if(Js&&!T){g.errorRecoveryDisabledLanes|=s,Ra|=s,i=4;break t}s=Ae,Ae=i,s!==null&&(Ae===null?Ae=s:Ae.push.apply(Ae,s))}i=d}if(s=!1,i!==2)continue}}if(i===1){ml(t,0),Kn(t,e,0,!0);break}t:{switch(a=t,s=i,s){case 0:case 1:throw Error(f(345));case 4:if((e&4194048)!==e)break;case 6:Kn(a,e,Re,!Vn);break t;case 2:Ae=null;break;case 3:case 5:break;default:throw Error(f(329))}if((e&62914560)===e&&(i=wu+300-pe(),10<i)){if(Kn(a,e,Re,!Vn),Li(a,0,!0)!==0)break t;An=e,a.timeoutHandle=t1(Td.bind(null,a,n,Ae,Du,Ws,e,Re,Ra,dl,Vn,s,"Throttled",-0,0),i);break t}Td(a,n,Ae,Du,Ws,e,Re,Ra,dl,Vn,s,null,-0,0)}}break}while(!0);_e(t)}function Td(t,e,n,a,i,s,d,g,T,z,V,I,Y,G){if(t.timeoutHandle=-1,I=e.subtreeFlags,I&8192||(I&16785408)===16785408){I={stylesheets:null,count:0,imgCount:0,imgBytes:0,suspenseyImages:[],waitingForImages:!0,waitingForViewTransition:!1,unsuspend:tn},Ad(e,s,I);var at=(s&62914560)===s?wu-pe():(s&4194048)===s?pd-pe():0;if(at=SA(I,at),at!==null){An=s,t.cancelPendingCommit=at(Hd.bind(null,t,e,s,n,a,i,d,g,T,V,I,null,Y,G)),Kn(t,s,d,!z);return}}Hd(t,e,s,n,a,i,d,g,T)}function Lg(t){for(var e=t;;){var n=e.tag;if((n===0||n===11||n===15)&&e.flags&16384&&(n=e.updateQueue,n!==null&&(n=n.stores,n!==null)))for(var a=0;a<n.length;a++){var i=n[a],s=i.getSnapshot;i=i.value;try{if(!Se(s(),i))return!1}catch{return!1}}if(n=e.child,e.subtreeFlags&16384&&n!==null)n.return=e,e=n;else{if(e===t)break;for(;e.sibling===null;){if(e.return===null||e.return===t)return!0;e=e.return}e.sibling.return=e.return,e=e.sibling}}return!0}function Kn(t,e,n,a){e&=~Fs,e&=~Ra,t.suspendedLanes|=e,t.pingedLanes&=~e,a&&(t.warmLanes|=e),a=t.expirationTimes;for(var i=e;0<i;){var s=31-xe(i),d=1<<s;a[s]=-1,i&=~d}n!==0&&Nr(t,n,e)}function Mu(){return(Ct&6)===0?(fi(0),!1):!0}function tf(){if(vt!==null){if(Ot===0)var t=vt.return;else t=vt,ln=Ea=null,As(t),ll=null,Il=0,t=vt;for(;t!==null;)ed(t.alternate,t),t=t.return;vt=null}}function ml(t,e){var n=t.timeoutHandle;n!==-1&&(t.timeoutHandle=-1,iA(n)),n=t.cancelPendingCommit,n!==null&&(t.cancelPendingCommit=null,n()),An=0,tf(),jt=t,vt=n=nn(t.current,null),Et=e,Ot=0,we=null,Vn=!1,ol=Rl(t,e),Js=!1,dl=Re=Fs=Ra=Zn=Gt=0,Ae=ci=null,Ws=!1,(e&8)!==0&&(e|=e&32);var a=t.entangledLanes;if(a!==0)for(t=t.entanglements,a&=e;0<a;){var i=31-xe(a),s=1<<i;e|=t[i],a&=~s}return gn=e,_i(),n}function Cd(t,e){mt=null,H.H=$l,e===al||e===iu?(e=Xo(),Ot=3):e===ls?(e=Xo(),Ot=4):Ot=e===Hs?8:e!==null&&typeof e=="object"&&typeof e.then=="function"?6:1,we=e,vt===null&&(Gt=1,Eu(t,Be(e,t.current)))}function Od(){var t=Ce.current;return t===null?!0:(Et&4194048)===Et?Ye===null:(Et&62914560)===Et||(Et&536870912)!==0?t===Ye:!1}function wd(){var t=H.H;return H.H=$l,t===null?$l:t}function Rd(){var t=H.A;return H.A=zg,t}function ju(){Gt=4,Vn||(Et&4194048)!==Et&&Ce.current!==null||(ol=!0),(Zn&134217727)===0&&(Ra&134217727)===0||jt===null||Kn(jt,Et,Re,!1)}function ef(t,e,n){var a=Ct;Ct|=2;var i=wd(),s=Rd();(jt!==t||Et!==e)&&(Du=null,ml(t,e)),e=!1;var d=Gt;t:do try{if(Ot!==0&&vt!==null){var g=vt,T=we;switch(Ot){case 8:tf(),d=6;break t;case 3:case 2:case 9:case 6:Ce.current===null&&(e=!0);var z=Ot;if(Ot=0,we=null,gl(t,g,T,z),n&&ol){d=0;break t}break;default:z=Ot,Ot=0,we=null,gl(t,g,T,z)}}Gg(),d=Gt;break}catch(V){Cd(t,V)}while(!0);return e&&t.shellSuspendCounter++,ln=Ea=null,Ct=a,H.H=i,H.A=s,vt===null&&(jt=null,Et=0,_i()),d}function Gg(){for(;vt!==null;)Dd(vt)}function Xg(t,e){var n=Ct;Ct|=2;var a=wd(),i=Rd();jt!==t||Et!==e?(Du=null,Ru=pe()+500,ml(t,e)):ol=Rl(t,e);t:do try{if(Ot!==0&&vt!==null){e=vt;var s=we;e:switch(Ot){case 1:Ot=0,we=null,gl(t,e,s,1);break;case 2:case 9:if(Lo(s)){Ot=0,we=null,Md(e);break}e=function(){Ot!==2&&Ot!==9||jt!==t||(Ot=7),_e(t)},s.then(e,e);break t;case 3:Ot=7;break t;case 4:Ot=5;break t;case 7:Lo(s)?(Ot=0,we=null,Md(e)):(Ot=0,we=null,gl(t,e,s,7));break;case 5:var d=null;switch(vt.tag){case 26:d=vt.memoizedState;case 5:case 27:var g=vt;if(d?g1(d):g.stateNode.complete){Ot=0,we=null;var T=g.sibling;if(T!==null)vt=T;else{var z=g.return;z!==null?(vt=z,Hu(z)):vt=null}break e}}Ot=0,we=null,gl(t,e,s,5);break;case 6:Ot=0,we=null,gl(t,e,s,6);break;case 8:tf(),Gt=6;break t;default:throw Error(f(462))}}Vg();break}catch(V){Cd(t,V)}while(!0);return ln=Ea=null,H.H=a,H.A=i,Ct=n,vt!==null?0:(jt=null,Et=0,_i(),Gt)}function Vg(){for(;vt!==null&&!om();)Dd(vt)}function Dd(t){var e=$0(t.alternate,t,gn);t.memoizedProps=t.pendingProps,e===null?Hu(t):vt=e}function Md(t){var e=t,n=e.alternate;switch(e.tag){case 15:case 0:e=k0(n,e,e.pendingProps,e.type,void 0,Et);break;case 11:e=k0(n,e,e.pendingProps,e.type.render,e.ref,Et);break;case 5:As(e);default:ed(n,e),e=vt=Ro(e,gn),e=$0(n,e,gn)}t.memoizedProps=t.pendingProps,e===null?Hu(t):vt=e}function gl(t,e,n,a){ln=Ea=null,As(e),ll=null,Il=0;var i=e.return;try{if(Mg(t,i,e,n,Et)){Gt=1,Eu(t,Be(n,t.current)),vt=null;return}}catch(s){if(i!==null)throw vt=i,s;Gt=1,Eu(t,Be(n,t.current)),vt=null;return}e.flags&32768?(bt||a===1?t=!0:ol||(Et&536870912)!==0?t=!1:(Vn=t=!0,(a===2||a===9||a===3||a===6)&&(a=Ce.current,a!==null&&a.tag===13&&(a.flags|=16384))),jd(e,t)):Hu(e)}function Hu(t){var e=t;do{if((e.flags&32768)!==0){jd(e,Vn);return}t=e.return;var n=Ng(e.alternate,e,gn);if(n!==null){vt=n;return}if(e=e.sibling,e!==null){vt=e;return}vt=e=t}while(e!==null);Gt===0&&(Gt=5)}function jd(t,e){do{var n=Bg(t.alternate,t);if(n!==null){n.flags&=32767,vt=n;return}if(n=t.return,n!==null&&(n.flags|=32768,n.subtreeFlags=0,n.deletions=null),!e&&(t=t.sibling,t!==null)){vt=t;return}vt=t=n}while(t!==null);Gt=6,vt=null}function Hd(t,e,n,a,i,s,d,g,T){t.cancelPendingCommit=null;do Nu();while(kt!==0);if((Ct&6)!==0)throw Error(f(327));if(e!==null){if(e===t.current)throw Error(f(177));if(s=e.lanes|e.childLanes,s|=Zc,bm(t,n,s,d,g,T),t===jt&&(vt=jt=null,Et=0),hl=e,In=t,An=n,_s=s,Ps=i,bd=a,(e.subtreeFlags&10256)!==0||(e.flags&10256)!==0?(t.callbackNode=null,t.callbackPriority=0,Kg(Ui,function(){return zd(),null})):(t.callbackNode=null,t.callbackPriority=0),a=(e.flags&13878)!==0,(e.subtreeFlags&13878)!==0||a){a=H.T,H.T=null,i=_.p,_.p=2,d=Ct,Ct|=4;try{Ug(t,e,n)}finally{Ct=d,_.p=i,H.T=a}}kt=1,Nd(),Bd(),Ud()}}function Nd(){if(kt===1){kt=0;var t=In,e=hl,n=(e.flags&13878)!==0;if((e.subtreeFlags&13878)!==0||n){n=H.T,H.T=null;var a=_.p;_.p=2;var i=Ct;Ct|=4;try{hd(e,t);var s=mf,d=Eo(t.containerInfo),g=s.focusedElem,T=s.selectionRange;if(d!==g&&g&&g.ownerDocument&&yo(g.ownerDocument.documentElement,g)){if(T!==null&&Yc(g)){var z=T.start,V=T.end;if(V===void 0&&(V=z),"selectionStart"in g)g.selectionStart=z,g.selectionEnd=Math.min(V,g.value.length);else{var I=g.ownerDocument||document,Y=I&&I.defaultView||window;if(Y.getSelection){var G=Y.getSelection(),at=g.textContent.length,ft=Math.min(T.start,at),Mt=T.end===void 0?ft:Math.min(T.end,at);!G.extend&&ft>Mt&&(d=Mt,Mt=ft,ft=d);var M=vo(g,ft),w=vo(g,Mt);if(M&&w&&(G.rangeCount!==1||G.anchorNode!==M.node||G.anchorOffset!==M.offset||G.focusNode!==w.node||G.focusOffset!==w.offset)){var Q=I.createRange();Q.setStart(M.node,M.offset),G.removeAllRanges(),ft>Mt?(G.addRange(Q),G.extend(w.node,w.offset)):(Q.setEnd(w.node,w.offset),G.addRange(Q))}}}}for(I=[],G=g;G=G.parentNode;)G.nodeType===1&&I.push({element:G,left:G.scrollLeft,top:G.scrollTop});for(typeof g.focus=="function"&&g.focus(),g=0;g<I.length;g++){var q=I[g];q.element.scrollLeft=q.left,q.element.scrollTop=q.top}}Iu=!!hf,mf=hf=null}finally{Ct=i,_.p=a,H.T=n}}t.current=e,kt=2}}function Bd(){if(kt===2){kt=0;var t=In,e=hl,n=(e.flags&8772)!==0;if((e.subtreeFlags&8772)!==0||n){n=H.T,H.T=null;var a=_.p;_.p=2;var i=Ct;Ct|=4;try{sd(t,e.alternate,e)}finally{Ct=i,_.p=a,H.T=n}}kt=3}}function Ud(){if(kt===4||kt===3){kt=0,dm();var t=In,e=hl,n=An,a=bd;(e.subtreeFlags&10256)!==0||(e.flags&10256)!==0?kt=5:(kt=0,hl=In=null,Qd(t,t.pendingLanes));var i=t.pendingLanes;if(i===0&&(qn=null),Ec(n),e=e.stateNode,be&&typeof be.onCommitFiberRoot=="function")try{be.onCommitFiberRoot(wl,e,void 0,(e.current.flags&128)===128)}catch{}if(a!==null){e=H.T,i=_.p,_.p=2,H.T=null;try{for(var s=t.onRecoverableError,d=0;d<a.length;d++){var g=a[d];s(g.value,{componentStack:g.stack})}}finally{H.T=e,_.p=i}}(An&3)!==0&&Nu(),_e(t),i=t.pendingLanes,(n&261930)!==0&&(i&42)!==0?t===$s?si++:(si=0,$s=t):si=0,fi(0)}}function Qd(t,e){(t.pooledCacheLanes&=e)===0&&(e=t.pooledCache,e!=null&&(t.pooledCache=null,Zl(e)))}function Nu(){return Nd(),Bd(),Ud(),zd()}function zd(){if(kt!==5)return!1;var t=In,e=_s;_s=0;var n=Ec(An),a=H.T,i=_.p;try{_.p=32>n?32:n,H.T=null,n=Ps,Ps=null;var s=In,d=An;if(kt=0,hl=In=null,An=0,(Ct&6)!==0)throw Error(f(331));var g=Ct;if(Ct|=4,yd(s.current),gd(s,s.current,d,n),Ct=g,fi(0,!1),be&&typeof be.onPostCommitFiberRoot=="function")try{be.onPostCommitFiberRoot(wl,s)}catch{}return!0}finally{_.p=i,H.T=a,Qd(t,e)}}function Yd(t,e,n){e=Be(n,e),e=js(t.stateNode,e,2),t=Yn(t,e,2),t!==null&&(Dl(t,2),_e(t))}function wt(t,e,n){if(t.tag===3)Yd(t,t,n);else for(;e!==null;){if(e.tag===3){Yd(e,t,n);break}else if(e.tag===1){var a=e.stateNode;if(typeof e.type.getDerivedStateFromError=="function"||typeof a.componentDidCatch=="function"&&(qn===null||!qn.has(a))){t=Be(n,t),n=L0(2),a=Yn(e,n,2),a!==null&&(G0(n,a,e,t),Dl(a,2),_e(a));break}}e=e.return}}function nf(t,e,n){var a=t.pingCache;if(a===null){a=t.pingCache=new Yg;var i=new Set;a.set(e,i)}else i=a.get(e),i===void 0&&(i=new Set,a.set(e,i));i.has(n)||(Js=!0,i.add(n),t=Zg.bind(null,t,e,n),e.then(t,t))}function Zg(t,e,n){var a=t.pingCache;a!==null&&a.delete(e),t.pingedLanes|=t.suspendedLanes&n,t.warmLanes&=~n,jt===t&&(Et&n)===n&&(Gt===4||Gt===3&&(Et&62914560)===Et&&300>pe()-wu?(Ct&2)===0&&ml(t,0):Fs|=n,dl===Et&&(dl=0)),_e(t)}function Ld(t,e){e===0&&(e=Hr()),t=Aa(t,e),t!==null&&(Dl(t,e),_e(t))}function qg(t){var e=t.memoizedState,n=0;e!==null&&(n=e.retryLane),Ld(t,n)}function Ig(t,e){var n=0;switch(t.tag){case 31:case 13:var a=t.stateNode,i=t.memoizedState;i!==null&&(n=i.retryLane);break;case 19:a=t.stateNode;break;case 22:a=t.stateNode._retryCache;break;default:throw Error(f(314))}a!==null&&a.delete(e),Ld(t,n)}function Kg(t,e){return gc(t,e)}var Bu=null,Al=null,af=!1,Uu=!1,lf=!1,kn=0;function _e(t){t!==Al&&t.next===null&&(Al===null?Bu=Al=t:Al=Al.next=t),Uu=!0,af||(af=!0,Jg())}function fi(t,e){if(!lf&&Uu){lf=!0;do for(var n=!1,a=Bu;a!==null;){if(t!==0){var i=a.pendingLanes;if(i===0)var s=0;else{var d=a.suspendedLanes,g=a.pingedLanes;s=(1<<31-xe(42|t)+1)-1,s&=i&~(d&~g),s=s&201326741?s&201326741|1:s?s|2:0}s!==0&&(n=!0,Zd(a,s))}else s=Et,s=Li(a,a===jt?s:0,a.cancelPendingCommit!==null||a.timeoutHandle!==-1),(s&3)===0||Rl(a,s)||(n=!0,Zd(a,s));a=a.next}while(n);lf=!1}}function kg(){Gd()}function Gd(){Uu=af=!1;var t=0;kn!==0&&lA()&&(t=kn);for(var e=pe(),n=null,a=Bu;a!==null;){var i=a.next,s=Xd(a,e);s===0?(a.next=null,n===null?Bu=i:n.next=i,i===null&&(Al=n)):(n=a,(t!==0||(s&3)!==0)&&(Uu=!0)),a=i}kt!==0&&kt!==5||fi(t),kn!==0&&(kn=0)}function Xd(t,e){for(var n=t.suspendedLanes,a=t.pingedLanes,i=t.expirationTimes,s=t.pendingLanes&-62914561;0<s;){var d=31-xe(s),g=1<<d,T=i[d];T===-1?((g&n)===0||(g&a)!==0)&&(i[d]=pm(g,e)):T<=e&&(t.expiredLanes|=g),s&=~g}if(e=jt,n=Et,n=Li(t,t===e?n:0,t.cancelPendingCommit!==null||t.timeoutHandle!==-1),a=t.callbackNode,n===0||t===e&&(Ot===2||Ot===9)||t.cancelPendingCommit!==null)return a!==null&&a!==null&&Ac(a),t.callbackNode=null,t.callbackPriority=0;if((n&3)===0||Rl(t,n)){if(e=n&-n,e===t.callbackPriority)return e;switch(a!==null&&Ac(a),Ec(n)){case 2:case 8:n=Mr;break;case 32:n=Ui;break;case 268435456:n=jr;break;default:n=Ui}return a=Vd.bind(null,t),n=gc(n,a),t.callbackPriority=e,t.callbackNode=n,e}return a!==null&&a!==null&&Ac(a),t.callbackPriority=2,t.callbackNode=null,2}function Vd(t,e){if(kt!==0&&kt!==5)return t.callbackNode=null,t.callbackPriority=0,null;var n=t.callbackNode;if(Nu()&&t.callbackNode!==n)return null;var a=Et;return a=Li(t,t===jt?a:0,t.cancelPendingCommit!==null||t.timeoutHandle!==-1),a===0?null:(Sd(t,a,e),Xd(t,pe()),t.callbackNode!=null&&t.callbackNode===n?Vd.bind(null,t):null)}function Zd(t,e){if(Nu())return null;Sd(t,e,!0)}function Jg(){uA(function(){(Ct&6)!==0?gc(Dr,kg):Gd()})}function uf(){if(kn===0){var t=el;t===0&&(t=Qi,Qi<<=1,(Qi&261888)===0&&(Qi=256)),kn=t}return kn}function qd(t){return t==null||typeof t=="symbol"||typeof t=="boolean"?null:typeof t=="function"?t:Zi(""+t)}function Id(t,e){var n=e.ownerDocument.createElement("input");return n.name=e.name,n.value=e.value,t.id&&n.setAttribute("form",t.id),e.parentNode.insertBefore(n,e),t=new FormData(t),n.parentNode.removeChild(n),t}function Fg(t,e,n,a,i){if(e==="submit"&&n&&n.stateNode===i){var s=qd((i[oe]||null).action),d=a.submitter;d&&(e=(e=d[oe]||null)?qd(e.formAction):d.getAttribute("formAction"),e!==null&&(s=e,d=null));var g=new ki("action","action",null,a,i);t.push({event:g,listeners:[{instance:null,listener:function(){if(a.defaultPrevented){if(kn!==0){var T=d?Id(i,d):new FormData(i);Cs(n,{pending:!0,data:T,method:i.method,action:s},null,T)}}else typeof s=="function"&&(g.preventDefault(),T=d?Id(i,d):new FormData(i),Cs(n,{pending:!0,data:T,method:i.method,action:s},s,T))},currentTarget:i}]})}}for(var cf=0;cf<Vc.length;cf++){var sf=Vc[cf],Wg=sf.toLowerCase(),_g=sf[0].toUpperCase()+sf.slice(1);qe(Wg,"on"+_g)}qe(xo,"onAnimationEnd"),qe(So,"onAnimationIteration"),qe(To,"onAnimationStart"),qe("dblclick","onDoubleClick"),qe("focusin","onFocus"),qe("focusout","onBlur"),qe(hg,"onTransitionRun"),qe(mg,"onTransitionStart"),qe(gg,"onTransitionCancel"),qe(Co,"onTransitionEnd"),Xa("onMouseEnter",["mouseout","mouseover"]),Xa("onMouseLeave",["mouseout","mouseover"]),Xa("onPointerEnter",["pointerout","pointerover"]),Xa("onPointerLeave",["pointerout","pointerover"]),da("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),da("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),da("onBeforeInput",["compositionend","keypress","textInput","paste"]),da("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),da("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),da("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var ri="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Pg=new Set("beforetoggle cancel close invalid load scroll scrollend toggle".split(" ").concat(ri));function Kd(t,e){e=(e&4)!==0;for(var n=0;n<t.length;n++){var a=t[n],i=a.event;a=a.listeners;t:{var s=void 0;if(e)for(var d=a.length-1;0<=d;d--){var g=a[d],T=g.instance,z=g.currentTarget;if(g=g.listener,T!==s&&i.isPropagationStopped())break t;s=g,i.currentTarget=z;try{s(i)}catch(V){Wi(V)}i.currentTarget=null,s=T}else for(d=0;d<a.length;d++){if(g=a[d],T=g.instance,z=g.currentTarget,g=g.listener,T!==s&&i.isPropagationStopped())break t;s=g,i.currentTarget=z;try{s(i)}catch(V){Wi(V)}i.currentTarget=null,s=T}}}}function yt(t,e){var n=e[pc];n===void 0&&(n=e[pc]=new Set);var a=t+"__bubble";n.has(a)||(kd(e,t,2,!1),n.add(a))}function ff(t,e,n){var a=0;e&&(a|=4),kd(n,t,a,e)}var Qu="_reactListening"+Math.random().toString(36).slice(2);function rf(t){if(!t[Qu]){t[Qu]=!0,Lr.forEach(function(n){n!=="selectionchange"&&(Pg.has(n)||ff(n,!1,t),ff(n,!0,t))});var e=t.nodeType===9?t:t.ownerDocument;e===null||e[Qu]||(e[Qu]=!0,ff("selectionchange",!1,e))}}function kd(t,e,n,a){switch(x1(e)){case 2:var i=OA;break;case 8:i=wA;break;default:i=Cf}n=i.bind(null,e,n,t),i=void 0,!Dc||e!=="touchstart"&&e!=="touchmove"&&e!=="wheel"||(i=!0),a?i!==void 0?t.addEventListener(e,n,{capture:!0,passive:i}):t.addEventListener(e,n,!0):i!==void 0?t.addEventListener(e,n,{passive:i}):t.addEventListener(e,n,!1)}function of(t,e,n,a,i){var s=a;if((e&1)===0&&(e&2)===0&&a!==null)t:for(;;){if(a===null)return;var d=a.tag;if(d===3||d===4){var g=a.stateNode.containerInfo;if(g===i)break;if(d===4)for(d=a.return;d!==null;){var T=d.tag;if((T===3||T===4)&&d.stateNode.containerInfo===i)return;d=d.return}for(;g!==null;){if(d=Ya(g),d===null)return;if(T=d.tag,T===5||T===6||T===26||T===27){a=s=d;continue t}g=g.parentNode}}a=a.return}_r(function(){var z=s,V=wc(n),I=[];t:{var Y=Oo.get(t);if(Y!==void 0){var G=ki,at=t;switch(t){case"keypress":if(Ii(n)===0)break t;case"keydown":case"keyup":G=Im;break;case"focusin":at="focus",G=Nc;break;case"focusout":at="blur",G=Nc;break;case"beforeblur":case"afterblur":G=Nc;break;case"click":if(n.button===2)break t;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":G=to;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":G=Nm;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":G=Jm;break;case xo:case So:case To:G=Qm;break;case Co:G=Wm;break;case"scroll":case"scrollend":G=jm;break;case"wheel":G=Pm;break;case"copy":case"cut":case"paste":G=Ym;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":G=no;break;case"toggle":case"beforetoggle":G=tg}var ft=(e&4)!==0,Mt=!ft&&(t==="scroll"||t==="scrollend"),M=ft?Y!==null?Y+"Capture":null:Y;ft=[];for(var w=z,Q;w!==null;){var q=w;if(Q=q.stateNode,q=q.tag,q!==5&&q!==26&&q!==27||Q===null||M===null||(q=Hl(w,M),q!=null&&ft.push(oi(w,q,Q))),Mt)break;w=w.return}0<ft.length&&(Y=new G(Y,at,null,n,V),I.push({event:Y,listeners:ft}))}}if((e&7)===0){t:{if(Y=t==="mouseover"||t==="pointerover",G=t==="mouseout"||t==="pointerout",Y&&n!==Oc&&(at=n.relatedTarget||n.fromElement)&&(Ya(at)||at[za]))break t;if((G||Y)&&(Y=V.window===V?V:(Y=V.ownerDocument)?Y.defaultView||Y.parentWindow:window,G?(at=n.relatedTarget||n.toElement,G=z,at=at?Ya(at):null,at!==null&&(Mt=o(at),ft=at.tag,at!==Mt||ft!==5&&ft!==27&&ft!==6)&&(at=null)):(G=null,at=z),G!==at)){if(ft=to,q="onMouseLeave",M="onMouseEnter",w="mouse",(t==="pointerout"||t==="pointerover")&&(ft=no,q="onPointerLeave",M="onPointerEnter",w="pointer"),Mt=G==null?Y:jl(G),Q=at==null?Y:jl(at),Y=new ft(q,w+"leave",G,n,V),Y.target=Mt,Y.relatedTarget=Q,q=null,Ya(V)===z&&(ft=new ft(M,w+"enter",at,n,V),ft.target=Q,ft.relatedTarget=Mt,q=ft),Mt=q,G&&at)e:{for(ft=$g,M=G,w=at,Q=0,q=M;q;q=ft(q))Q++;q=0;for(var ut=w;ut;ut=ft(ut))q++;for(;0<Q-q;)M=ft(M),Q--;for(;0<q-Q;)w=ft(w),q--;for(;Q--;){if(M===w||w!==null&&M===w.alternate){ft=M;break e}M=ft(M),w=ft(w)}ft=null}else ft=null;G!==null&&Jd(I,Y,G,ft,!1),at!==null&&Mt!==null&&Jd(I,Mt,at,ft,!0)}}t:{if(Y=z?jl(z):window,G=Y.nodeName&&Y.nodeName.toLowerCase(),G==="select"||G==="input"&&Y.type==="file")var St=ro;else if(so(Y))if(oo)St=rg;else{St=sg;var lt=cg}else G=Y.nodeName,!G||G.toLowerCase()!=="input"||Y.type!=="checkbox"&&Y.type!=="radio"?z&&Cc(z.elementType)&&(St=ro):St=fg;if(St&&(St=St(t,z))){fo(I,St,n,V);break t}lt&&lt(t,Y,z),t==="focusout"&&z&&Y.type==="number"&&z.memoizedProps.value!=null&&Tc(Y,"number",Y.value)}switch(lt=z?jl(z):window,t){case"focusin":(so(lt)||lt.contentEditable==="true")&&(ka=lt,Lc=z,Gl=null);break;case"focusout":Gl=Lc=ka=null;break;case"mousedown":Gc=!0;break;case"contextmenu":case"mouseup":case"dragend":Gc=!1,po(I,n,V);break;case"selectionchange":if(dg)break;case"keydown":case"keyup":po(I,n,V)}var At;if(Uc)t:{switch(t){case"compositionstart":var pt="onCompositionStart";break t;case"compositionend":pt="onCompositionEnd";break t;case"compositionupdate":pt="onCompositionUpdate";break t}pt=void 0}else Ka?uo(t,n)&&(pt="onCompositionEnd"):t==="keydown"&&n.keyCode===229&&(pt="onCompositionStart");pt&&(ao&&n.locale!=="ko"&&(Ka||pt!=="onCompositionStart"?pt==="onCompositionEnd"&&Ka&&(At=Pr()):(jn=V,Mc="value"in jn?jn.value:jn.textContent,Ka=!0)),lt=zu(z,pt),0<lt.length&&(pt=new eo(pt,t,null,n,V),I.push({event:pt,listeners:lt}),At?pt.data=At:(At=co(n),At!==null&&(pt.data=At)))),(At=ng?ag(t,n):lg(t,n))&&(pt=zu(z,"onBeforeInput"),0<pt.length&&(lt=new eo("onBeforeInput","beforeinput",null,n,V),I.push({event:lt,listeners:pt}),lt.data=At)),Fg(I,t,z,n,V)}Kd(I,e)})}function oi(t,e,n){return{instance:t,listener:e,currentTarget:n}}function zu(t,e){for(var n=e+"Capture",a=[];t!==null;){var i=t,s=i.stateNode;if(i=i.tag,i!==5&&i!==26&&i!==27||s===null||(i=Hl(t,n),i!=null&&a.unshift(oi(t,i,s)),i=Hl(t,e),i!=null&&a.push(oi(t,i,s))),t.tag===3)return a;t=t.return}return[]}function $g(t){if(t===null)return null;do t=t.return;while(t&&t.tag!==5&&t.tag!==27);return t||null}function Jd(t,e,n,a,i){for(var s=e._reactName,d=[];n!==null&&n!==a;){var g=n,T=g.alternate,z=g.stateNode;if(g=g.tag,T!==null&&T===a)break;g!==5&&g!==26&&g!==27||z===null||(T=z,i?(z=Hl(n,s),z!=null&&d.unshift(oi(n,z,T))):i||(z=Hl(n,s),z!=null&&d.push(oi(n,z,T)))),n=n.return}d.length!==0&&t.push({event:e,listeners:d})}var tA=/\r\n?/g,eA=/\u0000|\uFFFD/g;function Fd(t){return(typeof t=="string"?t:""+t).replace(tA,`
-`).replace(eA,"")}function Wd(t,e){return e=Fd(e),Fd(t)===e}function Dt(t,e,n,a,i,s){switch(n){case"children":typeof a=="string"?e==="body"||e==="textarea"&&a===""||Za(t,a):(typeof a=="number"||typeof a=="bigint")&&e!=="body"&&Za(t,""+a);break;case"className":Xi(t,"class",a);break;case"tabIndex":Xi(t,"tabindex",a);break;case"dir":case"role":case"viewBox":case"width":case"height":Xi(t,n,a);break;case"style":Fr(t,a,s);break;case"data":if(e!=="object"){Xi(t,"data",a);break}case"src":case"href":if(a===""&&(e!=="a"||n!=="href")){t.removeAttribute(n);break}if(a==null||typeof a=="function"||typeof a=="symbol"||typeof a=="boolean"){t.removeAttribute(n);break}a=Zi(""+a),t.setAttribute(n,a);break;case"action":case"formAction":if(typeof a=="function"){t.setAttribute(n,"javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')");break}else typeof s=="function"&&(n==="formAction"?(e!=="input"&&Dt(t,e,"name",i.name,i,null),Dt(t,e,"formEncType",i.formEncType,i,null),Dt(t,e,"formMethod",i.formMethod,i,null),Dt(t,e,"formTarget",i.formTarget,i,null)):(Dt(t,e,"encType",i.encType,i,null),Dt(t,e,"method",i.method,i,null),Dt(t,e,"target",i.target,i,null)));if(a==null||typeof a=="symbol"||typeof a=="boolean"){t.removeAttribute(n);break}a=Zi(""+a),t.setAttribute(n,a);break;case"onClick":a!=null&&(t.onclick=tn);break;case"onScroll":a!=null&&yt("scroll",t);break;case"onScrollEnd":a!=null&&yt("scrollend",t);break;case"dangerouslySetInnerHTML":if(a!=null){if(typeof a!="object"||!("__html"in a))throw Error(f(61));if(n=a.__html,n!=null){if(i.children!=null)throw Error(f(60));t.innerHTML=n}}break;case"multiple":t.multiple=a&&typeof a!="function"&&typeof a!="symbol";break;case"muted":t.muted=a&&typeof a!="function"&&typeof a!="symbol";break;case"suppressContentEditableWarning":case"suppressHydrationWarning":case"defaultValue":case"defaultChecked":case"innerHTML":case"ref":break;case"autoFocus":break;case"xlinkHref":if(a==null||typeof a=="function"||typeof a=="boolean"||typeof a=="symbol"){t.removeAttribute("xlink:href");break}n=Zi(""+a),t.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",n);break;case"contentEditable":case"spellCheck":case"draggable":case"value":case"autoReverse":case"externalResourcesRequired":case"focusable":case"preserveAlpha":a!=null&&typeof a!="function"&&typeof a!="symbol"?t.setAttribute(n,""+a):t.removeAttribute(n);break;case"inert":case"allowFullScreen":case"async":case"autoPlay":case"controls":case"default":case"defer":case"disabled":case"disablePictureInPicture":case"disableRemotePlayback":case"formNoValidate":case"hidden":case"loop":case"noModule":case"noValidate":case"open":case"playsInline":case"readOnly":case"required":case"reversed":case"scoped":case"seamless":case"itemScope":a&&typeof a!="function"&&typeof a!="symbol"?t.setAttribute(n,""):t.removeAttribute(n);break;case"capture":case"download":a===!0?t.setAttribute(n,""):a!==!1&&a!=null&&typeof a!="function"&&typeof a!="symbol"?t.setAttribute(n,a):t.removeAttribute(n);break;case"cols":case"rows":case"size":case"span":a!=null&&typeof a!="function"&&typeof a!="symbol"&&!isNaN(a)&&1<=a?t.setAttribute(n,a):t.removeAttribute(n);break;case"rowSpan":case"start":a==null||typeof a=="function"||typeof a=="symbol"||isNaN(a)?t.removeAttribute(n):t.setAttribute(n,a);break;case"popover":yt("beforetoggle",t),yt("toggle",t),Gi(t,"popover",a);break;case"xlinkActuate":$e(t,"http://www.w3.org/1999/xlink","xlink:actuate",a);break;case"xlinkArcrole":$e(t,"http://www.w3.org/1999/xlink","xlink:arcrole",a);break;case"xlinkRole":$e(t,"http://www.w3.org/1999/xlink","xlink:role",a);break;case"xlinkShow":$e(t,"http://www.w3.org/1999/xlink","xlink:show",a);break;case"xlinkTitle":$e(t,"http://www.w3.org/1999/xlink","xlink:title",a);break;case"xlinkType":$e(t,"http://www.w3.org/1999/xlink","xlink:type",a);break;case"xmlBase":$e(t,"http://www.w3.org/XML/1998/namespace","xml:base",a);break;case"xmlLang":$e(t,"http://www.w3.org/XML/1998/namespace","xml:lang",a);break;case"xmlSpace":$e(t,"http://www.w3.org/XML/1998/namespace","xml:space",a);break;case"is":Gi(t,"is",a);break;case"innerText":case"textContent":break;default:(!(2<n.length)||n[0]!=="o"&&n[0]!=="O"||n[1]!=="n"&&n[1]!=="N")&&(n=Dm.get(n)||n,Gi(t,n,a))}}function df(t,e,n,a,i,s){switch(n){case"style":Fr(t,a,s);break;case"dangerouslySetInnerHTML":if(a!=null){if(typeof a!="object"||!("__html"in a))throw Error(f(61));if(n=a.__html,n!=null){if(i.children!=null)throw Error(f(60));t.innerHTML=n}}break;case"children":typeof a=="string"?Za(t,a):(typeof a=="number"||typeof a=="bigint")&&Za(t,""+a);break;case"onScroll":a!=null&&yt("scroll",t);break;case"onScrollEnd":a!=null&&yt("scrollend",t);break;case"onClick":a!=null&&(t.onclick=tn);break;case"suppressContentEditableWarning":case"suppressHydrationWarning":case"innerHTML":case"ref":break;case"innerText":case"textContent":break;default:if(!Gr.hasOwnProperty(n))t:{if(n[0]==="o"&&n[1]==="n"&&(i=n.endsWith("Capture"),e=n.slice(2,i?n.length-7:void 0),s=t[oe]||null,s=s!=null?s[n]:null,typeof s=="function"&&t.removeEventListener(e,s,i),typeof a=="function")){typeof s!="function"&&s!==null&&(n in t?t[n]=null:t.hasAttribute(n)&&t.removeAttribute(n)),t.addEventListener(e,a,i);break t}n in t?t[n]=a:a===!0?t.setAttribute(n,""):Gi(t,n,a)}}}function le(t,e,n){switch(e){case"div":case"span":case"svg":case"path":case"a":case"g":case"p":case"li":break;case"img":yt("error",t),yt("load",t);var a=!1,i=!1,s;for(s in n)if(n.hasOwnProperty(s)){var d=n[s];if(d!=null)switch(s){case"src":a=!0;break;case"srcSet":i=!0;break;case"children":case"dangerouslySetInnerHTML":throw Error(f(137,e));default:Dt(t,e,s,d,n,null)}}i&&Dt(t,e,"srcSet",n.srcSet,n,null),a&&Dt(t,e,"src",n.src,n,null);return;case"input":yt("invalid",t);var g=s=d=i=null,T=null,z=null;for(a in n)if(n.hasOwnProperty(a)){var V=n[a];if(V!=null)switch(a){case"name":i=V;break;case"type":d=V;break;case"checked":T=V;break;case"defaultChecked":z=V;break;case"value":s=V;break;case"defaultValue":g=V;break;case"children":case"dangerouslySetInnerHTML":if(V!=null)throw Error(f(137,e));break;default:Dt(t,e,a,V,n,null)}}Ir(t,s,g,T,z,d,i,!1);return;case"select":yt("invalid",t),a=d=s=null;for(i in n)if(n.hasOwnProperty(i)&&(g=n[i],g!=null))switch(i){case"value":s=g;break;case"defaultValue":d=g;break;case"multiple":a=g;default:Dt(t,e,i,g,n,null)}e=s,n=d,t.multiple=!!a,e!=null?Va(t,!!a,e,!1):n!=null&&Va(t,!!a,n,!0);return;case"textarea":yt("invalid",t),s=i=a=null;for(d in n)if(n.hasOwnProperty(d)&&(g=n[d],g!=null))switch(d){case"value":a=g;break;case"defaultValue":i=g;break;case"children":s=g;break;case"dangerouslySetInnerHTML":if(g!=null)throw Error(f(91));break;default:Dt(t,e,d,g,n,null)}kr(t,a,i,s);return;case"option":for(T in n)if(n.hasOwnProperty(T)&&(a=n[T],a!=null))switch(T){case"selected":t.selected=a&&typeof a!="function"&&typeof a!="symbol";break;default:Dt(t,e,T,a,n,null)}return;case"dialog":yt("beforetoggle",t),yt("toggle",t),yt("cancel",t),yt("close",t);break;case"iframe":case"object":yt("load",t);break;case"video":case"audio":for(a=0;a<ri.length;a++)yt(ri[a],t);break;case"image":yt("error",t),yt("load",t);break;case"details":yt("toggle",t);break;case"embed":case"source":case"link":yt("error",t),yt("load",t);case"area":case"base":case"br":case"col":case"hr":case"keygen":case"meta":case"param":case"track":case"wbr":case"menuitem":for(z in n)if(n.hasOwnProperty(z)&&(a=n[z],a!=null))switch(z){case"children":case"dangerouslySetInnerHTML":throw Error(f(137,e));default:Dt(t,e,z,a,n,null)}return;default:if(Cc(e)){for(V in n)n.hasOwnProperty(V)&&(a=n[V],a!==void 0&&df(t,e,V,a,n,void 0));return}}for(g in n)n.hasOwnProperty(g)&&(a=n[g],a!=null&&Dt(t,e,g,a,n,null))}function nA(t,e,n,a){switch(e){case"div":case"span":case"svg":case"path":case"a":case"g":case"p":case"li":break;case"input":var i=null,s=null,d=null,g=null,T=null,z=null,V=null;for(G in n){var I=n[G];if(n.hasOwnProperty(G)&&I!=null)switch(G){case"checked":break;case"value":break;case"defaultValue":T=I;default:a.hasOwnProperty(G)||Dt(t,e,G,null,a,I)}}for(var Y in a){var G=a[Y];if(I=n[Y],a.hasOwnProperty(Y)&&(G!=null||I!=null))switch(Y){case"type":s=G;break;case"name":i=G;break;case"checked":z=G;break;case"defaultChecked":V=G;break;case"value":d=G;break;case"defaultValue":g=G;break;case"children":case"dangerouslySetInnerHTML":if(G!=null)throw Error(f(137,e));break;default:G!==I&&Dt(t,e,Y,G,a,I)}}Sc(t,d,g,T,z,V,s,i);return;case"select":G=d=g=Y=null;for(s in n)if(T=n[s],n.hasOwnProperty(s)&&T!=null)switch(s){case"value":break;case"multiple":G=T;default:a.hasOwnProperty(s)||Dt(t,e,s,null,a,T)}for(i in a)if(s=a[i],T=n[i],a.hasOwnProperty(i)&&(s!=null||T!=null))switch(i){case"value":Y=s;break;case"defaultValue":g=s;break;case"multiple":d=s;default:s!==T&&Dt(t,e,i,s,a,T)}e=g,n=d,a=G,Y!=null?Va(t,!!n,Y,!1):!!a!=!!n&&(e!=null?Va(t,!!n,e,!0):Va(t,!!n,n?[]:"",!1));return;case"textarea":G=Y=null;for(g in n)if(i=n[g],n.hasOwnProperty(g)&&i!=null&&!a.hasOwnProperty(g))switch(g){case"value":break;case"children":break;default:Dt(t,e,g,null,a,i)}for(d in a)if(i=a[d],s=n[d],a.hasOwnProperty(d)&&(i!=null||s!=null))switch(d){case"value":Y=i;break;case"defaultValue":G=i;break;case"children":break;case"dangerouslySetInnerHTML":if(i!=null)throw Error(f(91));break;default:i!==s&&Dt(t,e,d,i,a,s)}Kr(t,Y,G);return;case"option":for(var at in n)if(Y=n[at],n.hasOwnProperty(at)&&Y!=null&&!a.hasOwnProperty(at))switch(at){case"selected":t.selected=!1;break;default:Dt(t,e,at,null,a,Y)}for(T in a)if(Y=a[T],G=n[T],a.hasOwnProperty(T)&&Y!==G&&(Y!=null||G!=null))switch(T){case"selected":t.selected=Y&&typeof Y!="function"&&typeof Y!="symbol";break;default:Dt(t,e,T,Y,a,G)}return;case"img":case"link":case"area":case"base":case"br":case"col":case"embed":case"hr":case"keygen":case"meta":case"param":case"source":case"track":case"wbr":case"menuitem":for(var ft in n)Y=n[ft],n.hasOwnProperty(ft)&&Y!=null&&!a.hasOwnProperty(ft)&&Dt(t,e,ft,null,a,Y);for(z in a)if(Y=a[z],G=n[z],a.hasOwnProperty(z)&&Y!==G&&(Y!=null||G!=null))switch(z){case"children":case"dangerouslySetInnerHTML":if(Y!=null)throw Error(f(137,e));break;default:Dt(t,e,z,Y,a,G)}return;default:if(Cc(e)){for(var Mt in n)Y=n[Mt],n.hasOwnProperty(Mt)&&Y!==void 0&&!a.hasOwnProperty(Mt)&&df(t,e,Mt,void 0,a,Y);for(V in a)Y=a[V],G=n[V],!a.hasOwnProperty(V)||Y===G||Y===void 0&&G===void 0||df(t,e,V,Y,a,G);return}}for(var M in n)Y=n[M],n.hasOwnProperty(M)&&Y!=null&&!a.hasOwnProperty(M)&&Dt(t,e,M,null,a,Y);for(I in a)Y=a[I],G=n[I],!a.hasOwnProperty(I)||Y===G||Y==null&&G==null||Dt(t,e,I,Y,a,G)}function _d(t){switch(t){case"css":case"script":case"font":case"img":case"image":case"input":case"link":return!0;default:return!1}}function aA(){if(typeof performance.getEntriesByType=="function"){for(var t=0,e=0,n=performance.getEntriesByType("resource"),a=0;a<n.length;a++){var i=n[a],s=i.transferSize,d=i.initiatorType,g=i.duration;if(s&&g&&_d(d)){for(d=0,g=i.responseEnd,a+=1;a<n.length;a++){var T=n[a],z=T.startTime;if(z>g)break;var V=T.transferSize,I=T.initiatorType;V&&_d(I)&&(T=T.responseEnd,d+=V*(T<g?1:(g-z)/(T-z)))}if(--a,e+=8*(s+d)/(i.duration/1e3),t++,10<t)break}}if(0<t)return e/t/1e6}return navigator.connection&&(t=navigator.connection.downlink,typeof t=="number")?t:5}var hf=null,mf=null;function Yu(t){return t.nodeType===9?t:t.ownerDocument}function Pd(t){switch(t){case"http://www.w3.org/2000/svg":return 1;case"http://www.w3.org/1998/Math/MathML":return 2;default:return 0}}function $d(t,e){if(t===0)switch(e){case"svg":return 1;case"math":return 2;default:return 0}return t===1&&e==="foreignObject"?0:t}function gf(t,e){return t==="textarea"||t==="noscript"||typeof e.children=="string"||typeof e.children=="number"||typeof e.children=="bigint"||typeof e.dangerouslySetInnerHTML=="object"&&e.dangerouslySetInnerHTML!==null&&e.dangerouslySetInnerHTML.__html!=null}var Af=null;function lA(){var t=window.event;return t&&t.type==="popstate"?t===Af?!1:(Af=t,!0):(Af=null,!1)}var t1=typeof setTimeout=="function"?setTimeout:void 0,iA=typeof clearTimeout=="function"?clearTimeout:void 0,e1=typeof Promise=="function"?Promise:void 0,uA=typeof queueMicrotask=="function"?queueMicrotask:typeof e1<"u"?function(t){return e1.resolve(null).then(t).catch(cA)}:t1;function cA(t){setTimeout(function(){throw t})}function Jn(t){return t==="head"}function n1(t,e){var n=e,a=0;do{var i=n.nextSibling;if(t.removeChild(n),i&&i.nodeType===8)if(n=i.data,n==="/$"||n==="/&"){if(a===0){t.removeChild(i),pl(e);return}a--}else if(n==="$"||n==="$?"||n==="$~"||n==="$!"||n==="&")a++;else if(n==="html")di(t.ownerDocument.documentElement);else if(n==="head"){n=t.ownerDocument.head,di(n);for(var s=n.firstChild;s;){var d=s.nextSibling,g=s.nodeName;s[Ml]||g==="SCRIPT"||g==="STYLE"||g==="LINK"&&s.rel.toLowerCase()==="stylesheet"||n.removeChild(s),s=d}}else n==="body"&&di(t.ownerDocument.body);n=i}while(n);pl(e)}function a1(t,e){var n=t;t=0;do{var a=n.nextSibling;if(n.nodeType===1?e?(n._stashedDisplay=n.style.display,n.style.display="none"):(n.style.display=n._stashedDisplay||"",n.getAttribute("style")===""&&n.removeAttribute("style")):n.nodeType===3&&(e?(n._stashedText=n.nodeValue,n.nodeValue=""):n.nodeValue=n._stashedText||""),a&&a.nodeType===8)if(n=a.data,n==="/$"){if(t===0)break;t--}else n!=="$"&&n!=="$?"&&n!=="$~"&&n!=="$!"||t++;n=a}while(n)}function vf(t){var e=t.firstChild;for(e&&e.nodeType===10&&(e=e.nextSibling);e;){var n=e;switch(e=e.nextSibling,n.nodeName){case"HTML":case"HEAD":case"BODY":vf(n),bc(n);continue;case"SCRIPT":case"STYLE":continue;case"LINK":if(n.rel.toLowerCase()==="stylesheet")continue}t.removeChild(n)}}function sA(t,e,n,a){for(;t.nodeType===1;){var i=n;if(t.nodeName.toLowerCase()!==e.toLowerCase()){if(!a&&(t.nodeName!=="INPUT"||t.type!=="hidden"))break}else if(a){if(!t[Ml])switch(e){case"meta":if(!t.hasAttribute("itemprop"))break;return t;case"link":if(s=t.getAttribute("rel"),s==="stylesheet"&&t.hasAttribute("data-precedence"))break;if(s!==i.rel||t.getAttribute("href")!==(i.href==null||i.href===""?null:i.href)||t.getAttribute("crossorigin")!==(i.crossOrigin==null?null:i.crossOrigin)||t.getAttribute("title")!==(i.title==null?null:i.title))break;return t;case"style":if(t.hasAttribute("data-precedence"))break;return t;case"script":if(s=t.getAttribute("src"),(s!==(i.src==null?null:i.src)||t.getAttribute("type")!==(i.type==null?null:i.type)||t.getAttribute("crossorigin")!==(i.crossOrigin==null?null:i.crossOrigin))&&s&&t.hasAttribute("async")&&!t.hasAttribute("itemprop"))break;return t;default:return t}}else if(e==="input"&&t.type==="hidden"){var s=i.name==null?null:""+i.name;if(i.type==="hidden"&&t.getAttribute("name")===s)return t}else return t;if(t=Le(t.nextSibling),t===null)break}return null}function fA(t,e,n){if(e==="")return null;for(;t.nodeType!==3;)if((t.nodeType!==1||t.nodeName!=="INPUT"||t.type!=="hidden")&&!n||(t=Le(t.nextSibling),t===null))return null;return t}function l1(t,e){for(;t.nodeType!==8;)if((t.nodeType!==1||t.nodeName!=="INPUT"||t.type!=="hidden")&&!e||(t=Le(t.nextSibling),t===null))return null;return t}function yf(t){return t.data==="$?"||t.data==="$~"}function Ef(t){return t.data==="$!"||t.data==="$?"&&t.ownerDocument.readyState!=="loading"}function rA(t,e){var n=t.ownerDocument;if(t.data==="$~")t._reactRetry=e;else if(t.data!=="$?"||n.readyState!=="loading")e();else{var a=function(){e(),n.removeEventListener("DOMContentLoaded",a)};n.addEventListener("DOMContentLoaded",a),t._reactRetry=a}}function Le(t){for(;t!=null;t=t.nextSibling){var e=t.nodeType;if(e===1||e===3)break;if(e===8){if(e=t.data,e==="$"||e==="$!"||e==="$?"||e==="$~"||e==="&"||e==="F!"||e==="F")break;if(e==="/$"||e==="/&")return null}}return t}var pf=null;function i1(t){t=t.nextSibling;for(var e=0;t;){if(t.nodeType===8){var n=t.data;if(n==="/$"||n==="/&"){if(e===0)return Le(t.nextSibling);e--}else n!=="$"&&n!=="$!"&&n!=="$?"&&n!=="$~"&&n!=="&"||e++}t=t.nextSibling}return null}function u1(t){t=t.previousSibling;for(var e=0;t;){if(t.nodeType===8){var n=t.data;if(n==="$"||n==="$!"||n==="$?"||n==="$~"||n==="&"){if(e===0)return t;e--}else n!=="/$"&&n!=="/&"||e++}t=t.previousSibling}return null}function c1(t,e,n){switch(e=Yu(n),t){case"html":if(t=e.documentElement,!t)throw Error(f(452));return t;case"head":if(t=e.head,!t)throw Error(f(453));return t;case"body":if(t=e.body,!t)throw Error(f(454));return t;default:throw Error(f(451))}}function di(t){for(var e=t.attributes;e.length;)t.removeAttributeNode(e[0]);bc(t)}var Ge=new Map,s1=new Set;function Lu(t){return typeof t.getRootNode=="function"?t.getRootNode():t.nodeType===9?t:t.ownerDocument}var vn=_.d;_.d={f:oA,r:dA,D:hA,C:mA,L:gA,m:AA,X:yA,S:vA,M:EA};function oA(){var t=vn.f(),e=Mu();return t||e}function dA(t){var e=La(t);e!==null&&e.tag===5&&e.type==="form"?C0(e):vn.r(t)}var vl=typeof document>"u"?null:document;function f1(t,e,n){var a=vl;if(a&&typeof e=="string"&&e){var i=He(e);i='link[rel="'+t+'"][href="'+i+'"]',typeof n=="string"&&(i+='[crossorigin="'+n+'"]'),s1.has(i)||(s1.add(i),t={rel:t,crossOrigin:n,href:e},a.querySelector(i)===null&&(e=a.createElement("link"),le(e,"link",t),Wt(e),a.head.appendChild(e)))}}function hA(t){vn.D(t),f1("dns-prefetch",t,null)}function mA(t,e){vn.C(t,e),f1("preconnect",t,e)}function gA(t,e,n){vn.L(t,e,n);var a=vl;if(a&&t&&e){var i='link[rel="preload"][as="'+He(e)+'"]';e==="image"&&n&&n.imageSrcSet?(i+='[imagesrcset="'+He(n.imageSrcSet)+'"]',typeof n.imageSizes=="string"&&(i+='[imagesizes="'+He(n.imageSizes)+'"]')):i+='[href="'+He(t)+'"]';var s=i;switch(e){case"style":s=yl(t);break;case"script":s=El(t)}Ge.has(s)||(t=S({rel:"preload",href:e==="image"&&n&&n.imageSrcSet?void 0:t,as:e},n),Ge.set(s,t),a.querySelector(i)!==null||e==="style"&&a.querySelector(hi(s))||e==="script"&&a.querySelector(mi(s))||(e=a.createElement("link"),le(e,"link",t),Wt(e),a.head.appendChild(e)))}}function AA(t,e){vn.m(t,e);var n=vl;if(n&&t){var a=e&&typeof e.as=="string"?e.as:"script",i='link[rel="modulepreload"][as="'+He(a)+'"][href="'+He(t)+'"]',s=i;switch(a){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":s=El(t)}if(!Ge.has(s)&&(t=S({rel:"modulepreload",href:t},e),Ge.set(s,t),n.querySelector(i)===null)){switch(a){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":if(n.querySelector(mi(s)))return}a=n.createElement("link"),le(a,"link",t),Wt(a),n.head.appendChild(a)}}}function vA(t,e,n){vn.S(t,e,n);var a=vl;if(a&&t){var i=Ga(a).hoistableStyles,s=yl(t);e=e||"default";var d=i.get(s);if(!d){var g={loading:0,preload:null};if(d=a.querySelector(hi(s)))g.loading=5;else{t=S({rel:"stylesheet",href:t,"data-precedence":e},n),(n=Ge.get(s))&&bf(t,n);var T=d=a.createElement("link");Wt(T),le(T,"link",t),T._p=new Promise(function(z,V){T.onload=z,T.onerror=V}),T.addEventListener("load",function(){g.loading|=1}),T.addEventListener("error",function(){g.loading|=2}),g.loading|=4,Gu(d,e,a)}d={type:"stylesheet",instance:d,count:1,state:g},i.set(s,d)}}}function yA(t,e){vn.X(t,e);var n=vl;if(n&&t){var a=Ga(n).hoistableScripts,i=El(t),s=a.get(i);s||(s=n.querySelector(mi(i)),s||(t=S({src:t,async:!0},e),(e=Ge.get(i))&&xf(t,e),s=n.createElement("script"),Wt(s),le(s,"link",t),n.head.appendChild(s)),s={type:"script",instance:s,count:1,state:null},a.set(i,s))}}function EA(t,e){vn.M(t,e);var n=vl;if(n&&t){var a=Ga(n).hoistableScripts,i=El(t),s=a.get(i);s||(s=n.querySelector(mi(i)),s||(t=S({src:t,async:!0,type:"module"},e),(e=Ge.get(i))&&xf(t,e),s=n.createElement("script"),Wt(s),le(s,"link",t),n.head.appendChild(s)),s={type:"script",instance:s,count:1,state:null},a.set(i,s))}}function r1(t,e,n,a){var i=(i=ot.current)?Lu(i):null;if(!i)throw Error(f(446));switch(t){case"meta":case"title":return null;case"style":return typeof n.precedence=="string"&&typeof n.href=="string"?(e=yl(n.href),n=Ga(i).hoistableStyles,a=n.get(e),a||(a={type:"style",instance:null,count:0,state:null},n.set(e,a)),a):{type:"void",instance:null,count:0,state:null};case"link":if(n.rel==="stylesheet"&&typeof n.href=="string"&&typeof n.precedence=="string"){t=yl(n.href);var s=Ga(i).hoistableStyles,d=s.get(t);if(d||(i=i.ownerDocument||i,d={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},s.set(t,d),(s=i.querySelector(hi(t)))&&!s._p&&(d.instance=s,d.state.loading=5),Ge.has(t)||(n={rel:"preload",as:"style",href:n.href,crossOrigin:n.crossOrigin,integrity:n.integrity,media:n.media,hrefLang:n.hrefLang,referrerPolicy:n.referrerPolicy},Ge.set(t,n),s||pA(i,t,n,d.state))),e&&a===null)throw Error(f(528,""));return d}if(e&&a!==null)throw Error(f(529,""));return null;case"script":return e=n.async,n=n.src,typeof n=="string"&&e&&typeof e!="function"&&typeof e!="symbol"?(e=El(n),n=Ga(i).hoistableScripts,a=n.get(e),a||(a={type:"script",instance:null,count:0,state:null},n.set(e,a)),a):{type:"void",instance:null,count:0,state:null};default:throw Error(f(444,t))}}function yl(t){return'href="'+He(t)+'"'}function hi(t){return'link[rel="stylesheet"]['+t+"]"}function o1(t){return S({},t,{"data-precedence":t.precedence,precedence:null})}function pA(t,e,n,a){t.querySelector('link[rel="preload"][as="style"]['+e+"]")?a.loading=1:(e=t.createElement("link"),a.preload=e,e.addEventListener("load",function(){return a.loading|=1}),e.addEventListener("error",function(){return a.loading|=2}),le(e,"link",n),Wt(e),t.head.appendChild(e))}function El(t){return'[src="'+He(t)+'"]'}function mi(t){return"script[async]"+t}function d1(t,e,n){if(e.count++,e.instance===null)switch(e.type){case"style":var a=t.querySelector('style[data-href~="'+He(n.href)+'"]');if(a)return e.instance=a,Wt(a),a;var i=S({},n,{"data-href":n.href,"data-precedence":n.precedence,href:null,precedence:null});return a=(t.ownerDocument||t).createElement("style"),Wt(a),le(a,"style",i),Gu(a,n.precedence,t),e.instance=a;case"stylesheet":i=yl(n.href);var s=t.querySelector(hi(i));if(s)return e.state.loading|=4,e.instance=s,Wt(s),s;a=o1(n),(i=Ge.get(i))&&bf(a,i),s=(t.ownerDocument||t).createElement("link"),Wt(s);var d=s;return d._p=new Promise(function(g,T){d.onload=g,d.onerror=T}),le(s,"link",a),e.state.loading|=4,Gu(s,n.precedence,t),e.instance=s;case"script":return s=El(n.src),(i=t.querySelector(mi(s)))?(e.instance=i,Wt(i),i):(a=n,(i=Ge.get(s))&&(a=S({},n),xf(a,i)),t=t.ownerDocument||t,i=t.createElement("script"),Wt(i),le(i,"link",a),t.head.appendChild(i),e.instance=i);case"void":return null;default:throw Error(f(443,e.type))}else e.type==="stylesheet"&&(e.state.loading&4)===0&&(a=e.instance,e.state.loading|=4,Gu(a,n.precedence,t));return e.instance}function Gu(t,e,n){for(var a=n.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),i=a.length?a[a.length-1]:null,s=i,d=0;d<a.length;d++){var g=a[d];if(g.dataset.precedence===e)s=g;else if(s!==i)break}s?s.parentNode.insertBefore(t,s.nextSibling):(e=n.nodeType===9?n.head:n,e.insertBefore(t,e.firstChild))}function bf(t,e){t.crossOrigin==null&&(t.crossOrigin=e.crossOrigin),t.referrerPolicy==null&&(t.referrerPolicy=e.referrerPolicy),t.title==null&&(t.title=e.title)}function xf(t,e){t.crossOrigin==null&&(t.crossOrigin=e.crossOrigin),t.referrerPolicy==null&&(t.referrerPolicy=e.referrerPolicy),t.integrity==null&&(t.integrity=e.integrity)}var Xu=null;function h1(t,e,n){if(Xu===null){var a=new Map,i=Xu=new Map;i.set(n,a)}else i=Xu,a=i.get(n),a||(a=new Map,i.set(n,a));if(a.has(t))return a;for(a.set(t,null),n=n.getElementsByTagName(t),i=0;i<n.length;i++){var s=n[i];if(!(s[Ml]||s[te]||t==="link"&&s.getAttribute("rel")==="stylesheet")&&s.namespaceURI!=="http://www.w3.org/2000/svg"){var d=s.getAttribute(e)||"";d=t+d;var g=a.get(d);g?g.push(s):a.set(d,[s])}}return a}function m1(t,e,n){t=t.ownerDocument||t,t.head.insertBefore(n,e==="title"?t.querySelector("head > title"):null)}function bA(t,e,n){if(n===1||e.itemProp!=null)return!1;switch(t){case"meta":case"title":return!0;case"style":if(typeof e.precedence!="string"||typeof e.href!="string"||e.href==="")break;return!0;case"link":if(typeof e.rel!="string"||typeof e.href!="string"||e.href===""||e.onLoad||e.onError)break;switch(e.rel){case"stylesheet":return t=e.disabled,typeof e.precedence=="string"&&t==null;default:return!0}case"script":if(e.async&&typeof e.async!="function"&&typeof e.async!="symbol"&&!e.onLoad&&!e.onError&&e.src&&typeof e.src=="string")return!0}return!1}function g1(t){return!(t.type==="stylesheet"&&(t.state.loading&3)===0)}function xA(t,e,n,a){if(n.type==="stylesheet"&&(typeof a.media!="string"||matchMedia(a.media).matches!==!1)&&(n.state.loading&4)===0){if(n.instance===null){var i=yl(a.href),s=e.querySelector(hi(i));if(s){e=s._p,e!==null&&typeof e=="object"&&typeof e.then=="function"&&(t.count++,t=Vu.bind(t),e.then(t,t)),n.state.loading|=4,n.instance=s,Wt(s);return}s=e.ownerDocument||e,a=o1(a),(i=Ge.get(i))&&bf(a,i),s=s.createElement("link"),Wt(s);var d=s;d._p=new Promise(function(g,T){d.onload=g,d.onerror=T}),le(s,"link",a),n.instance=s}t.stylesheets===null&&(t.stylesheets=new Map),t.stylesheets.set(n,e),(e=n.state.preload)&&(n.state.loading&3)===0&&(t.count++,n=Vu.bind(t),e.addEventListener("load",n),e.addEventListener("error",n))}}var Sf=0;function SA(t,e){return t.stylesheets&&t.count===0&&qu(t,t.stylesheets),0<t.count||0<t.imgCount?function(n){var a=setTimeout(function(){if(t.stylesheets&&qu(t,t.stylesheets),t.unsuspend){var s=t.unsuspend;t.unsuspend=null,s()}},6e4+e);0<t.imgBytes&&Sf===0&&(Sf=62500*aA());var i=setTimeout(function(){if(t.waitingForImages=!1,t.count===0&&(t.stylesheets&&qu(t,t.stylesheets),t.unsuspend)){var s=t.unsuspend;t.unsuspend=null,s()}},(t.imgBytes>Sf?50:800)+e);return t.unsuspend=n,function(){t.unsuspend=null,clearTimeout(a),clearTimeout(i)}}:null}function Vu(){if(this.count--,this.count===0&&(this.imgCount===0||!this.waitingForImages)){if(this.stylesheets)qu(this,this.stylesheets);else if(this.unsuspend){var t=this.unsuspend;this.unsuspend=null,t()}}}var Zu=null;function qu(t,e){t.stylesheets=null,t.unsuspend!==null&&(t.count++,Zu=new Map,e.forEach(TA,t),Zu=null,Vu.call(t))}function TA(t,e){if(!(e.state.loading&4)){var n=Zu.get(t);if(n)var a=n.get(null);else{n=new Map,Zu.set(t,n);for(var i=t.querySelectorAll("link[data-precedence],style[data-precedence]"),s=0;s<i.length;s++){var d=i[s];(d.nodeName==="LINK"||d.getAttribute("media")!=="not all")&&(n.set(d.dataset.precedence,d),a=d)}a&&n.set(null,a)}i=e.instance,d=i.getAttribute("data-precedence"),s=n.get(d)||a,s===a&&n.set(null,i),n.set(d,i),this.count++,a=Vu.bind(this),i.addEventListener("load",a),i.addEventListener("error",a),s?s.parentNode.insertBefore(i,s.nextSibling):(t=t.nodeType===9?t.head:t,t.insertBefore(i,t.firstChild)),e.state.loading|=4}}var gi={$$typeof:U,Provider:null,Consumer:null,_currentValue:$,_currentValue2:$,_threadCount:0};function CA(t,e,n,a,i,s,d,g,T){this.tag=1,this.containerInfo=t,this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null,this.callbackPriority=0,this.expirationTimes=vc(-1),this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.expiredLanes=this.warmLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=vc(0),this.hiddenUpdates=vc(null),this.identifierPrefix=a,this.onUncaughtError=i,this.onCaughtError=s,this.onRecoverableError=d,this.pooledCache=null,this.pooledCacheLanes=0,this.formState=T,this.incompleteTransitions=new Map}function A1(t,e,n,a,i,s,d,g,T,z,V,I){return t=new CA(t,e,n,d,T,z,V,I,g),e=1,s===!0&&(e|=24),s=Te(3,null,null,e),t.current=s,s.stateNode=t,e=es(),e.refCount++,t.pooledCache=e,e.refCount++,s.memoizedState={element:a,isDehydrated:n,cache:e},is(s),t}function v1(t){return t?(t=Wa,t):Wa}function y1(t,e,n,a,i,s){i=v1(i),a.context===null?a.context=i:a.pendingContext=i,a=zn(e),a.payload={element:n},s=s===void 0?null:s,s!==null&&(a.callback=s),n=Yn(t,a,e),n!==null&&(ve(n,t,e),kl(n,t,e))}function E1(t,e){if(t=t.memoizedState,t!==null&&t.dehydrated!==null){var n=t.retryLane;t.retryLane=n!==0&&n<e?n:e}}function Tf(t,e){E1(t,e),(t=t.alternate)&&E1(t,e)}function p1(t){if(t.tag===13||t.tag===31){var e=Aa(t,67108864);e!==null&&ve(e,t,67108864),Tf(t,67108864)}}function b1(t){if(t.tag===13||t.tag===31){var e=De();e=yc(e);var n=Aa(t,e);n!==null&&ve(n,t,e),Tf(t,e)}}var Iu=!0;function OA(t,e,n,a){var i=H.T;H.T=null;var s=_.p;try{_.p=2,Cf(t,e,n,a)}finally{_.p=s,H.T=i}}function wA(t,e,n,a){var i=H.T;H.T=null;var s=_.p;try{_.p=8,Cf(t,e,n,a)}finally{_.p=s,H.T=i}}function Cf(t,e,n,a){if(Iu){var i=Of(a);if(i===null)of(t,e,a,Ku,n),S1(t,a);else if(DA(i,t,e,n,a))a.stopPropagation();else if(S1(t,a),e&4&&-1<RA.indexOf(t)){for(;i!==null;){var s=La(i);if(s!==null)switch(s.tag){case 3:if(s=s.stateNode,s.current.memoizedState.isDehydrated){var d=oa(s.pendingLanes);if(d!==0){var g=s;for(g.pendingLanes|=2,g.entangledLanes|=2;d;){var T=1<<31-xe(d);g.entanglements[1]|=T,d&=~T}_e(s),(Ct&6)===0&&(Ru=pe()+500,fi(0))}}break;case 31:case 13:g=Aa(s,2),g!==null&&ve(g,s,2),Mu(),Tf(s,2)}if(s=Of(a),s===null&&of(t,e,a,Ku,n),s===i)break;i=s}i!==null&&a.stopPropagation()}else of(t,e,a,null,n)}}function Of(t){return t=wc(t),wf(t)}var Ku=null;function wf(t){if(Ku=null,t=Ya(t),t!==null){var e=o(t);if(e===null)t=null;else{var n=e.tag;if(n===13){if(t=h(e),t!==null)return t;t=null}else if(n===31){if(t=v(e),t!==null)return t;t=null}else if(n===3){if(e.stateNode.current.memoizedState.isDehydrated)return e.tag===3?e.stateNode.containerInfo:null;t=null}else e!==t&&(t=null)}}return Ku=t,null}function x1(t){switch(t){case"beforetoggle":case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"toggle":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 2;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 8;case"message":switch(hm()){case Dr:return 2;case Mr:return 8;case Ui:case mm:return 32;case jr:return 268435456;default:return 32}default:return 32}}var Rf=!1,Fn=null,Wn=null,_n=null,Ai=new Map,vi=new Map,Pn=[],RA="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(" ");function S1(t,e){switch(t){case"focusin":case"focusout":Fn=null;break;case"dragenter":case"dragleave":Wn=null;break;case"mouseover":case"mouseout":_n=null;break;case"pointerover":case"pointerout":Ai.delete(e.pointerId);break;case"gotpointercapture":case"lostpointercapture":vi.delete(e.pointerId)}}function yi(t,e,n,a,i,s){return t===null||t.nativeEvent!==s?(t={blockedOn:e,domEventName:n,eventSystemFlags:a,nativeEvent:s,targetContainers:[i]},e!==null&&(e=La(e),e!==null&&p1(e)),t):(t.eventSystemFlags|=a,e=t.targetContainers,i!==null&&e.indexOf(i)===-1&&e.push(i),t)}function DA(t,e,n,a,i){switch(e){case"focusin":return Fn=yi(Fn,t,e,n,a,i),!0;case"dragenter":return Wn=yi(Wn,t,e,n,a,i),!0;case"mouseover":return _n=yi(_n,t,e,n,a,i),!0;case"pointerover":var s=i.pointerId;return Ai.set(s,yi(Ai.get(s)||null,t,e,n,a,i)),!0;case"gotpointercapture":return s=i.pointerId,vi.set(s,yi(vi.get(s)||null,t,e,n,a,i)),!0}return!1}function T1(t){var e=Ya(t.target);if(e!==null){var n=o(e);if(n!==null){if(e=n.tag,e===13){if(e=h(n),e!==null){t.blockedOn=e,zr(t.priority,function(){b1(n)});return}}else if(e===31){if(e=v(n),e!==null){t.blockedOn=e,zr(t.priority,function(){b1(n)});return}}else if(e===3&&n.stateNode.current.memoizedState.isDehydrated){t.blockedOn=n.tag===3?n.stateNode.containerInfo:null;return}}}t.blockedOn=null}function ku(t){if(t.blockedOn!==null)return!1;for(var e=t.targetContainers;0<e.length;){var n=Of(t.nativeEvent);if(n===null){n=t.nativeEvent;var a=new n.constructor(n.type,n);Oc=a,n.target.dispatchEvent(a),Oc=null}else return e=La(n),e!==null&&p1(e),t.blockedOn=n,!1;e.shift()}return!0}function C1(t,e,n){ku(t)&&n.delete(e)}function MA(){Rf=!1,Fn!==null&&ku(Fn)&&(Fn=null),Wn!==null&&ku(Wn)&&(Wn=null),_n!==null&&ku(_n)&&(_n=null),Ai.forEach(C1),vi.forEach(C1)}function Ju(t,e){t.blockedOn===e&&(t.blockedOn=null,Rf||(Rf=!0,l.unstable_scheduleCallback(l.unstable_NormalPriority,MA)))}var Fu=null;function O1(t){Fu!==t&&(Fu=t,l.unstable_scheduleCallback(l.unstable_NormalPriority,function(){Fu===t&&(Fu=null);for(var e=0;e<t.length;e+=3){var n=t[e],a=t[e+1],i=t[e+2];if(typeof a!="function"){if(wf(a||n)===null)continue;break}var s=La(n);s!==null&&(t.splice(e,3),e-=3,Cs(s,{pending:!0,data:i,method:n.method,action:a},a,i))}}))}function pl(t){function e(T){return Ju(T,t)}Fn!==null&&Ju(Fn,t),Wn!==null&&Ju(Wn,t),_n!==null&&Ju(_n,t),Ai.forEach(e),vi.forEach(e);for(var n=0;n<Pn.length;n++){var a=Pn[n];a.blockedOn===t&&(a.blockedOn=null)}for(;0<Pn.length&&(n=Pn[0],n.blockedOn===null);)T1(n),n.blockedOn===null&&Pn.shift();if(n=(t.ownerDocument||t).$$reactFormReplay,n!=null)for(a=0;a<n.length;a+=3){var i=n[a],s=n[a+1],d=i[oe]||null;if(typeof s=="function")d||O1(n);else if(d){var g=null;if(s&&s.hasAttribute("formAction")){if(i=s,d=s[oe]||null)g=d.formAction;else if(wf(i)!==null)continue}else g=d.action;typeof g=="function"?n[a+1]=g:(n.splice(a,3),a-=3),O1(n)}}}function w1(){function t(s){s.canIntercept&&s.info==="react-transition"&&s.intercept({handler:function(){return new Promise(function(d){return i=d})},focusReset:"manual",scroll:"manual"})}function e(){i!==null&&(i(),i=null),a||setTimeout(n,20)}function n(){if(!a&&!navigation.transition){var s=navigation.currentEntry;s&&s.url!=null&&navigation.navigate(s.url,{state:s.getState(),info:"react-transition",history:"replace"})}}if(typeof navigation=="object"){var a=!1,i=null;return navigation.addEventListener("navigate",t),navigation.addEventListener("navigatesuccess",e),navigation.addEventListener("navigateerror",e),setTimeout(n,100),function(){a=!0,navigation.removeEventListener("navigate",t),navigation.removeEventListener("navigatesuccess",e),navigation.removeEventListener("navigateerror",e),i!==null&&(i(),i=null)}}}function Df(t){this._internalRoot=t}Wu.prototype.render=Df.prototype.render=function(t){var e=this._internalRoot;if(e===null)throw Error(f(409));var n=e.current,a=De();y1(n,a,t,e,null,null)},Wu.prototype.unmount=Df.prototype.unmount=function(){var t=this._internalRoot;if(t!==null){this._internalRoot=null;var e=t.containerInfo;y1(t.current,2,null,t,null,null),Mu(),e[za]=null}};function Wu(t){this._internalRoot=t}Wu.prototype.unstable_scheduleHydration=function(t){if(t){var e=Qr();t={blockedOn:null,target:t,priority:e};for(var n=0;n<Pn.length&&e!==0&&e<Pn[n].priority;n++);Pn.splice(n,0,t),n===0&&T1(t)}};var R1=u.version;if(R1!=="19.2.1")throw Error(f(527,R1,"19.2.1"));_.findDOMNode=function(t){var e=t._reactInternals;if(e===void 0)throw typeof t.render=="function"?Error(f(188)):(t=Object.keys(t).join(","),Error(f(268,t)));return t=A(e),t=t!==null?E(t):null,t=t===null?null:t.stateNode,t};var jA={bundleType:0,version:"19.2.1",rendererPackageName:"react-dom",currentDispatcherRef:H,reconcilerVersion:"19.2.1"};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"){var _u=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!_u.isDisabled&&_u.supportsFiber)try{wl=_u.inject(jA),be=_u}catch{}}return xi.createRoot=function(t,e){if(!r(t))throw Error(f(299));var n=!1,a="",i=U0,s=Q0,d=z0;return e!=null&&(e.unstable_strictMode===!0&&(n=!0),e.identifierPrefix!==void 0&&(a=e.identifierPrefix),e.onUncaughtError!==void 0&&(i=e.onUncaughtError),e.onCaughtError!==void 0&&(s=e.onCaughtError),e.onRecoverableError!==void 0&&(d=e.onRecoverableError)),e=A1(t,1,!1,null,null,n,a,null,i,s,d,w1),t[za]=e.current,rf(t),new Df(e)},xi.hydrateRoot=function(t,e,n){if(!r(t))throw Error(f(299));var a=!1,i="",s=U0,d=Q0,g=z0,T=null;return n!=null&&(n.unstable_strictMode===!0&&(a=!0),n.identifierPrefix!==void 0&&(i=n.identifierPrefix),n.onUncaughtError!==void 0&&(s=n.onUncaughtError),n.onCaughtError!==void 0&&(d=n.onCaughtError),n.onRecoverableError!==void 0&&(g=n.onRecoverableError),n.formState!==void 0&&(T=n.formState)),e=A1(t,1,!0,e,n??null,a,i,T,s,d,g,w1),e.context=v1(null),n=e.current,a=De(),a=yc(a),i=zn(a),i.callback=null,Yn(n,i,a),n=a,e.current.lanes=n,Dl(e,n),_e(e),t[za]=e.current,rf(t),new Wu(e)},xi.version="19.2.1",xi}var j2;function G5(){if(j2)return Vf.exports;j2=1;function l(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(l)}catch(u){console.error(u)}}return l(),Vf.exports=L5(),Vf.exports}var X5=G5();class rc{constructor(){yn(this,"project",[]);yn(this,"status",[]);yn(this,"text",[]);yn(this,"labels",[]);yn(this,"annotations",[])}empty(){return this.project.length+this.status.length+this.text.length+this.labels.length+this.annotations.length===0}static parse(u){const c=rc.tokenize(u),f=new Set,r=new Set,o=[],h=new Set,v=new Set;for(let A of c){const E=A.startsWith("!");if(E&&(A=A.slice(1)),A.startsWith("p:")){f.add({name:A.slice(2),not:E});continue}if(A.startsWith("s:")){r.add({name:A.slice(2),not:E});continue}if(A.startsWith("@")){h.add({name:A,not:E});continue}if(A.startsWith("annot:")){v.add({name:A.slice(6),not:E});continue}o.push({name:A.toLowerCase(),not:E})}const y=new rc;return y.text=o,y.project=[...f],y.status=[...r],y.labels=[...h],y.annotations=[...v],y}static tokenize(u){const c=[];let f,r=[];for(let o=0;o<u.length;++o){const h=u[o];if(f&&h==="\\"&&u[o+1]===f){r.push(f),++o;continue}if(h==='"'||h==="'"){f===h?(c.push(r.join("").toLowerCase()),r=[],f=void 0):f?r.push(h):f=h;continue}if(f){r.push(h);continue}if(h===" "){r.length&&(c.push(r.join("").toLowerCase()),r=[]);continue}r.push(h)}return r.length&&c.push(r.join("").toLowerCase()),c}matches(u){const c=V5(u);if(this.project.length&&!!!this.project.find(r=>{const o=c.project.includes(r.name);return r.not?!o:o}))return!1;if(this.status.length){if(!!!this.status.find(r=>{const o=c.status.includes(r.name);return r.not?!o:o}))return!1}else if(c.status==="skipped")return!1;return!(this.text.length&&!this.text.every(r=>{if(c.text.includes(r.name))return!r.not;const[o,h,v]=r.name.split(":");return c.file.includes(o)&&c.line===h&&(v===void 0||c.column===v)?!r.not:!!r.not})||this.labels.length&&!this.labels.every(r=>{const o=c.labels.includes(r.name);return r.not?!o:o})||this.annotations.length&&!this.annotations.every(r=>{const o=c.annotations.some(h=>h.includes(r.name));return r.not?!o:o}))}}const H2=Symbol("searchValues");function V5(l){const u=l[H2];if(u)return u;let c="passed";l.outcome==="unexpected"&&(c="failed"),l.outcome==="flaky"&&(c="flaky"),l.outcome==="skipped"&&(c="skipped");const f={text:(c+" "+l.projectName+" "+l.tags.join(" ")+" "+l.location.file+" "+l.path.join(" ")+" "+l.title).toLowerCase(),project:l.projectName.toLowerCase(),status:c,file:l.location.file,line:String(l.location.line),column:String(l.location.column),labels:l.tags.map(r=>r.toLowerCase()),annotations:l.annotations.map(r=>{var o;return r.type.toLowerCase()+"="+((o=r.description)==null?void 0:o.toLocaleLowerCase())})};return l[H2]=f,f}const Z5=/("[^"]*"|"[^"]*$|\S+)/g;function Na(l,u,c){const f=new URLSearchParams(l),o=[...(l.get("q")??"").matchAll(Z5)].map(y=>{const A=y[0];return A.startsWith('"')&&A.endsWith('"')&&A.length>1?A.slice(1,A.length-1):A});if(c)return f.set("q",N2(o.includes(u)?o.filter(y=>y!==u):[...o,u])),"#?"+f;let h;u.startsWith("s:")&&(h="s:"),u.startsWith("p:")&&(h="p:"),u.startsWith("@")&&(h="@");const v=o.filter(y=>!y.startsWith(h));return v.push(u),f.set("q",N2(v)),"#?"+f}function N2(l){return l.map(u=>/\s/.test(u)?`"${u}"`:u).join(" ").trim()}const q5=()=>m.jsx("span",{className:"octicon",style:{width:16,height:16}}),I5=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon subnav-search-icon",children:m.jsx("path",{fillRule:"evenodd",d:"M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"})}),Ni=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16",className:"octicon color-fg-muted",children:m.jsx("path",{fillRule:"evenodd",d:"M12.78 6.22a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06 0L3.22 7.28a.75.75 0 011.06-1.06L8 9.94l3.72-3.72a.75.75 0 011.06 0z"})}),Cl=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-fg-muted",children:m.jsx("path",{fillRule:"evenodd",d:"M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"})}),qh=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-text-warning",children:m.jsx("path",{fillRule:"evenodd",d:"M8.22 1.754a.25.25 0 00-.44 0L1.698 13.132a.25.25 0 00.22.368h12.164a.25.25 0 00.22-.368L8.22 1.754zm-1.763-.707c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0114.082 15H1.918a1.75 1.75 0 01-1.543-2.575L6.457 1.047zM9 11a1 1 0 11-2 0 1 1 0 012 0zm-.25-5.25a.75.75 0 00-1.5 0v2.5a.75.75 0 001.5 0v-2.5z"})}),Ih=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-fg-muted",children:m.jsx("path",{fillRule:"evenodd",d:"M3.5 1.75a.25.25 0 01.25-.25h3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h2.086a.25.25 0 01.177.073l2.914 2.914a.25.25 0 01.073.177v8.586a.25.25 0 01-.25.25h-.5a.75.75 0 000 1.5h.5A1.75 1.75 0 0014 13.25V4.664c0-.464-.184-.909-.513-1.237L10.573.513A1.75 1.75 0 009.336 0H3.75A1.75 1.75 0 002 1.75v11.5c0 .649.353 1.214.874 1.515a.75.75 0 10.752-1.298.25.25 0 01-.126-.217V1.75zM8.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM6 5.25a.75.75 0 01.75-.75h.5a.75.75 0 010 1.5h-.5A.75.75 0 016 5.25zm2 1.5A.75.75 0 018.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 018 6.75zm-1.25.75a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM8 9.75A.75.75 0 018.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 018 9.75zm-.75.75a1.75 1.75 0 00-1.75 1.75v3c0 .414.336.75.75.75h2.5a.75.75 0 00.75-.75v-3a1.75 1.75 0 00-1.75-1.75h-.5zM7 12.25a.25.25 0 01.25-.25h.5a.25.25 0 01.25.25v2.25H7v-2.25z"})}),Kh=()=>m.jsx("svg",{className:"octicon color-text-danger",viewBox:"0 0 16 16",version:"1.1",width:"16",height:"16","aria-hidden":"true",children:m.jsx("path",{fillRule:"evenodd",d:"M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"})}),kh=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-icon-success",children:m.jsx("path",{fillRule:"evenodd",d:"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"})}),Jh=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon octicon-clock color-text-danger",children:m.jsx("path",{fillRule:"evenodd",d:"M5.75.75A.75.75 0 016.5 0h3a.75.75 0 010 1.5h-.75v1l-.001.041a6.718 6.718 0 013.464 1.435l.007-.006.75-.75a.75.75 0 111.06 1.06l-.75.75-.006.007a6.75 6.75 0 11-10.548 0L2.72 5.03l-.75-.75a.75.75 0 011.06-1.06l.75.75.007.006A6.718 6.718 0 017.25 2.541a.756.756 0 010-.041v-1H6.5a.75.75 0 01-.75-.75zM8 14.5A5.25 5.25 0 108 4a5.25 5.25 0 000 10.5zm.389-6.7l1.33-1.33a.75.75 0 111.061 1.06L9.45 8.861A1.502 1.502 0 018 10.75a1.5 1.5 0 11.389-2.95z"})}),K5=()=>m.jsx("svg",{"aria-hidden":"true",viewBox:"0 0 16 16",width:"16",height:"16","data-view-component":"true",className:"octicon color-fg-muted",children:m.jsx("path",{d:"M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm9.78-2.22-5.5 5.5a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l5.5-5.5a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"})}),k5=()=>m.jsx("svg",{className:"octicon",viewBox:"0 0 48 48",version:"1.1",width:"20",height:"20","aria-hidden":"true",children:m.jsx("path",{xmlns:"http://www.w3.org/2000/svg",d:"M11.85 32H36.2l-7.35-9.95-6.55 8.7-4.6-6.45ZM7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Zm0-29v26-26Zm34 26V11H7v26Z"})}),J5=()=>m.jsx("svg",{className:"octicon",viewBox:"0 0 48 48",version:"1.1",width:"20",height:"20","aria-hidden":"true",children:m.jsx("path",{xmlns:"http://www.w3.org/2000/svg",d:"m19.6 32.35 13-8.45-13-8.45ZM7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Zm0-3h34V11H7v26Zm0 0V11v26Z"})}),F5=()=>m.jsx("svg",{className:"octicon",viewBox:"0 0 48 48",version:"1.1",width:"20",height:"20","aria-hidden":"true",children:m.jsx("path",{xmlns:"http://www.w3.org/2000/svg",d:"M7 37h9.35V11H7v26Zm12.35 0h9.3V11h-9.3v26Zm12.3 0H41V11h-9.35v26ZM7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Z"})}),W5=()=>m.jsxs("svg",{className:"octicon",viewBox:"0 0 16 16",width:"16",height:"16","aria-hidden":"true",children:[m.jsx("path",{d:"M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"}),m.jsx("path",{d:"M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"})]}),_5=()=>m.jsx("svg",{className:"octicon octicon-settings",viewBox:"0 0 16 16",width:"16",height:"16","aria-hidden":"true",children:m.jsx("path",{d:"M8 0a8.2 8.2 0 0 1 .701.031C9.444.095 9.99.645 10.16 1.29l.288 1.107c.018.066.079.158.212.224.231.114.454.243.668.386.123.082.233.09.299.071l1.103-.303c.644-.176 1.392.021 1.82.63.27.385.506.792.704 1.218.315.675.111 1.422-.364 1.891l-.814.806c-.049.048-.098.147-.088.294.016.257.016.515 0 .772-.01.147.038.246.088.294l.814.806c.475.469.679 1.216.364 1.891a7.977 7.977 0 0 1-.704 1.217c-.428.61-1.176.807-1.82.63l-1.102-.302c-.067-.019-.177-.011-.3.071a5.909 5.909 0 0 1-.668.386c-.133.066-.194.158-.211.224l-.29 1.106c-.168.646-.715 1.196-1.458 1.26a8.006 8.006 0 0 1-1.402 0c-.743-.064-1.289-.614-1.458-1.26l-.289-1.106c-.018-.066-.079-.158-.212-.224a5.738 5.738 0 0 1-.668-.386c-.123-.082-.233-.09-.299-.071l-1.103.303c-.644.176-1.392-.021-1.82-.63a8.12 8.12 0 0 1-.704-1.218c-.315-.675-.111-1.422.363-1.891l.815-.806c.05-.048.098-.147.088-.294a6.214 6.214 0 0 1 0-.772c.01-.147-.038-.246-.088-.294l-.815-.806C.635 6.045.431 5.298.746 4.623a7.92 7.92 0 0 1 .704-1.217c.428-.61 1.176-.807 1.82-.63l1.102.302c.067.019.177.011.3-.071.214-.143.437-.272.668-.386.133-.066.194-.158.211-.224l.29-1.106C6.009.645 6.556.095 7.299.03 7.53.01 7.764 0 8 0Zm-.571 1.525c-.036.003-.108.036-.137.146l-.289 1.105c-.147.561-.549.967-.998 1.189-.173.086-.34.183-.5.29-.417.278-.97.423-1.529.27l-1.103-.303c-.109-.03-.175.016-.195.045-.22.312-.412.644-.573.99-.014.031-.021.11.059.19l.815.806c.411.406.562.957.53 1.456a4.709 4.709 0 0 0 0 .582c.032.499-.119 1.05-.53 1.456l-.815.806c-.081.08-.073.159-.059.19.162.346.353.677.573.989.02.03.085.076.195.046l1.102-.303c.56-.153 1.113-.008 1.53.27.161.107.328.204.501.29.447.222.85.629.997 1.189l.289 1.105c.029.109.101.143.137.146a6.6 6.6 0 0 0 1.142 0c.036-.003.108-.036.137-.146l.289-1.105c.147-.561.549-.967.998-1.189.173-.086.34-.183.5-.29.417-.278.97-.423 1.529-.27l1.103.303c.109.029.175-.016.195-.045.22-.313.411-.644.573-.99.014-.031.021-.11-.059-.19l-.815-.806c-.411-.406-.562-.957-.53-1.456a4.709 4.709 0 0 0 0-.582c-.032-.499.119-1.05.53-1.456l.815-.806c.081-.08.073-.159.059-.19a6.464 6.464 0 0 0-.573-.989c-.02-.03-.085-.076-.195-.046l-1.102.303c-.56.153-1.113.008-1.53-.27a4.44 4.44 0 0 0-.501-.29c-.447-.222-.85-.629-.997-1.189l-.289-1.105c-.029-.11-.101-.143-.137-.146a6.6 6.6 0 0 0-1.142 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9.5 8a1.5 1.5 0 1 0-3.001.001A1.5 1.5 0 0 0 9.5 8Z"})}),Fh=({value:l})=>{const[u,c]=ct.useState("copy"),f=ct.useCallback(()=>{navigator.clipboard.writeText(l).then(()=>{c("check"),setTimeout(()=>{c("copy")},3e3)},()=>{c("cross")})},[l]),r=u==="check"?kh():u==="cross"?Kh():W5();return m.jsx("button",{className:"copy-icon",title:"Copy to clipboard","aria-label":"Copy to clipboard",onClick:f,children:r})},Sr=({children:l,value:u})=>m.jsxs("span",{className:"copy-value-container",children:[l,m.jsx("span",{className:"copy-button-container",children:m.jsx(Fh,{value:u})})]});function P5(l,u,c,f){const[r,o]=ue.useState(c);return ue.useEffect(()=>{let h=!1;return l().then(v=>{h||o(v)}),()=>{h=!0}},u),r}function Wh(){const l=ue.useRef(null),[u]=ur(l);return[u,l]}function ur(l){const[u,c]=ue.useState(new DOMRect(0,0,10,10)),f=ue.useCallback(()=>{const r=l==null?void 0:l.current;r&&c(r.getBoundingClientRect())},[l]);return ue.useLayoutEffect(()=>{const r=l==null?void 0:l.current;if(!r)return;f();const o=new ResizeObserver(f);return o.observe(r),window.addEventListener("resize",f),()=>{o.disconnect(),window.removeEventListener("resize",f)}},[f,l]),[u,f]}function _h(l,u){u=Ma.getObject(l,u);const[c,f]=ue.useState(u),r=ue.useCallback(o=>{Ma.setObject(l,o)},[l,f]);return ue.useEffect(()=>{{const o=()=>f(Ma.getObject(l,u));return Ma.onChangeEmitter.addEventListener(l,o),()=>Ma.onChangeEmitter.removeEventListener(l,o)}},[u,l]),[c,r]}class $5{constructor(){this.onChangeEmitter=new EventTarget}getString(u,c){return localStorage[u]||c}setString(u,c){var f;localStorage[u]=c,this.onChangeEmitter.dispatchEvent(new Event(u)),(f=window.saveSettings)==null||f.call(window)}getObject(u,c){if(!localStorage[u])return c;try{return JSON.parse(localStorage[u])}catch{return c}}setObject(u,c){var f;localStorage[u]=JSON.stringify(c),this.onChangeEmitter.dispatchEvent(new Event(u)),(f=window.saveSettings)==null||f.call(window)}}const Ma=new $5;function Ze(...l){return l.filter(Boolean).join(" ")}const B2="\\u0000-\\u0020\\u007f-\\u009f",tv=new RegExp("(?:[a-zA-Z][a-zA-Z0-9+.-]{2,}:\\/\\/|www\\.)[^\\s"+B2+'"]{2,}[^\\s'+B2+`"')}\\],:;.!?]`,"ug");function ev(){const[l,u]=ue.useState(!1),c=ue.useCallback(()=>{const f=[];return u(r=>(f.push(setTimeout(()=>u(!1),1e3)),r?(f.push(setTimeout(()=>u(!0),50)),!1):!0)),()=>f.forEach(clearTimeout)},[u]);return[l,c]}function Di(l){const u=[];let c=0,f;for(;(f=tv.exec(l))!==null;){const o=l.substring(c,f.index);o&&u.push(o);const h=f[0];u.push(nv(h)),c=f.index+h.length}const r=l.substring(c);return r&&u.push(r),u}function nv(l){let u=l;return u.startsWith("www.")&&(u="https://"+u),m.jsx("a",{href:u,target:"_blank",rel:"noopener noreferrer",children:l})}const av=({summary:l,children:u,className:c,style:f})=>{const[r,o]=ue.useState(!1),h=v=>{o(v.currentTarget.open)};return m.jsxs("details",{style:f,className:c,onToggle:h,children:[m.jsxs("summary",{className:"expandable-summary",children:[r?Ni():Cl(),l]}),u]})};function Ol(l){if(!isFinite(l))return"-";if(l===0)return"0ms";if(l<1e3)return l.toFixed(0)+"ms";const u=l/1e3;if(u<60)return u.toFixed(1)+"s";const c=u/60;if(c<60)return c.toFixed(1)+"m";const f=c/60;return f<24?f.toFixed(1)+"h":(f/24).toFixed(1)+"d"}function lv(l){let u=0;for(let c=0;c<l.length;c++)u=l.charCodeAt(c)+((u<<8)-u);return Math.abs(u%6)}function Ve(l){if(!l)return l;try{const u=new URL(l,window.location.href);if(u.origin===window.location.origin){for(const[c,f]of new URLSearchParams(window.location.search))u.searchParams.append(c,f);return u.toString()}return l}catch{return l}}const Ph=({label:l,href:u,onClick:c,colorIndex:f,trimAtSymbolPrefix:r})=>{const o=m.jsx("span",{className:Ze("label","label-color-"+(f!==void 0?f:lv(l))),onClick:c?h=>c(h,l):void 0,children:r&&l.startsWith("@")?l.slice(1):l});return u?m.jsx("a",{className:"label-anchor",href:Ve(u),children:o}):o},$h=({projectNames:l,activeProjectName:u,otherLabels:c,style:f})=>(l.length>0&&!!u||c.length>0)&&m.jsxs("span",{className:"label-row",style:f??{},children:[m.jsx(uv,{projectNames:l,projectName:u}),m.jsx(iv,{labels:c})]}),iv=({labels:l})=>{const u=se(),c=ct.useCallback((f,r)=>{const o=new URLSearchParams(u);f.preventDefault(),o.has("testId")&&o.delete("speedboard"),o.delete("testId"),ca(Na(o,r,f.metaKey||f.ctrlKey))},[u]);return m.jsx(m.Fragment,{children:l.map(f=>m.jsx(Ph,{label:f,trimAtSymbolPrefix:!0,onClick:c},f))})};function ca(l){window.history.pushState({},"",l);const u=new PopStateEvent("popstate");window.dispatchEvent(u)}const Kf=({predicate:l,children:u})=>l(se())?u:null,Tn=({click:l,ctrlClick:u,children:c,...f})=>m.jsx("a",{...f,style:{textDecoration:"none",color:"var(--color-fg-default)",cursor:"pointer"},onClick:r=>{l&&(r.preventDefault(),ca(Ve((r.metaKey||r.ctrlKey)&&u||l)))},children:c}),Tr=({className:l,...u})=>m.jsx(Tn,{...u,className:Ze("link-badge",u.dim&&"link-badge-dim",l)}),uv=({projectNames:l,projectName:u})=>{const c=new URLSearchParams(se());return c.has("testId")&&c.delete("speedboard"),c.delete("testId"),m.jsx(Tn,{click:Na(c,`p:${u}`,!1),ctrlClick:Na(c,`p:${u}`,!0),children:m.jsx(Ph,{label:u,colorIndex:l.indexOf(u)%6})})},nc=({attachment:l,result:u,href:c,linkName:f,openInNewTab:r})=>{const[o,h]=ev();Cr("attachment-"+u.attachments.indexOf(l),h);const v=m.jsxs("span",{children:[l.contentType===fv?qh():Ih(),l.path&&(r?m.jsx("a",{href:Ve(c||l.path),target:"_blank",rel:"noreferrer",children:f||l.name}):m.jsx("a",{href:Ve(c||l.path),download:sv(l),children:f||l.name})),!l.path&&(r?m.jsx("a",{href:URL.createObjectURL(new Blob([l.body],{type:l.contentType})),target:"_blank",rel:"noreferrer",onClick:y=>y.stopPropagation(),children:l.name}):m.jsx("span",{children:Di(l.name)}))]});return l.body?m.jsx(av,{style:{lineHeight:"32px"},className:Ze(o&&"attachment-flash"),summary:v,children:m.jsxs("div",{className:"attachment-body",children:[m.jsx(Fh,{value:l.body}),Di(l.body)]})}):m.jsxs("div",{style:{lineHeight:"32px",whiteSpace:"nowrap",paddingLeft:4},className:Ze(o&&"attachment-flash"),children:[m.jsx("span",{style:{visibility:"hidden"},children:Cl()}),v]})},tm=({test:l,trailingSeparator:u,dim:c})=>{const f=l.results.map(r=>r.attachments.filter(o=>o.name==="trace")).filter(r=>r.length>0)[0];if(f)return m.jsxs(m.Fragment,{children:[m.jsxs(Tr,{href:Ve(nm(f)),title:"View Trace",className:"button trace-link",dim:c,children:[F5(),m.jsx("span",{children:"View Trace"})]}),u&&m.jsx("div",{className:"trace-link-separator",children:"|"})]})},em=ct.createContext(new URLSearchParams(window.location.hash.slice(1)));function se(){return ct.useContext(em)}const cv=({children:l})=>{const[u,c]=ct.useState(new URLSearchParams(window.location.hash.slice(1)));return ct.useEffect(()=>{const f=()=>c(new URLSearchParams(window.location.hash.slice(1)));return window.addEventListener("popstate",f),()=>window.removeEventListener("popstate",f)},[]),m.jsx(em.Provider,{value:u,children:l})};function sv(l){if(l.name.includes(".")||!l.path)return l.name;const u=l.path.indexOf(".");return u===-1?l.name:l.name+l.path.slice(u,l.path.length)}function nm(l){return`trace/index.html?${l.map((u,c)=>`trace=${new URL(u.path,window.location.href)}`).join("&")}`}const fv="x-playwright/missing";function Cr(l,u){const c=se(),f=rv(l);ct.useEffect(()=>{if(f)return u()},[f,u,c])}function rv(l){const u=se().get("anchor");return u===null||typeof l>"u"?!1:typeof l=="string"?l===u:Array.isArray(l)?l.includes(u):l(u)}function Si({id:l,children:u}){const c=ct.useRef(null),f=ct.useCallback(()=>{var r;(r=c.current)==null||r.scrollIntoView({block:"start",inline:"start"})},[]);return Cr(l,f),m.jsx("div",{ref:c,children:u})}function Cn({test:l,result:u,anchor:c},f){const r=new URLSearchParams(f);return l&&r.set("testId",l.testId),l&&u&&r.set("run",""+l.results.indexOf(u)),c&&r.set("anchor",c),"#?"+r}function hc(l){switch(l){case"failed":case"unexpected":return Kh();case"passed":case"expected":return kh();case"timedOut":return Jh();case"flaky":return qh();case"skipped":case"interrupted":return K5()}}const ov=({className:l,style:u,open:c,isModal:f,minWidth:r,verticalOffset:o,requestClose:h,anchor:v,dataTestId:y,children:A})=>{const E=ct.useRef(null),[S,O]=ct.useState(0),[X]=ur(E),[B,b]=ur(v),p=v?dv(X,B,o):void 0;return ct.useEffect(()=>{const x=U=>{!E.current||!(U.target instanceof Node)||E.current.contains(U.target)||h==null||h()},R=U=>{U.key==="Escape"&&(h==null||h())};return c?(document.addEventListener("mousedown",x),document.addEventListener("keydown",R),()=>{document.removeEventListener("mousedown",x),document.removeEventListener("keydown",R)}):()=>{}},[c,h]),ct.useLayoutEffect(()=>b(),[c,b]),ct.useEffect(()=>{const x=()=>O(R=>R+1);return window.addEventListener("resize",x),()=>{window.removeEventListener("resize",x)}},[]),ct.useLayoutEffect(()=>{E.current&&(c?f?E.current.showModal():E.current.show():E.current.close())},[c,f]),m.jsx("dialog",{ref:E,style:{position:"fixed",margin:p?0:void 0,zIndex:110,top:p==null?void 0:p.top,left:p==null?void 0:p.left,minWidth:r||0,...u},className:l,"data-testid":y,children:A})};function dv(l,u,c=4,f=4){let r=Math.max(f,u.left);r+l.width>window.innerWidth-f&&(r=window.innerWidth-l.width-f);let o=Math.max(0,u.bottom)+c;return o+l.height>window.innerHeight-c&&(Math.max(0,u.top)>l.height+c?o=Math.max(0,u.top)-l.height-c:o=window.innerHeight-c-l.height),{left:r,top:o}}const hv="system",am="theme",mv=[{label:"Dark mode",value:"dark-mode"},{label:"Light mode",value:"light-mode"},{label:"System",value:"system"}],lm=window.matchMedia("(prefers-color-scheme: dark)");function gv(){document.playwrightThemeInitialized||(document.playwrightThemeInitialized=!0,document.defaultView.addEventListener("focus",l=>{l.target.document.nodeType===Node.DOCUMENT_NODE&&document.body.classList.remove("inactive")},!1),document.defaultView.addEventListener("blur",l=>{document.body.classList.add("inactive")},!1),cr(sr()),lm.addEventListener("change",()=>{cr(sr())}))}const Av=new Set;function cr(l){const u=vv(),c=l==="system"?lm.matches?"dark-mode":"light-mode":l;if(u!==c){u&&document.documentElement.classList.remove(u),document.documentElement.classList.add(c);for(const f of Av)f(c)}}function sr(){return Ma.getString(am,hv)}function vv(){return document.documentElement.classList.contains("dark-mode")?"dark-mode":document.documentElement.classList.contains("light-mode")?"light-mode":null}function yv(){const[l,u]=ue.useState(sr());return ue.useEffect(()=>{Ma.setString(am,l),cr(l)},[l]),[l,u]}const Or=({title:l,leftSuperHeader:u,rightSuperHeader:c})=>m.jsxs("div",{className:"header-view",children:[m.jsxs("div",{className:"hbox header-superheader",children:[u,m.jsx("div",{style:{flex:"auto"}}),c]}),l&&m.jsx("div",{className:"header-title",children:Di(l)})]}),Ev=({stats:l,filterText:u,setFilterText:c})=>{const f=se().get("q");return ct.useEffect(()=>{c(f?`${f.trim()} `:"")},[f,c]),m.jsx(m.Fragment,{children:m.jsxs("div",{className:"pt-3",children:[m.jsx("div",{className:"header-view-status-container ml-2 pl-2 d-flex",children:m.jsx(pv,{stats:l})}),m.jsxs("form",{className:"subnav-search",onSubmit:r=>{r.preventDefault();const o=new URL(window.location.href),h=new URLSearchParams(o.hash.slice(1)),v=new FormData(r.target).get("q"),y=new URLSearchParams({q:v});h.has("speedboard")&&y.set("speedboard",""),y.toString()&&(o.hash="?"+y.toString()),ca(o)},children:[I5(),m.jsx("input",{name:"q",spellCheck:!1,className:"form-control subnav-search-input input-contrast width-full","aria-label":"Search tests",placeholder:"Search tests",value:u,onChange:r=>{c(r.target.value)}})]})]})})},pv=({stats:l})=>{const u=se().has("speedboard");return m.jsxs("nav",{children:[m.jsxs(Tn,{className:"subnav-item",href:"#?",children:[m.jsx("span",{className:"subnav-item-label",children:"All"}),m.jsx("span",{className:"d-inline counter",children:l.total-l.skipped})]}),m.jsx(ac,{token:"passed",count:l.expected}),m.jsx(ac,{token:"failed",count:l.unexpected}),m.jsx(ac,{token:"flaky",count:l.flaky}),m.jsx(ac,{token:"skipped",count:l.skipped}),m.jsx(Tn,{className:"subnav-item",href:"#?speedboard",title:"Speedboard","aria-selected":u,children:Jh()}),m.jsx(bv,{})]})},ac=({token:l,count:u})=>{const c=new URLSearchParams(se());c.delete("speedboard"),c.delete("testId");const f=`s:${l}`,r=Na(c,f,!1),o=Na(c,f,!0),h=l.charAt(0).toUpperCase()+l.slice(1);return m.jsxs(Tn,{className:"subnav-item",href:r,click:r,ctrlClick:o,children:[u>0&&hc(l),m.jsx("span",{className:"subnav-item-label",children:h}),m.jsx("span",{className:"d-inline counter",children:u})]})},bv=()=>{const l=ct.useRef(null),[u,c]=ct.useState(!1),[f,r]=yv(),[o,h]=_h("mergeFiles",!1);return m.jsxs(m.Fragment,{children:[m.jsx("div",{role:"button",ref:l,style:{cursor:"pointer"},className:"subnav-item",title:"Settings",onClick:v=>{c(!u),v.preventDefault()},onMouseDown:xv,children:_5()}),m.jsxs(ov,{open:u,minWidth:150,verticalOffset:4,requestClose:()=>c(!1),anchor:l,dataTestId:"settings-dialog",children:[m.jsxs("label",{className:"header-setting-theme",children:["Theme:",m.jsx("select",{value:f,onChange:v=>r(v.target.value),children:mv.map(v=>m.jsx("option",{value:v.value,children:v.label},v.value))})]}),m.jsxs("label",{style:{cursor:"pointer",display:"flex",alignItems:"center",gap:4},children:[m.jsx("input",{type:"checkbox",checked:o,onChange:()=>h(!o)}),"Merge files"]})]})]})},xv=l=>{l.stopPropagation(),l.preventDefault()},Sv=({tabs:l,selectedTab:u,setSelectedTab:c})=>{const f=ct.useId();return m.jsx("div",{className:"tabbed-pane",children:m.jsxs("div",{className:"vbox",children:[m.jsx("div",{className:"hbox",style:{flex:"none"},children:m.jsx("div",{className:"tabbed-pane-tab-strip",role:"tablist",children:l.map(r=>m.jsx("div",{className:Ze("tabbed-pane-tab-element",u===r.id&&"selected"),onClick:()=>c(r.id),id:`${f}-${r.id}`,role:"tab","aria-selected":u===r.id,children:m.jsx("div",{className:"tabbed-pane-tab-label",children:r.title})},r.id))})}),l.map(r=>{if(u===r.id)return m.jsx("div",{className:"tab-content",role:"tabpanel","aria-labelledby":`${f}-${r.id}`,children:r.render()},r.id)})]})})},im=({header:l,footer:u,expanded:c,setExpanded:f,children:r,noInsets:o,dataTestId:h})=>{const v=ct.useId();return m.jsxs("div",{className:"chip","data-testid":h,children:[m.jsxs("div",{role:"button","aria-expanded":!!c,"aria-controls":v,className:Ze("chip-header",f&&" expanded-"+c),onClick:()=>f==null?void 0:f(!c),title:typeof l=="string"?l:void 0,children:[f?c?m.jsx(Ni,{}):m.jsx(Cl,{}):m.jsx(q5,{}),l]}),(!f||c)&&m.jsxs("div",{id:v,role:"region",className:Ze("chip-body",o&&"chip-body-no-insets"),children:[r,u&&m.jsx("div",{className:"chip-footer",children:u})]})]})},ke=({header:l,initialExpanded:u,noInsets:c,children:f,dataTestId:r,revealOnAnchorId:o})=>{const[h,v]=ct.useState(u??!0),y=ct.useCallback(()=>v(!0),[]);return Cr(o,y),m.jsx(im,{header:l,expanded:h,setExpanded:v,noInsets:c,dataTestId:r,children:f})},Tv=({title:l,loadChildren:u,onClick:c,expandByDefault:f,depth:r,style:o,flash:h})=>{const[v,y]=ct.useState(f||!1);return m.jsxs("div",{role:"treeitem",className:Ze("tree-item",h&&"yellow-flash"),style:o,children:[m.jsxs("div",{className:"tree-item-title",style:{paddingLeft:r*22+4},onClick:()=>{c==null||c(),y(!v)},children:[u&&!!v&&Ni(),u&&!v&&Cl(),!u&&m.jsx("span",{style:{visibility:"hidden"},children:Cl()}),l]}),v&&(u==null?void 0:u())]})},Cv="data:image/png;base64,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",Ov=({cursor:l,onPaneMouseMove:u,onPaneMouseUp:c,onPaneDoubleClick:f})=>(ue.useEffect(()=>{const r=document.createElement("div");return r.style.position="fixed",r.style.top="0",r.style.right="0",r.style.bottom="0",r.style.left="0",r.style.zIndex="9999",r.style.cursor=l,document.body.appendChild(r),u&&r.addEventListener("mousemove",u),c&&r.addEventListener("mouseup",c),f&&document.body.addEventListener("dblclick",f),()=>{u&&r.removeEventListener("mousemove",u),c&&r.removeEventListener("mouseup",c),f&&document.body.removeEventListener("dblclick",f),document.body.removeChild(r)}},[l,u,c,f]),m.jsx(m.Fragment,{})),wv={position:"absolute",top:0,right:0,bottom:0,left:0},Rv=({orientation:l,offsets:u,setOffsets:c,resizerColor:f,resizerWidth:r,minColumnWidth:o})=>{const h=o||0,[v,y]=ue.useState(null),[A,E]=Wh(),S={position:"absolute",right:l==="horizontal"?void 0:0,bottom:l==="horizontal"?0:void 0,width:l==="horizontal"?7:void 0,height:l==="horizontal"?void 0:7,borderTopWidth:l==="horizontal"?void 0:(7-r)/2,borderRightWidth:l==="horizontal"?(7-r)/2:void 0,borderBottomWidth:l==="horizontal"?void 0:(7-r)/2,borderLeftWidth:l==="horizontal"?(7-r)/2:void 0,borderColor:"transparent",borderStyle:"solid",cursor:l==="horizontal"?"ew-resize":"ns-resize"};return m.jsxs("div",{style:{position:"absolute",top:0,right:0,bottom:0,left:-(7-r)/2,zIndex:100,pointerEvents:"none"},ref:E,children:[!!v&&m.jsx(Ov,{cursor:l==="horizontal"?"ew-resize":"ns-resize",onPaneMouseUp:()=>y(null),onPaneMouseMove:O=>{if(!O.buttons)y(null);else if(v){const X=l==="horizontal"?O.clientX-v.clientX:O.clientY-v.clientY,B=v.offset+X,b=v.index>0?u[v.index-1]:0,p=l==="horizontal"?A.width:A.height,x=Math.min(Math.max(b+h,B),p-h)-u[v.index];for(let R=v.index;R<u.length;++R)u[R]=u[R]+x;c([...u])}}}),u.map((O,X)=>m.jsx("div",{style:{...S,top:l==="horizontal"?0:O,left:l==="horizontal"?O:0,pointerEvents:"initial"},onMouseDown:B=>y({clientX:B.clientX,clientY:B.clientY,offset:O,index:X}),children:m.jsx("div",{style:{...wv,background:f}})},X))]})};async function kf(l){const u=new Image;return l&&(u.src=l,await new Promise((c,f)=>{u.onload=c,u.onerror=c})),u}const fr={backgroundImage:`linear-gradient(45deg, #80808020 25%, transparent 25%),
-                    linear-gradient(-45deg, #80808020 25%, transparent 25%),
-                    linear-gradient(45deg, transparent 75%, #80808020 75%),
-                    linear-gradient(-45deg, transparent 75%, #80808020 75%)`,backgroundSize:"20px 20px",backgroundPosition:"0 0, 0 10px, 10px -10px, -10px 0px",boxShadow:`rgb(0 0 0 / 10%) 0px 1.8px 1.9px,
-              rgb(0 0 0 / 15%) 0px 6.1px 6.3px,
-              rgb(0 0 0 / 10%) 0px -2px 4px,
-              rgb(0 0 0 / 15%) 0px -6.1px 12px,
-              rgb(0 0 0 / 25%) 0px 6px 12px`},um=({diff:l,noTargetBlank:u,hideDetails:c})=>{const[f,r]=ct.useState(l.diff?"diff":"actual"),[o,h]=ct.useState(!1),[v,y]=ct.useState(null),[A,E]=ct.useState("Expected"),[S,O]=ct.useState(null),[X,B]=ct.useState(null),[b,p]=Wh();ct.useEffect(()=>{(async()=>{var K,J,k,nt;y(await kf((K=l.expected)==null?void 0:K.attachment.path)),E(((J=l.expected)==null?void 0:J.title)||"Expected"),O(await kf((k=l.actual)==null?void 0:k.attachment.path)),B(await kf((nt=l.diff)==null?void 0:nt.attachment.path))})()},[l]);const x=v&&S&&X,R=x?Math.max(v.naturalWidth,S.naturalWidth,200):500,U=x?Math.max(v.naturalHeight,S.naturalHeight,200):500,Z=Math.min(1,(b.width-30)/R),F=Math.min(1,(b.width-50)/R/2),j=R*Z,D=U*Z,N={flex:"none",margin:"0 10px",cursor:"pointer",userSelect:"none"};return m.jsx("div",{"data-testid":"test-result-image-mismatch",style:{display:"flex",flexDirection:"column",alignItems:"center",flex:"auto"},ref:p,children:x&&m.jsxs(m.Fragment,{children:[m.jsxs("div",{"data-testid":"test-result-image-mismatch-tabs",style:{display:"flex",margin:"10px 0 20px"},children:[l.diff&&m.jsx("div",{style:{...N,fontWeight:f==="diff"?600:"initial"},onClick:()=>r("diff"),children:"Diff"}),m.jsx("div",{style:{...N,fontWeight:f==="actual"?600:"initial"},onClick:()=>r("actual"),children:"Actual"}),m.jsx("div",{style:{...N,fontWeight:f==="expected"?600:"initial"},onClick:()=>r("expected"),children:A}),m.jsx("div",{style:{...N,fontWeight:f==="sxs"?600:"initial"},onClick:()=>r("sxs"),children:"Side by side"}),m.jsx("div",{style:{...N,fontWeight:f==="slider"?600:"initial"},onClick:()=>r("slider"),children:"Slider"})]}),m.jsxs("div",{style:{display:"flex",justifyContent:"center",flex:"auto",minHeight:D+60},children:[l.diff&&f==="diff"&&m.jsx(En,{image:X,alt:"Diff",hideSize:c,canvasWidth:j,canvasHeight:D,scale:Z}),l.diff&&f==="actual"&&m.jsx(En,{image:S,alt:"Actual",hideSize:c,canvasWidth:j,canvasHeight:D,scale:Z}),l.diff&&f==="expected"&&m.jsx(En,{image:v,alt:A,hideSize:c,canvasWidth:j,canvasHeight:D,scale:Z}),l.diff&&f==="slider"&&m.jsx(Dv,{expectedImage:v,actualImage:S,hideSize:c,canvasWidth:j,canvasHeight:D,scale:Z,expectedTitle:A}),l.diff&&f==="sxs"&&m.jsxs("div",{style:{display:"flex"},children:[m.jsx(En,{image:v,title:A,hideSize:c,canvasWidth:F*R,canvasHeight:F*U,scale:F}),m.jsx(En,{image:o?X:S,title:o?"Diff":"Actual",onClick:()=>h(!o),hideSize:c,canvasWidth:F*R,canvasHeight:F*U,scale:F})]}),!l.diff&&f==="actual"&&m.jsx(En,{image:S,title:"Actual",hideSize:c,canvasWidth:j,canvasHeight:D,scale:Z}),!l.diff&&f==="expected"&&m.jsx(En,{image:v,title:A,hideSize:c,canvasWidth:j,canvasHeight:D,scale:Z}),!l.diff&&f==="sxs"&&m.jsxs("div",{style:{display:"flex"},children:[m.jsx(En,{image:v,title:A,canvasWidth:F*R,canvasHeight:F*U,scale:F}),m.jsx(En,{image:S,title:"Actual",canvasWidth:F*R,canvasHeight:F*U,scale:F})]})]}),!c&&m.jsxs("div",{style:{alignSelf:"start",lineHeight:"18px",marginLeft:"15px"},children:[m.jsx("div",{children:l.diff&&m.jsx("a",{target:"_blank",href:l.diff.attachment.path,rel:"noreferrer",children:l.diff.attachment.name})}),m.jsx("div",{children:m.jsx("a",{target:u?"":"_blank",href:l.actual.attachment.path,rel:"noreferrer",children:l.actual.attachment.name})}),m.jsx("div",{children:m.jsx("a",{target:u?"":"_blank",href:l.expected.attachment.path,rel:"noreferrer",children:l.expected.attachment.name})})]})]})})},Dv=({expectedImage:l,actualImage:u,canvasWidth:c,canvasHeight:f,scale:r,expectedTitle:o,hideSize:h})=>{const v={position:"absolute",top:0,left:0},[y,A]=ct.useState(c/2),E=l.naturalWidth===u.naturalWidth&&l.naturalHeight===u.naturalHeight;return m.jsxs("div",{style:{flex:"none",display:"flex",alignItems:"center",flexDirection:"column",userSelect:"none"},children:[!h&&m.jsxs("div",{style:{margin:5},children:[!E&&m.jsx("span",{style:{flex:"none",margin:"0 5px"},children:"Expected "}),m.jsx("span",{children:l.naturalWidth}),m.jsx("span",{style:{flex:"none",margin:"0 5px"},children:"x"}),m.jsx("span",{children:l.naturalHeight}),!E&&m.jsx("span",{style:{flex:"none",margin:"0 5px 0 15px"},children:"Actual "}),!E&&m.jsx("span",{children:u.naturalWidth}),!E&&m.jsx("span",{style:{flex:"none",margin:"0 5px"},children:"x"}),!E&&m.jsx("span",{children:u.naturalHeight})]}),m.jsxs("div",{style:{position:"relative",width:c,height:f,margin:15,...fr},children:[m.jsx(Rv,{orientation:"horizontal",offsets:[y],setOffsets:S=>A(S[0]),resizerColor:"#57606a80",resizerWidth:6}),m.jsx("img",{alt:o,style:{width:l.naturalWidth*r,height:l.naturalHeight*r},draggable:"false",src:l.src}),m.jsx("div",{style:{...v,bottom:0,overflow:"hidden",width:y,...fr},children:m.jsx("img",{alt:"Actual",style:{width:u.naturalWidth*r,height:u.naturalHeight*r},draggable:"false",src:u.src})})]})]})},En=({image:l,title:u,alt:c,hideSize:f,canvasWidth:r,canvasHeight:o,scale:h,onClick:v})=>m.jsxs("div",{style:{flex:"none",display:"flex",alignItems:"center",flexDirection:"column"},children:[!f&&m.jsxs("div",{style:{margin:5},children:[u&&m.jsx("span",{style:{flex:"none",margin:"0 5px"},children:u}),m.jsx("span",{children:l.naturalWidth}),m.jsx("span",{style:{flex:"none",margin:"0 5px"},children:"x"}),m.jsx("span",{children:l.naturalHeight})]}),m.jsx("div",{style:{display:"flex",flex:"none",width:r,height:o,margin:15,...fr},children:m.jsx("img",{width:l.naturalWidth*h,height:l.naturalHeight*h,alt:u||c,style:{cursor:v?"pointer":"initial"},draggable:"false",src:l.src,onClick:v})})]});function Mv(l,u){const c=/(\x1b\[(\d+(;\d+)*)m)|([^\x1b]+)/g,f=[];let r,o={},h=!1,v=u==null?void 0:u.fg,y=u==null?void 0:u.bg;for(;(r=c.exec(l))!==null;){const[,,A,,E]=r;if(A){const S=+A;switch(S){case 0:o={};break;case 1:o["font-weight"]="bold";break;case 2:o.opacity="0.8";break;case 3:o["font-style"]="italic";break;case 4:o["text-decoration"]="underline";break;case 7:h=!0;break;case 8:o.display="none";break;case 9:o["text-decoration"]="line-through";break;case 22:delete o["font-weight"],delete o["font-style"],delete o.opacity,delete o["text-decoration"];break;case 23:delete o["font-weight"],delete o["font-style"],delete o.opacity;break;case 24:delete o["text-decoration"];break;case 27:h=!1;break;case 30:case 31:case 32:case 33:case 34:case 35:case 36:case 37:v=U2[S-30];break;case 39:v=u==null?void 0:u.fg;break;case 40:case 41:case 42:case 43:case 44:case 45:case 46:case 47:y=U2[S-40];break;case 49:y=u==null?void 0:u.bg;break;case 53:o["text-decoration"]="overline";break;case 90:case 91:case 92:case 93:case 94:case 95:case 96:case 97:v=Q2[S-90];break;case 100:case 101:case 102:case 103:case 104:case 105:case 106:case 107:y=Q2[S-100];break}}else if(E){const S={...o},O=h?y:v;O!==void 0&&(S.color=O);const X=h?v:y;X!==void 0&&(S["background-color"]=X),f.push(`<span style="${Hv(S)}">${jv(E)}</span>`)}}return f.join("")}const U2={0:"var(--vscode-terminal-ansiBlack)",1:"var(--vscode-terminal-ansiRed)",2:"var(--vscode-terminal-ansiGreen)",3:"var(--vscode-terminal-ansiYellow)",4:"var(--vscode-terminal-ansiBlue)",5:"var(--vscode-terminal-ansiMagenta)",6:"var(--vscode-terminal-ansiCyan)",7:"var(--vscode-terminal-ansiWhite)"},Q2={0:"var(--vscode-terminal-ansiBrightBlack)",1:"var(--vscode-terminal-ansiBrightRed)",2:"var(--vscode-terminal-ansiBrightGreen)",3:"var(--vscode-terminal-ansiBrightYellow)",4:"var(--vscode-terminal-ansiBrightBlue)",5:"var(--vscode-terminal-ansiBrightMagenta)",6:"var(--vscode-terminal-ansiBrightCyan)",7:"var(--vscode-terminal-ansiBrightWhite)"};function jv(l){return l.replace(/[&"<>]/g,u=>({"&":"&amp;",'"':"&quot;","<":"&lt;",">":"&gt;"})[u])}function Hv(l){return Object.entries(l).map(([u,c])=>`${u}: ${c}`).join("; ")}const wr=({code:l,children:u,testId:c})=>{const f=ct.useMemo(()=>Uv(l),[l]);return m.jsxs("div",{className:"test-error-container test-error-text","data-testid":c,children:[u,m.jsx("div",{className:"test-error-view",dangerouslySetInnerHTML:{__html:f||""}})]})},Nv=({prompt:l})=>{const[u,c]=ct.useState(!1);return m.jsx("button",{className:"button",style:{minWidth:100},onClick:async()=>{await navigator.clipboard.writeText(l),c(!0),setTimeout(()=>{c(!1)},3e3)},children:u?"Copied":"Copy prompt"})},Bv=({diff:l})=>m.jsx("div",{"data-testid":"test-screenshot-error-view",className:"test-error-view",children:m.jsx(um,{diff:l,hideDetails:!0},"image-diff")});function Uv(l){return Mv(l||"",{bg:"var(--color-canvas-subtle)",fg:"var(--color-fg-default)"})}const Qv=`
-# Instructions
-
-- Following Playwright test failed.
-- Explain why, be concise, respect Playwright best practices.
-- Provide a snippet of code with the fix, if possible.
-`.trimStart();async function zv({testInfo:l,metadata:u,errorContext:c,errors:f,buildCodeFrame:r,stdout:o,stderr:h}){var S;const v=new Set(f.filter(O=>O.message&&!O.message.includes(`
-`)).map(O=>O.message));for(const O of f)for(const X of v.keys())(S=O.message)!=null&&S.includes(X)&&v.delete(X);const y=f.filter(O=>!(!O.message||!O.message.includes(`
-`)&&!v.has(O.message)));if(!y.length)return;const A=[Qv,"# Test info","",l];o&&A.push("","# Stdout","","```",Jf(o),"```"),h&&A.push("","# Stderr","","```",Jf(h),"```"),A.push("","# Error details");for(const O of y)A.push("","```",Jf(O.message||""),"```");c&&A.push(c);const E=await r(y[y.length-1]);return E&&A.push("","# Test source","","```ts",E,"```"),u!=null&&u.gitDiff&&A.push("","# Local changes","","```diff",u.gitDiff,"```"),A.join(`
-`)}const Yv=new RegExp("([\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:[a-zA-Z\\d]*(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)|(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-ntqry=><~])))","g");function Jf(l){return l.replace(Yv,"")}function Lv(l,u){var f;const c=new Map;for(const r of l){const o=r.name.match(/^(.*)-(expected|actual|diff|previous)(\.[^.]+)?$/);if(!o)continue;const[,h,v,y=""]=o,A=h+y;let E=c.get(A);E||(E={name:A,anchors:[`attachment-${h}`]},c.set(A,E)),E.anchors.push(`attachment-${u.attachments.indexOf(r)}`),v==="actual"&&(E.actual={attachment:r}),v==="expected"&&(E.expected={attachment:r,title:"Expected"}),v==="previous"&&(E.expected={attachment:r,title:"Previous"}),v==="diff"&&(E.diff={attachment:r})}for(const[r,o]of c)!o.actual||!o.expected?c.delete(r):(l.delete(o.actual.attachment),l.delete(o.expected.attachment),l.delete((f=o.diff)==null?void 0:f.attachment));return[...c.values()]}const Gv=({test:l,result:u,testRunMetadata:c,options:f})=>{const{screenshots:r,videos:o,traces:h,otherAttachments:v,diffs:y,errors:A,otherAttachmentAnchors:E,screenshotAnchors:S,errorContext:O}=ct.useMemo(()=>{const B=u.attachments.filter(N=>!N.name.startsWith("_")),b=new Set(B.filter(N=>N.contentType.startsWith("image/"))),p=[...b].map(N=>`attachment-${B.indexOf(N)}`),x=B.filter(N=>N.contentType.startsWith("video/")),R=B.filter(N=>N.name==="trace"),U=B.find(N=>N.name==="error-context"),Z=new Set(B);[...b,...x,...R].forEach(N=>Z.delete(N));const F=[...Z].map(N=>`attachment-${B.indexOf(N)}`),j=Lv(b,u),D=u.errors.map(N=>N.message);return{screenshots:[...b],videos:x,traces:R,otherAttachments:Z,diffs:j,errors:D,otherAttachmentAnchors:F,screenshotAnchors:p,errorContext:U}},[u]),X=P5(async()=>{if(f!=null&&f.noCopyPrompt)return;const B=u.attachments.find(R=>R.name==="stdout"),b=u.attachments.find(R=>R.name==="stderr"),p=B!=null&&B.body&&B.contentType==="text/plain"?B.body:void 0,x=b!=null&&b.body&&b.contentType==="text/plain"?b.body:void 0;return await zv({testInfo:[`- Name: ${l.path.join(" >> ")} >> ${l.title}`,`- Location: ${l.location.file}:${l.location.line}:${l.location.column}`].join(`
-`),metadata:c,errorContext:O!=null&&O.path?await fetch(O.path).then(R=>R.text()):O==null?void 0:O.body,errors:u.errors,buildCodeFrame:async R=>R.codeframe,stdout:p,stderr:x})},[l,O,c,u],void 0);return m.jsxs("div",{className:"test-result",children:[!!A.length&&m.jsxs(ke,{header:"Errors",children:[X&&m.jsx("div",{style:{position:"absolute",right:"16px",padding:"10px",zIndex:1},children:m.jsx(Nv,{prompt:X})}),A.map((B,b)=>{const p=Xv(B,y);return m.jsxs(m.Fragment,{children:[m.jsx(wr,{code:B},"test-result-error-message-"+b),p&&m.jsx(Bv,{diff:p})]})})]}),!!u.steps.length&&m.jsx(ke,{header:"Test Steps",children:u.steps.map((B,b)=>m.jsx(cm,{step:B,result:u,test:l,depth:0},`step-${b}`))}),y.map((B,b)=>m.jsx(Si,{id:B.anchors,children:m.jsx(ke,{dataTestId:"test-results-image-diff",header:`Image mismatch: ${B.name}`,revealOnAnchorId:B.anchors,children:m.jsx(um,{diff:B})})},`diff-${b}`)),!!r.length&&m.jsx(ke,{header:"Screenshots",revealOnAnchorId:S,children:r.map((B,b)=>m.jsxs(Si,{id:`attachment-${u.attachments.indexOf(B)}`,children:[m.jsx("a",{href:Ve(B.path),children:m.jsx("img",{className:"screenshot",src:Ve(B.path)})}),m.jsx(nc,{attachment:B,result:u})]},`screenshot-${b}`))}),!!h.length&&m.jsx(Si,{id:"attachment-trace",children:m.jsx(ke,{header:"Traces",revealOnAnchorId:"attachment-trace",children:m.jsxs("div",{children:[m.jsx("a",{href:Ve(nm(h)),children:m.jsx("img",{className:"screenshot",src:Cv,style:{width:192,height:117,marginLeft:20}})}),h.map((B,b)=>m.jsx(nc,{attachment:B,result:u,linkName:h.length===1?"trace":`trace-${b+1}`},`trace-${b}`))]})})}),!!o.length&&m.jsx(Si,{id:"attachment-video",children:m.jsx(ke,{header:"Videos",revealOnAnchorId:"attachment-video",children:o.map(B=>m.jsxs("div",{children:[m.jsx("video",{controls:!0,children:m.jsx("source",{src:Ve(B.path),type:B.contentType})}),m.jsx(nc,{attachment:B,result:u})]},B.path))})}),!!v.size&&m.jsx(ke,{header:"Attachments",revealOnAnchorId:E,dataTestId:"attachments",children:[...v].map((B,b)=>m.jsx(Si,{id:`attachment-${u.attachments.indexOf(B)}`,children:m.jsx(nc,{attachment:B,result:u,openInNewTab:B.contentType.startsWith("text/html")})},`attachment-link-${b}`))})]})};function Xv(l,u){const c=l.split(`
-`)[0];if(!(!c.includes("toHaveScreenshot")&&!c.includes("toMatchSnapshot")))return u.find(f=>l.includes(f.name))}const cm=({test:l,step:u,result:c,depth:f})=>{const r=se();return m.jsx(Tv,{title:m.jsxs("div",{"aria-label":u.title,className:"step-title-container",children:[hc(u.error||u.duration===-1?"failed":u.skipped?"skipped":"passed"),m.jsxs("span",{className:"step-title-text",children:[m.jsx("span",{children:u.title}),u.count>1&&m.jsxs(m.Fragment,{children:[" ✕ ",m.jsx("span",{className:"test-result-counter",children:u.count})]}),u.location&&m.jsxs("span",{className:"test-result-path",children:["— ",u.location.file,":",u.location.line]})]}),m.jsx("span",{className:"step-spacer"}),u.attachments.length>0&&m.jsx("a",{className:"step-attachment-link",title:"reveal attachment",href:Ve(Cn({test:l,result:c,anchor:`attachment-${u.attachments[0]}`},r)),onClick:o=>{o.stopPropagation()},children:Ih()}),m.jsx("span",{className:"step-duration",children:Ol(u.duration)})]}),loadChildren:u.steps.length||u.snippet?()=>{const o=u.snippet?[m.jsx(wr,{testId:"test-snippet",code:u.snippet},"line")]:[],h=u.steps.map((v,y)=>m.jsx(cm,{step:v,depth:f+1,result:c,test:l},y));return o.concat(h)}:void 0,depth:f})},Vv=({projectNames:l,test:u,testRunMetadata:c,run:f,next:r,prev:o,options:h})=>{const[v,y]=ct.useState(f),A=se(),E=u.annotations.filter(S=>!S.type.startsWith("_"))??[];return m.jsxs(m.Fragment,{children:[m.jsx(Or,{title:u.title,leftSuperHeader:m.jsx("div",{className:"test-case-path",children:u.path.join(" › ")}),rightSuperHeader:m.jsxs(m.Fragment,{children:[m.jsx("div",{className:Ze(!o&&"hidden"),children:m.jsx(Tn,{href:Cn({test:o},A),children:"« previous"})}),m.jsx("div",{style:{width:10}}),m.jsx("div",{className:Ze(!r&&"hidden"),children:m.jsx(Tn,{href:Cn({test:r},A),children:"next »"})})]})}),m.jsxs("div",{className:"hbox",style:{lineHeight:"24px"},children:[m.jsx("div",{className:"test-case-location",children:m.jsxs(Sr,{value:`${u.location.file}:${u.location.line}`,children:[u.location.file,":",u.location.line]})}),m.jsx("div",{style:{flex:"auto"}}),m.jsx(tm,{test:u,trailingSeparator:!0}),m.jsx("div",{className:"test-case-duration",children:Ol(u.duration)})]}),m.jsx($h,{style:{marginLeft:"6px"},projectNames:l,activeProjectName:u.projectName,otherLabels:u.tags}),u.results.length===0&&E.length!==0&&m.jsx(ke,{header:"Annotations",dataTestId:"test-case-annotations",children:E.map((S,O)=>m.jsx(z2,{annotation:S},O))}),m.jsx(Sv,{tabs:u.results.map((S,O)=>({id:String(O),title:m.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[hc(S.status)," ",Zv(O),u.results.length>1&&m.jsx("span",{className:"test-case-run-duration",children:Ol(S.duration)})]}),render:()=>{const X=S.annotations.filter(B=>!B.type.startsWith("_"));return m.jsxs(m.Fragment,{children:[!!X.length&&m.jsx(ke,{header:"Annotations",dataTestId:"test-case-annotations",children:X.map((B,b)=>m.jsx(z2,{annotation:B},b))}),m.jsx(Gv,{test:u,result:S,testRunMetadata:c,options:h})]})}}))||[],selectedTab:String(v),setSelectedTab:S=>y(+S)})]})};function z2({annotation:{type:l,description:u}}){return m.jsxs("div",{className:"test-case-annotation",children:[m.jsx("span",{style:{fontWeight:"bold"},children:l}),u&&m.jsxs(Sr,{value:u,children:[": ",Di(u)]})]})}function Zv(l){return l?`Retry #${l}`:"Run"}const sm=({file:l,projectNames:u,isFileExpanded:c,setFileExpanded:f,footer:r})=>{const o=se();return m.jsx(im,{expanded:c?c(l.fileId):void 0,noInsets:!0,setExpanded:f?(h=>f(l.fileId,h)):void 0,header:m.jsx("span",{className:"chip-header-allow-selection",children:l.fileName}),footer:r,children:l.tests.map(h=>m.jsxs("div",{className:Ze("test-file-test","test-file-test-outcome-"+h.outcome),children:[m.jsxs("div",{className:"hbox",style:{alignItems:"flex-start"},children:[m.jsxs("div",{className:"hbox",children:[m.jsx("span",{className:"test-file-test-status-icon",children:hc(h.outcome)}),m.jsxs("span",{children:[m.jsx(Tn,{href:Cn({test:h},o),title:[...h.path,h.title].join(" › "),children:m.jsx("span",{className:"test-file-title",children:[...h.path,h.title].join(" › ")})}),m.jsx($h,{style:{marginLeft:"6px"},projectNames:u,activeProjectName:h.projectName,otherLabels:h.tags})]})]}),m.jsx("span",{"data-testid":"test-duration",style:{minWidth:"50px",textAlign:"right"},children:Ol(h.duration)})]}),m.jsx("div",{className:"test-file-details-row",children:m.jsxs("div",{className:"test-file-details-row-items",children:[m.jsx(Tn,{href:Cn({test:h},o),title:[...h.path,h.title].join(" › "),className:"test-file-path-link",children:m.jsxs("span",{className:"test-file-path",children:[h.location.file,":",h.location.line]})}),m.jsx(qv,{test:h}),m.jsx(Iv,{test:h}),m.jsx(tm,{test:h,dim:!0})]})})]},`test-${h.testId}`))})};function qv({test:l}){const u=se();for(const c of l.results)for(const f of c.attachments)if(f.contentType.startsWith("image/")&&f.name.match(/-(expected|actual|diff)/))return m.jsx(Tr,{href:Cn({test:l,result:c,anchor:`attachment-${c.attachments.indexOf(f)}`},u),title:"View images",dim:!0,children:k5()})}function Iv({test:l}){const u=se(),c=l.results.find(f=>f.attachments.some(r=>r.name==="video"));return c?m.jsx(Tr,{href:Cn({test:l,result:c,anchor:"attachment-video"},u),title:"View video",dim:!0,children:J5()}):void 0}class Kv extends ct.Component{constructor(){super(...arguments);yn(this,"state",{error:null,errorInfo:null})}componentDidCatch(c,f){this.setState({error:c,errorInfo:f})}render(){var c,f,r;return this.state.error||this.state.errorInfo?m.jsxs("div",{className:"metadata-view p-3",children:[m.jsx("p",{children:"An error was encountered when trying to render metadata."}),m.jsx("p",{children:m.jsxs("pre",{style:{overflow:"scroll"},children:[(c=this.state.error)==null?void 0:c.message,m.jsx("br",{}),(f=this.state.error)==null?void 0:f.stack,m.jsx("br",{}),(r=this.state.errorInfo)==null?void 0:r.componentStack]})})]}):this.props.children}}const kv=l=>m.jsx(Kv,{children:m.jsx(Jv,{metadata:l.metadata})}),Jv=l=>{const u=l.metadata,c=se().has("show-metadata-other")?Object.entries(l.metadata).filter(([r])=>!fm.has(r)):[];if(u.ci||u.gitCommit||c.length>0)return m.jsxs("div",{className:"metadata-view",children:[u.ci&&!u.gitCommit&&m.jsx(Fv,{info:u.ci}),u.gitCommit&&m.jsx(Wv,{ci:u.ci,commit:u.gitCommit}),c.length>0&&m.jsxs(m.Fragment,{children:[(u.gitCommit||u.ci)&&m.jsx("div",{className:"metadata-separator"}),m.jsx("div",{className:"metadata-section metadata-properties",role:"list",children:c.map(([r,o])=>{const h=typeof o!="object"||o===null||o===void 0?String(o):JSON.stringify(o),v=h.length>1e3?h.slice(0,1e3)+"…":h;return m.jsx("div",{className:"copyable-property",role:"listitem",children:m.jsxs(Sr,{value:h,children:[m.jsx("span",{style:{fontWeight:"bold"},title:r,children:r}),": ",m.jsx("span",{title:v,children:Di(v)})]})},r)})})]})]})},Fv=({info:l})=>{const u=l.prTitle||`Commit ${l.commitHash}`,c=l.prHref||l.commitHref;return m.jsx("div",{className:"metadata-section",role:"list",children:m.jsx("div",{role:"listitem",children:m.jsx("a",{href:Ve(c),target:"_blank",rel:"noopener noreferrer",title:u,children:u})})})},Wv=({ci:l,commit:u})=>{const c=(l==null?void 0:l.prTitle)||u.subject,f=(l==null?void 0:l.prHref)||(l==null?void 0:l.commitHref),r=` <${u.author.email}>`,o=`${u.author.name}${r}`,h=Intl.DateTimeFormat(void 0,{dateStyle:"medium"}).format(u.committer.time),v=Intl.DateTimeFormat(void 0,{dateStyle:"full",timeStyle:"long"}).format(u.committer.time);return m.jsxs("div",{className:"metadata-section",role:"list",children:[m.jsxs("div",{role:"listitem",children:[f&&m.jsx("a",{href:Ve(f),target:"_blank",rel:"noopener noreferrer",title:c,children:c}),!f&&m.jsx("span",{title:c,children:c})]}),m.jsxs("div",{role:"listitem",className:"hbox",children:[m.jsx("span",{className:"mr-1",children:o}),m.jsxs("span",{title:v,children:[" on ",h]})]})]})},fm=new Set(["ci","gitCommit","gitDiff","actualWorkers"]),_v=l=>{const u=Object.entries(l).filter(([c])=>!fm.has(c));return!l.ci&&!l.gitCommit&&!u.length},Pv=({files:l,expandedFiles:u,setExpandedFiles:c,projectNames:f})=>{const r=ct.useMemo(()=>{const o=[];let h=0;for(const v of l)h+=v.tests.length,o.push({file:v,defaultExpanded:h<200});return o},[l]);return m.jsx(m.Fragment,{children:r.length>0?r.map(({file:o,defaultExpanded:h})=>m.jsx(sm,{file:o,projectNames:f,isFileExpanded:v=>{const y=u.get(v);return y===void 0?h:!!y},setFileExpanded:(v,y)=>{const A=new Map(u);A.set(v,y),c(A)}},`file-${o.fileId}`)):m.jsx("div",{className:"chip-header test-file-no-files",children:"No tests found"})})},Y2=({report:l,filteredStats:u,metadataVisible:c,toggleMetadataVisible:f})=>{if(!l)return null;const r=l.projectNames.length===1&&!!l.projectNames[0],o=!r&&!u,h=!_v(l.metadata)&&m.jsxs("div",{className:Ze("metadata-toggle",!o&&"metadata-toggle-second-line"),role:"button",onClick:f,title:c?"Hide metadata":"Show metadata",children:[c?Ni():Cl(),"Metadata"]}),v=m.jsxs("div",{className:"test-file-header-info",children:[r&&m.jsxs("div",{"data-testid":"project-name",children:["Project: ",l.projectNames[0]]}),u&&m.jsxs("div",{"data-testid":"filtered-tests-count",children:["Filtered: ",u.total," ",!!u.total&&"("+Ol(u.duration)+")"]}),o&&h]}),y=m.jsxs(m.Fragment,{children:[m.jsx("div",{"data-testid":"overall-time",style:{marginRight:"10px"},children:l?new Date(l.startTime).toLocaleString():""}),m.jsxs("div",{"data-testid":"overall-duration",children:["Total time: ",Ol(l.duration??0)]})]});return m.jsxs(m.Fragment,{children:[m.jsx(Or,{title:l.options.title,leftSuperHeader:v,rightSuperHeader:y}),!o&&h,c&&m.jsx(kv,{metadata:l.metadata}),!!l.errors.length&&m.jsx(ke,{header:"Errors",dataTestId:"report-errors",children:l.errors.map((A,E)=>m.jsx(wr,{code:A},"test-report-error-message-"+E))})]})},rm=l=>{const u=Math.round(l/1e3),c=Math.floor(u/60),f=u%60;return c===0?`${f}s`:`${c}m ${f}s`},$v=({entries:l})=>{const f=Math.max(...l.map(D=>D.label.length))*10,o={top:20,right:20,bottom:40,left:Math.min(800*.5,Math.max(50,f))},h=800-o.left-o.right,v=Math.min(...l.map(D=>D.startTime)),y=Math.max(...l.map(D=>D.startTime+D.duration));let A,E;const S=y-v;S<60*1e3?(A=10*1e3,E=!0):S<300*1e3?(A=30*1e3,E=!0):S<1800*1e3?(A=300*1e3,E=!1):(A=600*1e3,E=!1);const O=Math.ceil(v/A)*A,X=(D,N)=>{const K=new Date(D).toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit",second:E?"2-digit":void 0});if(N)return K;if(K.endsWith(" AM")||K.endsWith(" PM"))return K.slice(0,-3)},b=(y-v)*1.1,p=Math.ceil(b/A)*A,x=h/p,R=20,U=8,Z=l.length*(R+U),F=[];for(let D=O;D<=v+p;D+=A){const N=D-v;F.push({x:N*x,label:X(D,D===O)})}const j=Z+o.top+o.bottom;return m.jsx("svg",{viewBox:`0 0 800 ${j}`,preserveAspectRatio:"xMidYMid meet",style:{width:"100%",height:"auto"},role:"img",children:m.jsxs("g",{transform:`translate(${o.left}, ${o.top})`,role:"presentation",children:[F.map(({x:D,label:N},K)=>m.jsxs("g",{"aria-hidden":"true",children:[m.jsx("line",{x1:D,y1:0,x2:D,y2:Z,stroke:"var(--color-border-muted)",strokeWidth:"1"}),m.jsx("text",{x:D,y:Z+20,textAnchor:"middle",dominantBaseline:"middle",fontSize:"12",fill:"var(--color-fg-muted)",children:N})]},K)),l.map((D,N)=>{const K=D.startTime-v,J=D.duration*x,k=K*x,nt=N*(R+U),P=["var(--color-scale-blue-2)","var(--color-scale-blue-3)","var(--color-scale-blue-4)"],st=P[N%P.length];return m.jsxs("g",{role:"listitem","aria-label":D.tooltip,children:[m.jsx("rect",{className:"gantt-bar",x:k,y:nt,width:J,height:R,fill:st,rx:"2",tabIndex:0,children:m.jsx("title",{children:D.tooltip})}),m.jsx("text",{x:k+J+6,y:nt+R/2,dominantBaseline:"middle",fontSize:"12",fill:"var(--color-fg-muted)","aria-hidden":"true",children:rm(D.duration)}),m.jsx("text",{x:-10,y:nt+R/2,textAnchor:"end",dominantBaseline:"middle",fontSize:"12",fill:"var(--color-fg-muted)","aria-hidden":"true",children:D.label})]},N)}),m.jsx("line",{x1:0,y1:0,x2:0,y2:Z,stroke:"var(--color-fg-muted)",strokeWidth:"1","aria-hidden":"true"}),m.jsx("line",{x1:0,y1:Z,x2:h,y2:Z,stroke:"var(--color-fg-muted)",strokeWidth:"1","aria-hidden":"true"})]})})};function ty({report:l,tests:u}){return m.jsxs(m.Fragment,{children:[m.jsx(ny,{report:l}),m.jsx(ey,{report:l,tests:u})]})}function ey({report:l,tests:u}){const[c,f]=ue.useState(50);return m.jsx(sm,{file:{fileId:"slowest",fileName:"Slowest Tests",tests:u.slice(0,c),stats:null},projectNames:l.json().projectNames,footer:c<u.length?m.jsxs("button",{className:"link-badge fullwidth-link",style:{padding:"8px 5px"},onClick:()=>f(r=>r+50),children:[Ni(),"Show 50 more"]}):void 0})}function ny({report:l}){const u=l.json().machines;if(u.length===0)return null;const c=u.map(f=>{const r=f.tag.join(" "),o=new Date(f.startTime).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:"short"});let h=`${r} started at ${o}, runs ${rm(f.duration)}`;return f.shardIndex&&(h+=` (shard ${f.shardIndex})`),{label:r,tooltip:h,startTime:f.startTime,duration:f.duration,shardIndex:f.shardIndex??1}}).sort((f,r)=>f.label.localeCompare(r.label)||f.shardIndex-r.shardIndex);return m.jsx(ke,{header:"Timeline",children:m.jsx($v,{entries:c})})}const ay=l=>!l.has("testId")&&!l.has("speedboard"),ly=l=>l.has("testId"),iy=l=>l.has("speedboard")&&!l.has("testId"),uy=({report:l})=>{var Z,F;const u=se(),[c,f]=ct.useState(new Map),[r,o]=ct.useState(u.get("q")||""),[h,v]=ct.useState(!1),y=u.has("speedboard"),[A]=_h("mergeFiles",!1),E=u.get("testId"),S=((Z=u.get("q"))==null?void 0:Z.toString())||"",O=S?"&q="+S:"",X=(F=l==null?void 0:l.json())==null?void 0:F.options.title,B=ct.useMemo(()=>{const j=new Map;for(const D of(l==null?void 0:l.json().files)||[])for(const N of D.tests)j.set(N.testId,D.fileId);return j},[l]),b=ct.useMemo(()=>rc.parse(r),[r]),p=ct.useMemo(()=>b.empty()?void 0:sy((l==null?void 0:l.json().files)||[],b),[l,b]),x=ct.useMemo(()=>y?oy(l,b):A?ry(l,b):fy(l,b),[l,b,A,y]),{prev:R,next:U}=ct.useMemo(()=>{const j=x.tests.findIndex(K=>K.testId===E),D=j>0?x.tests[j-1]:void 0,N=j<x.tests.length-1?x.tests[j+1]:void 0;return{prev:D,next:N}},[E,x]);return ct.useEffect(()=>{const j=D=>{if(D.target instanceof HTMLInputElement||D.target instanceof HTMLTextAreaElement||D.shiftKey||D.ctrlKey||D.metaKey||D.altKey)return;const N=new URLSearchParams(u);switch(D.key){case"a":D.preventDefault(),ca("#?");break;case"p":D.preventDefault(),N.delete("testId"),N.delete("speedboard"),ca(Na(N,"s:passed",!1));break;case"f":D.preventDefault(),N.delete("testId"),N.delete("speedboard"),ca(Na(N,"s:failed",!1));break;case"ArrowLeft":R&&(D.preventDefault(),N.delete("testId"),ca(Cn({test:R},N)+O));break;case"ArrowRight":U&&(D.preventDefault(),N.delete("testId"),ca(Cn({test:U},N)+O));break}};return document.addEventListener("keydown",j),()=>document.removeEventListener("keydown",j)},[R,U,O,S,u]),ct.useEffect(()=>{X?document.title=X:document.title="Playwright Test Report"},[X]),m.jsx("div",{className:"htmlreport vbox px-4 pb-4",children:m.jsxs("main",{children:[l&&m.jsx(Ev,{stats:l.json().stats,filterText:r,setFilterText:o}),m.jsxs(Kf,{predicate:ay,children:[m.jsx(Y2,{report:l==null?void 0:l.json(),filteredStats:p,metadataVisible:h,toggleMetadataVisible:()=>v(j=>!j)}),m.jsx(Pv,{files:x.files,expandedFiles:c,setExpandedFiles:f,projectNames:(l==null?void 0:l.json().projectNames)||[]})]}),m.jsxs(Kf,{predicate:iy,children:[m.jsx(Y2,{report:l==null?void 0:l.json(),filteredStats:p,metadataVisible:h,toggleMetadataVisible:()=>v(j=>!j)}),l&&m.jsx(ty,{report:l,tests:x.tests})]}),m.jsx(Kf,{predicate:ly,children:l&&m.jsx(cy,{report:l,next:U,prev:R,testId:E,testIdToFileIdMap:B})})]})})},cy=({report:l,testIdToFileIdMap:u,next:c,prev:f,testId:r})=>{const[o,h]=ct.useState("loading"),v=+(se().get("run")||"0");if(ct.useEffect(()=>{(async()=>{if(!r||typeof o=="object"&&r===o.testId)return;const S=u.get(r);if(!S){h("not-found");return}const O=await l.entry(`${S}.json`);h((O==null?void 0:O.tests.find(X=>X.testId===r))||"not-found")})()},[o,l,r,u]),o==="loading")return m.jsx("div",{className:"test-case-column"});if(o==="not-found")return m.jsxs("div",{className:"test-case-column",children:[m.jsx(Or,{title:"Test not found"}),m.jsxs("div",{className:"test-case-location",children:["Test ID: ",r]})]});const{projectNames:y,metadata:A,options:E}=l.json();return m.jsx("div",{className:"test-case-column",children:m.jsx(Vv,{projectNames:y,testRunMetadata:A,options:E,next:c,prev:f,test:o,run:v})})};function sy(l,u){const c={total:0,duration:0};for(const f of l){const r=f.tests.filter(o=>u.matches(o));c.total+=r.length;for(const o of r)c.duration+=o.duration}return c}function fy(l,u){const c={files:[],tests:[]};for(const f of(l==null?void 0:l.json().files)||[]){const r=f.tests.filter(o=>u.matches(o));r.length&&c.files.push({...f,tests:r}),c.tests.push(...r)}return c}function ry(l,u){const c=[],f=new Map;for(const o of(l==null?void 0:l.json().files)||[]){const h=o.tests.filter(v=>u.matches(v));for(const v of h){const y=v.path[0]??"<anonymous>";let A=f.get(y);A||(A={fileId:y,fileName:y,tests:[],stats:{total:0,expected:0,unexpected:0,flaky:0,skipped:0,ok:!0}},f.set(y,A),c.push(A));const E={...v,path:v.path.slice(1)};A.tests.push(E)}}c.sort((o,h)=>o.fileName.localeCompare(h.fileName));const r={files:c,tests:[]};for(const o of c)r.tests.push(...o.tests);return r}function oy(l,u){const f=((l==null?void 0:l.json().files)||[]).flatMap(r=>r.tests).filter(r=>u.matches(r));return f.sort((r,o)=>o.duration-r.duration),{files:[],tests:f}}const dy="data:image/svg+xml,%3csvg%20width='400'%20height='400'%20viewBox='0%200%20400%20400'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M136.444%20221.556C123.558%20225.213%20115.104%20231.625%20109.535%20238.032C114.869%20233.364%20122.014%20229.08%20131.652%20226.348C141.51%20223.554%20149.92%20223.574%20156.869%20224.915V219.481C150.941%20218.939%20144.145%20219.371%20136.444%20221.556ZM108.946%20175.876L61.0895%20188.484C61.0895%20188.484%2061.9617%20189.716%2063.5767%20191.36L104.153%20180.668C104.153%20180.668%20103.578%20188.077%2098.5847%20194.705C108.03%20187.559%20108.946%20175.876%20108.946%20175.876ZM149.005%20288.347C81.6582%20306.486%2046.0272%20228.438%2035.2396%20187.928C30.2556%20169.229%2028.0799%20155.067%2027.5%20145.928C27.4377%20144.979%2027.4665%20144.179%2027.5336%20143.446C24.04%20143.657%2022.3674%20145.473%2022.7077%20150.721C23.2876%20159.855%2025.4633%20174.016%2030.4473%20192.721C41.2301%20233.225%2076.8659%20311.273%20144.213%20293.134C158.872%20289.185%20169.885%20281.992%20178.152%20272.81C170.532%20279.692%20160.995%20285.112%20149.005%20288.347ZM161.661%20128.11V132.903H188.077C187.535%20131.206%20186.989%20129.677%20186.447%20128.11H161.661Z'%20fill='%232D4552'/%3e%3cpath%20d='M193.981%20167.584C205.861%20170.958%20212.144%20179.287%20215.465%20186.658L228.711%20190.42C228.711%20190.42%20226.904%20164.623%20203.57%20157.995C181.741%20151.793%20168.308%20170.124%20166.674%20172.496C173.024%20167.972%20182.297%20164.268%20193.981%20167.584ZM299.422%20186.777C277.573%20180.547%20264.145%20198.916%20262.535%20201.255C268.89%20196.736%20278.158%20193.031%20289.837%20196.362C301.698%20199.741%20307.976%20208.06%20311.307%20215.436L324.572%20219.212C324.572%20219.212%20322.736%20193.41%20299.422%20186.777ZM286.262%20254.795L176.072%20223.99C176.072%20223.99%20177.265%20230.038%20181.842%20237.869L274.617%20263.805C282.255%20259.386%20286.262%20254.795%20286.262%20254.795ZM209.867%20321.102C122.618%20297.71%20133.166%20186.543%20147.284%20133.865C153.097%20112.156%20159.073%2096.0203%20164.029%2085.204C161.072%2084.5953%20158.623%2086.1529%20156.203%2091.0746C150.941%20101.747%20144.212%20119.124%20137.7%20143.45C123.586%20196.127%20113.038%20307.29%20200.283%20330.682C241.406%20341.699%20273.442%20324.955%20297.323%20298.659C274.655%20319.19%20245.714%20330.701%20209.867%20321.102Z'%20fill='%232D4552'/%3e%3cpath%20d='M161.661%20262.296V239.863L99.3324%20257.537C99.3324%20257.537%20103.938%20230.777%20136.444%20221.556C146.302%20218.762%20154.713%20218.781%20161.661%20220.123V128.11H192.869C189.471%20117.61%20186.184%20109.526%20183.423%20103.909C178.856%2094.612%20174.174%20100.775%20163.545%20109.665C156.059%20115.919%20137.139%20129.261%20108.668%20136.933C80.1966%20144.61%2057.179%20142.574%2047.5752%20140.911C33.9601%20138.562%2026.8387%20135.572%2027.5049%20145.928C28.0847%20155.062%2030.2605%20169.224%2035.2445%20187.928C46.0272%20228.433%2081.663%20306.481%20149.01%20288.342C166.602%20283.602%20179.019%20274.233%20187.626%20262.291H161.661V262.296ZM61.0848%20188.484L108.946%20175.876C108.946%20175.876%20107.551%20194.288%2089.6087%20199.018C71.6614%20203.743%2061.0848%20188.484%2061.0848%20188.484Z'%20fill='%23E2574C'/%3e%3cpath%20d='M341.786%20129.174C329.345%20131.355%20299.498%20134.072%20262.612%20124.185C225.716%20114.304%20201.236%2097.0224%20191.537%2088.8994C177.788%2077.3834%20171.74%2069.3802%20165.788%2081.4857C160.526%2092.163%20153.797%20109.54%20147.284%20133.866C133.171%20186.543%20122.623%20297.706%20209.867%20321.098C297.093%20344.47%20343.53%20242.92%20357.644%20190.238C364.157%20165.917%20367.013%20147.5%20367.799%20135.625C368.695%20122.173%20359.455%20126.078%20341.786%20129.174ZM166.497%20172.756C166.497%20172.756%20180.246%20151.372%20203.565%20158C226.899%20164.628%20228.706%20190.425%20228.706%20190.425L166.497%20172.756ZM223.42%20268.713C182.403%20256.698%20176.077%20223.99%20176.077%20223.99L286.262%20254.796C286.262%20254.791%20264.021%20280.578%20223.42%20268.713ZM262.377%20201.495C262.377%20201.495%20276.107%20180.126%20299.422%20186.773C322.736%20193.411%20324.572%20219.208%20324.572%20219.208L262.377%20201.495Z'%20fill='%232EAD33'/%3e%3cpath%20d='M139.88%20246.04L99.3324%20257.532C99.3324%20257.532%20103.737%20232.44%20133.607%20222.496L110.647%20136.33L108.663%20136.933C80.1918%20144.611%2057.1742%20142.574%2047.5704%20140.911C33.9554%20138.563%2026.834%20135.572%2027.5001%20145.929C28.08%20155.063%2030.2557%20169.224%2035.2397%20187.929C46.0225%20228.433%2081.6583%20306.481%20149.005%20288.342L150.989%20287.719L139.88%20246.04ZM61.0848%20188.485L108.946%20175.876C108.946%20175.876%20107.551%20194.288%2089.6087%20199.018C71.6615%20203.743%2061.0848%20188.485%2061.0848%20188.485Z'%20fill='%23D65348'/%3e%3cpath%20d='M225.27%20269.163L223.415%20268.712C182.398%20256.698%20176.072%20223.99%20176.072%20223.99L232.89%20239.872L262.971%20124.281L262.607%20124.185C225.711%20114.304%20201.232%2097.0224%20191.532%2088.8994C177.783%2077.3834%20171.735%2069.3802%20165.783%2081.4857C160.526%2092.163%20153.797%20109.54%20147.284%20133.866C133.171%20186.543%20122.623%20297.706%20209.867%20321.097L211.655%20321.5L225.27%20269.163ZM166.497%20172.756C166.497%20172.756%20180.246%20151.372%20203.565%20158C226.899%20164.628%20228.706%20190.425%20228.706%20190.425L166.497%20172.756Z'%20fill='%231D8D22'/%3e%3cpath%20d='M141.946%20245.451L131.072%20248.537C133.641%20263.019%20138.169%20276.917%20145.276%20289.195C146.513%20288.922%20147.74%20288.687%20149%20288.342C152.302%20287.451%20155.364%20286.348%20158.312%20285.145C150.371%20273.361%20145.118%20259.789%20141.946%20245.451ZM137.7%20143.451C132.112%20164.307%20127.113%20194.326%20128.489%20224.436C130.952%20223.367%20133.554%20222.371%20136.444%20221.551L138.457%20221.101C136.003%20188.939%20141.308%20156.165%20147.284%20133.866C148.799%20128.225%20150.318%20122.978%20151.832%20118.085C149.393%20119.637%20146.767%20121.228%20143.776%20122.867C141.759%20129.093%20139.722%20135.898%20137.7%20143.451Z'%20fill='%23C04B41'/%3e%3c/svg%3e",Ff=N5,Rr=document.createElement("link");Rr.rel="shortcut icon";Rr.href=dy;document.head.appendChild(Rr);const hy=()=>{const[l,u]=ct.useState();return ct.useEffect(()=>{const c=new my;c.load().then(()=>{var f;(f=document.getElementById("playwrightReportBase64"))==null||f.remove(),u(c)})},[]),m.jsx(cv,{children:m.jsx(uy,{report:l})})};window.onload=()=>{gv(),X5.createRoot(document.querySelector("#root")).render(m.jsx(hy,{}))};class my{constructor(){yn(this,"_entries",new Map);yn(this,"_json")}async load(){const u=document.getElementById("playwrightReportBase64").textContent,c=new Ff.ZipReader(new Ff.Data64URIReader(u),{useWebWorkers:!1});for(const f of await c.getEntries())this._entries.set(f.filename,f);this._json=await this.entry("report.json")}json(){return this._json}async entry(u){const c=this._entries.get(u),f=new Ff.TextWriter;return await c.getData(f),JSON.parse(await f.getData())}}
-</script>
-    <style type='text/css'>:root{--color-canvas-default-transparent: rgba(255,255,255,0);--color-marketing-icon-primary: #218bff;--color-marketing-icon-secondary: #54aeff;--color-diff-blob-addition-num-text: #24292f;--color-diff-blob-addition-fg: #24292f;--color-diff-blob-addition-num-bg: #CCFFD8;--color-diff-blob-addition-line-bg: #E6FFEC;--color-diff-blob-addition-word-bg: #ABF2BC;--color-diff-blob-deletion-num-text: #24292f;--color-diff-blob-deletion-fg: #24292f;--color-diff-blob-deletion-num-bg: #FFD7D5;--color-diff-blob-deletion-line-bg: #FFEBE9;--color-diff-blob-deletion-word-bg: rgba(255,129,130,.4);--color-diff-blob-hunk-num-bg: rgba(84,174,255,.4);--color-diff-blob-expander-icon: #57606a;--color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;--color-diffstat-deletion-border: rgba(27,31,36,.15);--color-diffstat-addition-border: rgba(27,31,36,.15);--color-diffstat-addition-bg: #2da44e;--color-search-keyword-hl: #fff8c5;--color-prettylights-syntax-comment: #6e7781;--color-prettylights-syntax-constant: #0550ae;--color-prettylights-syntax-entity: #8250df;--color-prettylights-syntax-storage-modifier-import: #24292f;--color-prettylights-syntax-entity-tag: #116329;--color-prettylights-syntax-keyword: #cf222e;--color-prettylights-syntax-string: #0a3069;--color-prettylights-syntax-variable: #953800;--color-prettylights-syntax-brackethighlighter-unmatched: #82071e;--color-prettylights-syntax-invalid-illegal-text: #f6f8fa;--color-prettylights-syntax-invalid-illegal-bg: #82071e;--color-prettylights-syntax-carriage-return-text: #f6f8fa;--color-prettylights-syntax-carriage-return-bg: #cf222e;--color-prettylights-syntax-string-regexp: #116329;--color-prettylights-syntax-markup-list: #3b2300;--color-prettylights-syntax-markup-heading: #0550ae;--color-prettylights-syntax-markup-italic: #24292f;--color-prettylights-syntax-markup-bold: #24292f;--color-prettylights-syntax-markup-deleted-text: #82071e;--color-prettylights-syntax-markup-deleted-bg: #FFEBE9;--color-prettylights-syntax-markup-inserted-text: #116329;--color-prettylights-syntax-markup-inserted-bg: #dafbe1;--color-prettylights-syntax-markup-changed-text: #953800;--color-prettylights-syntax-markup-changed-bg: #ffd8b5;--color-prettylights-syntax-markup-ignored-text: #eaeef2;--color-prettylights-syntax-markup-ignored-bg: #0550ae;--color-prettylights-syntax-meta-diff-range: #8250df;--color-prettylights-syntax-brackethighlighter-angle: #57606a;--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;--color-prettylights-syntax-constant-other-reference-link: #0a3069;--color-codemirror-text: #24292f;--color-codemirror-bg: #ffffff;--color-codemirror-gutters-bg: #ffffff;--color-codemirror-guttermarker-text: #ffffff;--color-codemirror-guttermarker-subtle-text: #6e7781;--color-codemirror-linenumber-text: #57606a;--color-codemirror-cursor: #24292f;--color-codemirror-selection-bg: rgba(84,174,255,.4);--color-codemirror-activeline-bg: rgba(234,238,242,.5);--color-codemirror-matchingbracket-text: #24292f;--color-codemirror-lines-bg: #ffffff;--color-codemirror-syntax-comment: #24292f;--color-codemirror-syntax-constant: #0550ae;--color-codemirror-syntax-entity: #8250df;--color-codemirror-syntax-keyword: #cf222e;--color-codemirror-syntax-storage: #cf222e;--color-codemirror-syntax-string: #0a3069;--color-codemirror-syntax-support: #0550ae;--color-codemirror-syntax-variable: #953800;--color-checks-bg: #24292f;--color-checks-run-border-width: 0px;--color-checks-container-border-width: 0px;--color-checks-text-primary: #f6f8fa;--color-checks-text-secondary: #8c959f;--color-checks-text-link: #54aeff;--color-checks-btn-icon: #afb8c1;--color-checks-btn-hover-icon: #f6f8fa;--color-checks-btn-hover-bg: rgba(255,255,255,.125);--color-checks-input-text: #eaeef2;--color-checks-input-placeholder-text: #8c959f;--color-checks-input-focus-text: #8c959f;--color-checks-input-bg: #32383f;--color-checks-input-shadow: none;--color-checks-donut-error: #fa4549;--color-checks-donut-pending: #bf8700;--color-checks-donut-success: #2da44e;--color-checks-donut-neutral: #afb8c1;--color-checks-dropdown-text: #afb8c1;--color-checks-dropdown-bg: #32383f;--color-checks-dropdown-border: #424a53;--color-checks-dropdown-shadow: rgba(27,31,36,.3);--color-checks-dropdown-hover-text: #f6f8fa;--color-checks-dropdown-hover-bg: #424a53;--color-checks-dropdown-btn-hover-text: #f6f8fa;--color-checks-dropdown-btn-hover-bg: #32383f;--color-checks-scrollbar-thumb-bg: #57606a;--color-checks-header-label-text: #d0d7de;--color-checks-header-label-open-text: #f6f8fa;--color-checks-header-border: #32383f;--color-checks-header-icon: #8c959f;--color-checks-line-text: #d0d7de;--color-checks-line-num-text: rgba(140,149,159,.75);--color-checks-line-timestamp-text: #8c959f;--color-checks-line-hover-bg: #32383f;--color-checks-line-selected-bg: rgba(33,139,255,.15);--color-checks-line-selected-num-text: #54aeff;--color-checks-line-dt-fm-text: #24292f;--color-checks-line-dt-fm-bg: #9a6700;--color-checks-gate-bg: rgba(125,78,0,.15);--color-checks-gate-text: #d0d7de;--color-checks-gate-waiting-text: #afb8c1;--color-checks-step-header-open-bg: #32383f;--color-checks-step-error-text: #ff8182;--color-checks-step-warning-text: #d4a72c;--color-checks-logline-text: #8c959f;--color-checks-logline-num-text: rgba(140,149,159,.75);--color-checks-logline-debug-text: #c297ff;--color-checks-logline-error-text: #d0d7de;--color-checks-logline-error-num-text: #ff8182;--color-checks-logline-error-bg: rgba(164,14,38,.15);--color-checks-logline-warning-text: #d0d7de;--color-checks-logline-warning-num-text: #d4a72c;--color-checks-logline-warning-bg: rgba(125,78,0,.15);--color-checks-logline-command-text: #54aeff;--color-checks-logline-section-text: #4ac26b;--color-checks-ansi-black: #24292f;--color-checks-ansi-black-bright: #32383f;--color-checks-ansi-white: #d0d7de;--color-checks-ansi-white-bright: #d0d7de;--color-checks-ansi-gray: #8c959f;--color-checks-ansi-red: #ff8182;--color-checks-ansi-red-bright: #ffaba8;--color-checks-ansi-green: #4ac26b;--color-checks-ansi-green-bright: #6fdd8b;--color-checks-ansi-yellow: #d4a72c;--color-checks-ansi-yellow-bright: #eac54f;--color-checks-ansi-blue: #54aeff;--color-checks-ansi-blue-bright: #80ccff;--color-checks-ansi-magenta: #c297ff;--color-checks-ansi-magenta-bright: #d8b9ff;--color-checks-ansi-cyan: #76e3ea;--color-checks-ansi-cyan-bright: #b3f0ff;--color-project-header-bg: #24292f;--color-project-sidebar-bg: #ffffff;--color-project-gradient-in: #ffffff;--color-project-gradient-out: rgba(255,255,255,0);--color-mktg-success: rgba(36,146,67,1);--color-mktg-info: rgba(19,119,234,1);--color-mktg-bg-shade-gradient-top: rgba(27,31,36,.065);--color-mktg-bg-shade-gradient-bottom: rgba(27,31,36,0);--color-mktg-btn-bg-top: hsla(228,82%,66%,1);--color-mktg-btn-bg-bottom: #4969ed;--color-mktg-btn-bg-overlay-top: hsla(228,74%,59%,1);--color-mktg-btn-bg-overlay-bottom: #3355e0;--color-mktg-btn-text: #ffffff;--color-mktg-btn-primary-bg-top: hsla(137,56%,46%,1);--color-mktg-btn-primary-bg-bottom: #2ea44f;--color-mktg-btn-primary-bg-overlay-top: hsla(134,60%,38%,1);--color-mktg-btn-primary-bg-overlay-bottom: #22863a;--color-mktg-btn-primary-text: #ffffff;--color-mktg-btn-enterprise-bg-top: hsla(249,100%,72%,1);--color-mktg-btn-enterprise-bg-bottom: #6f57ff;--color-mktg-btn-enterprise-bg-overlay-top: hsla(248,65%,63%,1);--color-mktg-btn-enterprise-bg-overlay-bottom: #614eda;--color-mktg-btn-enterprise-text: #ffffff;--color-mktg-btn-outline-text: #4969ed;--color-mktg-btn-outline-border: rgba(73,105,237,.3);--color-mktg-btn-outline-hover-text: #3355e0;--color-mktg-btn-outline-hover-border: rgba(51,85,224,.5);--color-mktg-btn-outline-focus-border: #4969ed;--color-mktg-btn-outline-focus-border-inset: rgba(73,105,237,.5);--color-mktg-btn-dark-text: #ffffff;--color-mktg-btn-dark-border: rgba(255,255,255,.3);--color-mktg-btn-dark-hover-text: #ffffff;--color-mktg-btn-dark-hover-border: rgba(255,255,255,.5);--color-mktg-btn-dark-focus-border: #ffffff;--color-mktg-btn-dark-focus-border-inset: rgba(255,255,255,.5);--color-avatar-bg: #ffffff;--color-avatar-border: rgba(27,31,36,.15);--color-avatar-stack-fade: #afb8c1;--color-avatar-stack-fade-more: #d0d7de;--color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,.8);--color-topic-tag-border: rgba(0,0,0,0);--color-select-menu-backdrop-border: rgba(0,0,0,0);--color-select-menu-tap-highlight: rgba(175,184,193,.5);--color-select-menu-tap-focus-bg: #b6e3ff;--color-overlay-shadow: 0 1px 3px rgba(27,31,36,.12), 0 8px 24px rgba(66,74,83,.12);--color-header-text: rgba(255,255,255,.7);--color-header-bg: #24292f;--color-header-logo: #ffffff;--color-header-search-bg: #24292f;--color-header-search-border: #57606a;--color-sidenav-selected-bg: #ffffff;--color-menu-bg-active: rgba(0,0,0,0);--color-control-transparent-bg-hover: #818b981a;--color-input-disabled-bg: rgba(175,184,193,.2);--color-timeline-badge-bg: #eaeef2;--color-ansi-black: #24292f;--color-ansi-black-bright: #57606a;--color-ansi-white: #6e7781;--color-ansi-white-bright: #8c959f;--color-ansi-gray: #6e7781;--color-ansi-red: #cf222e;--color-ansi-red-bright: #a40e26;--color-ansi-green: #116329;--color-ansi-green-bright: #1a7f37;--color-ansi-yellow: #4d2d00;--color-ansi-yellow-bright: #633c01;--color-ansi-blue: #0969da;--color-ansi-blue-bright: #218bff;--color-ansi-magenta: #8250df;--color-ansi-magenta-bright: #a475f9;--color-ansi-cyan: #1b7c83;--color-ansi-cyan-bright: #3192aa;--color-btn-text: #24292f;--color-btn-bg: #f6f8fa;--color-btn-border: rgba(27,31,36,.15);--color-btn-shadow: 0 1px 0 rgba(27,31,36,.04);--color-btn-inset-shadow: inset 0 1px 0 rgba(255,255,255,.25);--color-btn-hover-bg: #f3f4f6;--color-btn-hover-border: rgba(27,31,36,.15);--color-btn-active-bg: hsla(220,14%,93%,1);--color-btn-active-border: rgba(27,31,36,.15);--color-btn-selected-bg: hsla(220,14%,94%,1);--color-btn-focus-bg: #f6f8fa;--color-btn-focus-border: rgba(27,31,36,.15);--color-btn-focus-shadow: 0 0 0 3px rgba(9,105,218,.3);--color-btn-shadow-active: inset 0 .15em .3em rgba(27,31,36,.15);--color-btn-shadow-input-focus: 0 0 0 .2em rgba(9,105,218,.3);--color-btn-counter-bg: rgba(27,31,36,.08);--color-btn-primary-text: #ffffff;--color-btn-primary-bg: #2da44e;--color-btn-primary-border: rgba(27,31,36,.15);--color-btn-primary-shadow: 0 1px 0 rgba(27,31,36,.1);--color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255,255,255,.03);--color-btn-primary-hover-bg: #2c974b;--color-btn-primary-hover-border: rgba(27,31,36,.15);--color-btn-primary-selected-bg: hsla(137,55%,36%,1);--color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0,45,17,.2);--color-btn-primary-disabled-text: rgba(255,255,255,.8);--color-btn-primary-disabled-bg: #94d3a2;--color-btn-primary-disabled-border: rgba(27,31,36,.15);--color-btn-primary-focus-bg: #2da44e;--color-btn-primary-focus-border: rgba(27,31,36,.15);--color-btn-primary-focus-shadow: 0 0 0 3px rgba(45,164,78,.4);--color-btn-primary-icon: rgba(255,255,255,.8);--color-btn-primary-counter-bg: rgba(255,255,255,.2);--color-btn-outline-text: #0969da;--color-btn-outline-hover-text: #ffffff;--color-btn-outline-hover-bg: #0969da;--color-btn-outline-hover-border: rgba(27,31,36,.15);--color-btn-outline-hover-shadow: 0 1px 0 rgba(27,31,36,.1);--color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,.03);--color-btn-outline-hover-counter-bg: rgba(255,255,255,.2);--color-btn-outline-selected-text: #ffffff;--color-btn-outline-selected-bg: hsla(212,92%,42%,1);--color-btn-outline-selected-border: rgba(27,31,36,.15);--color-btn-outline-selected-shadow: inset 0 1px 0 rgba(0,33,85,.2);--color-btn-outline-disabled-text: rgba(9,105,218,.5);--color-btn-outline-disabled-bg: #f6f8fa;--color-btn-outline-disabled-counter-bg: rgba(9,105,218,.05);--color-btn-outline-focus-border: rgba(27,31,36,.15);--color-btn-outline-focus-shadow: 0 0 0 3px rgba(5,80,174,.4);--color-btn-outline-counter-bg: rgba(9,105,218,.1);--color-btn-danger-text: #cf222e;--color-btn-danger-hover-text: #ffffff;--color-btn-danger-hover-bg: #a40e26;--color-btn-danger-hover-border: rgba(27,31,36,.15);--color-btn-danger-hover-shadow: 0 1px 0 rgba(27,31,36,.1);--color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,.03);--color-btn-danger-hover-counter-bg: rgba(255,255,255,.2);--color-btn-danger-selected-text: #ffffff;--color-btn-danger-selected-bg: hsla(356,72%,44%,1);--color-btn-danger-selected-border: rgba(27,31,36,.15);--color-btn-danger-selected-shadow: inset 0 1px 0 rgba(76,0,20,.2);--color-btn-danger-disabled-text: rgba(207,34,46,.5);--color-btn-danger-disabled-bg: #f6f8fa;--color-btn-danger-disabled-counter-bg: rgba(207,34,46,.05);--color-btn-danger-focus-border: rgba(27,31,36,.15);--color-btn-danger-focus-shadow: 0 0 0 3px rgba(164,14,38,.4);--color-btn-danger-counter-bg: rgba(207,34,46,.1);--color-btn-danger-icon: #cf222e;--color-btn-danger-hover-icon: #ffffff;--color-underlinenav-icon: #6e7781;--color-underlinenav-border-hover: rgba(175,184,193,.2);--color-fg-default: #24292f;--color-fg-muted: #57606a;--color-fg-subtle: #6e7781;--color-fg-on-emphasis: #ffffff;--color-canvas-default: #ffffff;--color-canvas-overlay: #ffffff;--color-canvas-inset: #f6f8fa;--color-canvas-subtle: #f6f8fa;--color-border-default: #d0d7de;--color-border-muted: hsla(210,18%,87%,1);--color-border-subtle: rgba(27,31,36,.15);--color-shadow-small: 0 1px 0 rgba(27,31,36,.04);--color-shadow-medium: 0 3px 6px rgba(140,149,159,.15);--color-shadow-large: 0 8px 24px rgba(140,149,159,.2);--color-shadow-extra-large: 0 12px 28px rgba(140,149,159,.3);--color-neutral-emphasis-plus: #24292f;--color-neutral-emphasis: #6e7781;--color-neutral-muted: rgba(175,184,193,.2);--color-neutral-subtle: rgba(234,238,242,.5);--color-accent-fg: #0969da;--color-accent-emphasis: #0969da;--color-accent-muted: rgba(84,174,255,.4);--color-accent-subtle: #ddf4ff;--color-success-fg: #1a7f37;--color-success-emphasis: #2da44e;--color-success-muted: rgba(74,194,107,.4);--color-success-subtle: #dafbe1;--color-attention-fg: #9a6700;--color-attention-emphasis: #bf8700;--color-attention-muted: rgba(212,167,44,.4);--color-attention-subtle: #fff8c5;--color-severe-fg: #bc4c00;--color-severe-emphasis: #bc4c00;--color-severe-muted: rgba(251,143,68,.4);--color-severe-subtle: #fff1e5;--color-danger-fg: #cf222e;--color-danger-emphasis: #cf222e;--color-danger-muted: rgba(255,129,130,.4);--color-danger-subtle: #FFEBE9;--color-done-fg: #8250df;--color-done-emphasis: #8250df;--color-done-muted: rgba(194,151,255,.4);--color-done-subtle: #fbefff;--color-sponsors-fg: #bf3989;--color-sponsors-emphasis: #bf3989;--color-sponsors-muted: rgba(255,128,200,.4);--color-sponsors-subtle: #ffeff7;--color-primer-canvas-backdrop: rgba(27,31,36,.5);--color-primer-canvas-sticky: rgba(255,255,255,.95);--color-primer-border-active: #FD8C73;--color-primer-border-contrast: rgba(27,31,36,.1);--color-primer-shadow-highlight: inset 0 1px 0 rgba(255,255,255,.25);--color-primer-shadow-inset: inset 0 1px 0 rgba(208,215,222,.2);--color-primer-shadow-focus: 0 0 0 3px rgba(9,105,218,.3);--color-scale-black: #1b1f24;--color-scale-white: #ffffff;--color-scale-gray-0: #f6f8fa;--color-scale-gray-1: #eaeef2;--color-scale-gray-2: #d0d7de;--color-scale-gray-3: #afb8c1;--color-scale-gray-4: #8c959f;--color-scale-gray-5: #6e7781;--color-scale-gray-6: #57606a;--color-scale-gray-7: #424a53;--color-scale-gray-8: #32383f;--color-scale-gray-9: #24292f;--color-scale-blue-0: #ddf4ff;--color-scale-blue-1: #b6e3ff;--color-scale-blue-2: #80ccff;--color-scale-blue-3: #54aeff;--color-scale-blue-4: #218bff;--color-scale-blue-5: #0969da;--color-scale-blue-6: #0550ae;--color-scale-blue-7: #033d8b;--color-scale-blue-8: #0a3069;--color-scale-blue-9: #002155;--color-scale-green-0: #dafbe1;--color-scale-green-1: #aceebb;--color-scale-green-2: #6fdd8b;--color-scale-green-3: #4ac26b;--color-scale-green-4: #2da44e;--color-scale-green-5: #1a7f37;--color-scale-green-6: #116329;--color-scale-green-7: #044f1e;--color-scale-green-8: #003d16;--color-scale-green-9: #002d11;--color-scale-yellow-0: #fff8c5;--color-scale-yellow-1: #fae17d;--color-scale-yellow-2: #eac54f;--color-scale-yellow-3: #d4a72c;--color-scale-yellow-4: #bf8700;--color-scale-yellow-5: #9a6700;--color-scale-yellow-6: #7d4e00;--color-scale-yellow-7: #633c01;--color-scale-yellow-8: #4d2d00;--color-scale-yellow-9: #3b2300;--color-scale-orange-0: #fff1e5;--color-scale-orange-1: #ffd8b5;--color-scale-orange-2: #ffb77c;--color-scale-orange-3: #fb8f44;--color-scale-orange-4: #e16f24;--color-scale-orange-5: #bc4c00;--color-scale-orange-6: #953800;--color-scale-orange-7: #762c00;--color-scale-orange-8: #5c2200;--color-scale-orange-9: #471700;--color-scale-red-0: #FFEBE9;--color-scale-red-1: #ffcecb;--color-scale-red-2: #ffaba8;--color-scale-red-3: #ff8182;--color-scale-red-4: #fa4549;--color-scale-red-5: #cf222e;--color-scale-red-6: #a40e26;--color-scale-red-7: #82071e;--color-scale-red-8: #660018;--color-scale-red-9: #4c0014;--color-scale-purple-0: #fbefff;--color-scale-purple-1: #ecd8ff;--color-scale-purple-2: #d8b9ff;--color-scale-purple-3: #c297ff;--color-scale-purple-4: #a475f9;--color-scale-purple-5: #8250df;--color-scale-purple-6: #6639ba;--color-scale-purple-7: #512a97;--color-scale-purple-8: #3e1f79;--color-scale-purple-9: #2e1461;--color-scale-pink-0: #ffeff7;--color-scale-pink-1: #ffd3eb;--color-scale-pink-2: #ffadda;--color-scale-pink-3: #ff80c8;--color-scale-pink-4: #e85aad;--color-scale-pink-5: #bf3989;--color-scale-pink-6: #99286e;--color-scale-pink-7: #772057;--color-scale-pink-8: #611347;--color-scale-pink-9: #4d0336;--color-scale-coral-0: #FFF0EB;--color-scale-coral-1: #FFD6CC;--color-scale-coral-2: #FFB4A1;--color-scale-coral-3: #FD8C73;--color-scale-coral-4: #EC6547;--color-scale-coral-5: #C4432B;--color-scale-coral-6: #9E2F1C;--color-scale-coral-7: #801F0F;--color-scale-coral-8: #691105;--color-scale-coral-9: #510901 }:root.dark-mode{color-scheme:dark;--color-canvas-default-transparent: rgba(13,17,23,0);--color-marketing-icon-primary: #79c0ff;--color-marketing-icon-secondary: #1f6feb;--color-diff-blob-addition-num-text: #c9d1d9;--color-diff-blob-addition-fg: #c9d1d9;--color-diff-blob-addition-num-bg: rgba(63,185,80,.3);--color-diff-blob-addition-line-bg: rgba(46,160,67,.15);--color-diff-blob-addition-word-bg: rgba(46,160,67,.4);--color-diff-blob-deletion-num-text: #c9d1d9;--color-diff-blob-deletion-fg: #c9d1d9;--color-diff-blob-deletion-num-bg: rgba(248,81,73,.3);--color-diff-blob-deletion-line-bg: rgba(248,81,73,.15);--color-diff-blob-deletion-word-bg: rgba(248,81,73,.4);--color-diff-blob-hunk-num-bg: rgba(56,139,253,.4);--color-diff-blob-expander-icon: #8b949e;--color-diff-blob-selected-line-highlight-mix-blend-mode: screen;--color-diffstat-deletion-border: rgba(240,246,252,.1);--color-diffstat-addition-border: rgba(240,246,252,.1);--color-diffstat-addition-bg: #3fb950;--color-search-keyword-hl: rgba(210,153,34,.4);--color-prettylights-syntax-comment: #8b949e;--color-prettylights-syntax-constant: #79c0ff;--color-prettylights-syntax-entity: #d2a8ff;--color-prettylights-syntax-storage-modifier-import: #c9d1d9;--color-prettylights-syntax-entity-tag: #7ee787;--color-prettylights-syntax-keyword: #ff7b72;--color-prettylights-syntax-string: #a5d6ff;--color-prettylights-syntax-variable: #ffa657;--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;--color-prettylights-syntax-invalid-illegal-bg: #8e1519;--color-prettylights-syntax-carriage-return-text: #f0f6fc;--color-prettylights-syntax-carriage-return-bg: #b62324;--color-prettylights-syntax-string-regexp: #7ee787;--color-prettylights-syntax-markup-list: #f2cc60;--color-prettylights-syntax-markup-heading: #1f6feb;--color-prettylights-syntax-markup-italic: #c9d1d9;--color-prettylights-syntax-markup-bold: #c9d1d9;--color-prettylights-syntax-markup-deleted-text: #ffdcd7;--color-prettylights-syntax-markup-deleted-bg: #67060c;--color-prettylights-syntax-markup-inserted-text: #aff5b4;--color-prettylights-syntax-markup-inserted-bg: #033a16;--color-prettylights-syntax-markup-changed-text: #ffdfb6;--color-prettylights-syntax-markup-changed-bg: #5a1e02;--color-prettylights-syntax-markup-ignored-text: #c9d1d9;--color-prettylights-syntax-markup-ignored-bg: #1158c7;--color-prettylights-syntax-meta-diff-range: #d2a8ff;--color-prettylights-syntax-brackethighlighter-angle: #8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;--color-codemirror-text: #c9d1d9;--color-codemirror-bg: #0d1117;--color-codemirror-gutters-bg: #0d1117;--color-codemirror-guttermarker-text: #0d1117;--color-codemirror-guttermarker-subtle-text: #484f58;--color-codemirror-linenumber-text: #8b949e;--color-codemirror-cursor: #c9d1d9;--color-codemirror-selection-bg: rgba(56,139,253,.4);--color-codemirror-activeline-bg: rgba(110,118,129,.1);--color-codemirror-matchingbracket-text: #c9d1d9;--color-codemirror-lines-bg: #0d1117;--color-codemirror-syntax-comment: #8b949e;--color-codemirror-syntax-constant: #79c0ff;--color-codemirror-syntax-entity: #d2a8ff;--color-codemirror-syntax-keyword: #ff7b72;--color-codemirror-syntax-storage: #ff7b72;--color-codemirror-syntax-string: #a5d6ff;--color-codemirror-syntax-support: #79c0ff;--color-codemirror-syntax-variable: #ffa657;--color-checks-bg: #010409;--color-checks-run-border-width: 1px;--color-checks-container-border-width: 1px;--color-checks-text-primary: #c9d1d9;--color-checks-text-secondary: #8b949e;--color-checks-text-link: #58a6ff;--color-checks-btn-icon: #8b949e;--color-checks-btn-hover-icon: #c9d1d9;--color-checks-btn-hover-bg: rgba(110,118,129,.1);--color-checks-input-text: #8b949e;--color-checks-input-placeholder-text: #484f58;--color-checks-input-focus-text: #c9d1d9;--color-checks-input-bg: #161b22;--color-checks-input-shadow: none;--color-checks-donut-error: #f85149;--color-checks-donut-pending: #d29922;--color-checks-donut-success: #2ea043;--color-checks-donut-neutral: #8b949e;--color-checks-dropdown-text: #c9d1d9;--color-checks-dropdown-bg: #161b22;--color-checks-dropdown-border: #30363d;--color-checks-dropdown-shadow: rgba(1,4,9,.3);--color-checks-dropdown-hover-text: #c9d1d9;--color-checks-dropdown-hover-bg: rgba(110,118,129,.1);--color-checks-dropdown-btn-hover-text: #c9d1d9;--color-checks-dropdown-btn-hover-bg: rgba(110,118,129,.1);--color-checks-scrollbar-thumb-bg: rgba(110,118,129,.4);--color-checks-header-label-text: #8b949e;--color-checks-header-label-open-text: #c9d1d9;--color-checks-header-border: #21262d;--color-checks-header-icon: #8b949e;--color-checks-line-text: #8b949e;--color-checks-line-num-text: #484f58;--color-checks-line-timestamp-text: #484f58;--color-checks-line-hover-bg: rgba(110,118,129,.1);--color-checks-line-selected-bg: rgba(56,139,253,.15);--color-checks-line-selected-num-text: #58a6ff;--color-checks-line-dt-fm-text: #f0f6fc;--color-checks-line-dt-fm-bg: #9e6a03;--color-checks-gate-bg: rgba(187,128,9,.15);--color-checks-gate-text: #8b949e;--color-checks-gate-waiting-text: #d29922;--color-checks-step-header-open-bg: #161b22;--color-checks-step-error-text: #f85149;--color-checks-step-warning-text: #d29922;--color-checks-logline-text: #8b949e;--color-checks-logline-num-text: #484f58;--color-checks-logline-debug-text: #a371f7;--color-checks-logline-error-text: #8b949e;--color-checks-logline-error-num-text: #484f58;--color-checks-logline-error-bg: rgba(248,81,73,.15);--color-checks-logline-warning-text: #8b949e;--color-checks-logline-warning-num-text: #d29922;--color-checks-logline-warning-bg: rgba(187,128,9,.15);--color-checks-logline-command-text: #58a6ff;--color-checks-logline-section-text: #3fb950;--color-checks-ansi-black: #0d1117;--color-checks-ansi-black-bright: #161b22;--color-checks-ansi-white: #b1bac4;--color-checks-ansi-white-bright: #b1bac4;--color-checks-ansi-gray: #6e7681;--color-checks-ansi-red: #ff7b72;--color-checks-ansi-red-bright: #ffa198;--color-checks-ansi-green: #3fb950;--color-checks-ansi-green-bright: #56d364;--color-checks-ansi-yellow: #d29922;--color-checks-ansi-yellow-bright: #e3b341;--color-checks-ansi-blue: #58a6ff;--color-checks-ansi-blue-bright: #79c0ff;--color-checks-ansi-magenta: #bc8cff;--color-checks-ansi-magenta-bright: #d2a8ff;--color-checks-ansi-cyan: #76e3ea;--color-checks-ansi-cyan-bright: #b3f0ff;--color-project-header-bg: #0d1117;--color-project-sidebar-bg: #161b22;--color-project-gradient-in: #161b22;--color-project-gradient-out: rgba(22,27,34,0);--color-mktg-success: rgba(41,147,61,1);--color-mktg-info: rgba(42,123,243,1);--color-mktg-bg-shade-gradient-top: rgba(1,4,9,.065);--color-mktg-bg-shade-gradient-bottom: rgba(1,4,9,0);--color-mktg-btn-bg-top: hsla(228,82%,66%,1);--color-mktg-btn-bg-bottom: #4969ed;--color-mktg-btn-bg-overlay-top: hsla(228,74%,59%,1);--color-mktg-btn-bg-overlay-bottom: #3355e0;--color-mktg-btn-text: #f0f6fc;--color-mktg-btn-primary-bg-top: hsla(137,56%,46%,1);--color-mktg-btn-primary-bg-bottom: #2ea44f;--color-mktg-btn-primary-bg-overlay-top: hsla(134,60%,38%,1);--color-mktg-btn-primary-bg-overlay-bottom: #22863a;--color-mktg-btn-primary-text: #f0f6fc;--color-mktg-btn-enterprise-bg-top: hsla(249,100%,72%,1);--color-mktg-btn-enterprise-bg-bottom: #6f57ff;--color-mktg-btn-enterprise-bg-overlay-top: hsla(248,65%,63%,1);--color-mktg-btn-enterprise-bg-overlay-bottom: #614eda;--color-mktg-btn-enterprise-text: #f0f6fc;--color-mktg-btn-outline-text: #f0f6fc;--color-mktg-btn-outline-border: rgba(240,246,252,.3);--color-mktg-btn-outline-hover-text: #f0f6fc;--color-mktg-btn-outline-hover-border: rgba(240,246,252,.5);--color-mktg-btn-outline-focus-border: #f0f6fc;--color-mktg-btn-outline-focus-border-inset: rgba(240,246,252,.5);--color-mktg-btn-dark-text: #f0f6fc;--color-mktg-btn-dark-border: rgba(240,246,252,.3);--color-mktg-btn-dark-hover-text: #f0f6fc;--color-mktg-btn-dark-hover-border: rgba(240,246,252,.5);--color-mktg-btn-dark-focus-border: #f0f6fc;--color-mktg-btn-dark-focus-border-inset: rgba(240,246,252,.5);--color-avatar-bg: rgba(240,246,252,.1);--color-avatar-border: rgba(240,246,252,.1);--color-avatar-stack-fade: #30363d;--color-avatar-stack-fade-more: #21262d;--color-avatar-child-shadow: -2px -2px 0 #0d1117;--color-topic-tag-border: rgba(0,0,0,0);--color-select-menu-backdrop-border: #484f58;--color-select-menu-tap-highlight: rgba(48,54,61,.5);--color-select-menu-tap-focus-bg: #0c2d6b;--color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,.85);--color-header-text: rgba(240,246,252,.7);--color-header-bg: #161b22;--color-header-logo: #f0f6fc;--color-header-search-bg: #0d1117;--color-header-search-border: #30363d;--color-sidenav-selected-bg: #21262d;--color-menu-bg-active: #161b22;--color-control-transparent-bg-hover: #656c7633;--color-input-disabled-bg: rgba(110,118,129,0);--color-timeline-badge-bg: #21262d;--color-ansi-black: #484f58;--color-ansi-black-bright: #6e7681;--color-ansi-white: #b1bac4;--color-ansi-white-bright: #f0f6fc;--color-ansi-gray: #6e7681;--color-ansi-red: #ff7b72;--color-ansi-red-bright: #ffa198;--color-ansi-green: #3fb950;--color-ansi-green-bright: #56d364;--color-ansi-yellow: #d29922;--color-ansi-yellow-bright: #e3b341;--color-ansi-blue: #58a6ff;--color-ansi-blue-bright: #79c0ff;--color-ansi-magenta: #bc8cff;--color-ansi-magenta-bright: #d2a8ff;--color-ansi-cyan: #39c5cf;--color-ansi-cyan-bright: #56d4dd;--color-btn-text: #c9d1d9;--color-btn-bg: #21262d;--color-btn-border: rgba(240,246,252,.1);--color-btn-shadow: 0 0 transparent;--color-btn-inset-shadow: 0 0 transparent;--color-btn-hover-bg: #30363d;--color-btn-hover-border: #8b949e;--color-btn-active-bg: hsla(212,12%,18%,1);--color-btn-active-border: #6e7681;--color-btn-selected-bg: #161b22;--color-btn-focus-bg: #21262d;--color-btn-focus-border: #8b949e;--color-btn-focus-shadow: 0 0 0 3px rgba(139,148,158,.3);--color-btn-shadow-active: inset 0 .15em .3em rgba(1,4,9,.15);--color-btn-shadow-input-focus: 0 0 0 .2em rgba(31,111,235,.3);--color-btn-counter-bg: #30363d;--color-btn-primary-text: #ffffff;--color-btn-primary-bg: #238636;--color-btn-primary-border: rgba(240,246,252,.1);--color-btn-primary-shadow: 0 0 transparent;--color-btn-primary-inset-shadow: 0 0 transparent;--color-btn-primary-hover-bg: #2ea043;--color-btn-primary-hover-border: rgba(240,246,252,.1);--color-btn-primary-selected-bg: #238636;--color-btn-primary-selected-shadow: 0 0 transparent;--color-btn-primary-disabled-text: rgba(240,246,252,.5);--color-btn-primary-disabled-bg: rgba(35,134,54,.6);--color-btn-primary-disabled-border: rgba(240,246,252,.1);--color-btn-primary-focus-bg: #238636;--color-btn-primary-focus-border: rgba(240,246,252,.1);--color-btn-primary-focus-shadow: 0 0 0 3px rgba(46,164,79,.4);--color-btn-primary-icon: #f0f6fc;--color-btn-primary-counter-bg: rgba(240,246,252,.2);--color-btn-outline-text: #58a6ff;--color-btn-outline-hover-text: #58a6ff;--color-btn-outline-hover-bg: #30363d;--color-btn-outline-hover-border: rgba(240,246,252,.1);--color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,.1);--color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(240,246,252,.03);--color-btn-outline-hover-counter-bg: rgba(240,246,252,.2);--color-btn-outline-selected-text: #f0f6fc;--color-btn-outline-selected-bg: #0d419d;--color-btn-outline-selected-border: rgba(240,246,252,.1);--color-btn-outline-selected-shadow: 0 0 transparent;--color-btn-outline-disabled-text: rgba(88,166,255,.5);--color-btn-outline-disabled-bg: #0d1117;--color-btn-outline-disabled-counter-bg: rgba(31,111,235,.05);--color-btn-outline-focus-border: rgba(240,246,252,.1);--color-btn-outline-focus-shadow: 0 0 0 3px rgba(17,88,199,.4);--color-btn-outline-counter-bg: rgba(31,111,235,.1);--color-btn-danger-text: #f85149;--color-btn-danger-hover-text: #f0f6fc;--color-btn-danger-hover-bg: #da3633;--color-btn-danger-hover-border: #f85149;--color-btn-danger-hover-shadow: 0 0 transparent;--color-btn-danger-hover-inset-shadow: 0 0 transparent;--color-btn-danger-hover-icon: #f0f6fc;--color-btn-danger-hover-counter-bg: rgba(255,255,255,.2);--color-btn-danger-selected-text: #ffffff;--color-btn-danger-selected-bg: #b62324;--color-btn-danger-selected-border: #ff7b72;--color-btn-danger-selected-shadow: 0 0 transparent;--color-btn-danger-disabled-text: rgba(248,81,73,.5);--color-btn-danger-disabled-bg: #0d1117;--color-btn-danger-disabled-counter-bg: rgba(218,54,51,.05);--color-btn-danger-focus-border: #f85149;--color-btn-danger-focus-shadow: 0 0 0 3px rgba(248,81,73,.4);--color-btn-danger-counter-bg: rgba(218,54,51,.1);--color-btn-danger-icon: #f85149;--color-underlinenav-icon: #484f58;--color-underlinenav-border-hover: rgba(110,118,129,.4);--color-fg-default: #c9d1d9;--color-fg-muted: #8b949e;--color-fg-subtle: #484f58;--color-fg-on-emphasis: #f0f6fc;--color-canvas-default: #0d1117;--color-canvas-overlay: #161b22;--color-canvas-inset: #010409;--color-canvas-subtle: #161b22;--color-border-default: #30363d;--color-border-muted: #21262d;--color-border-subtle: rgba(240,246,252,.1);--color-shadow-small: 0 0 transparent;--color-shadow-medium: 0 3px 6px #010409;--color-shadow-large: 0 8px 24px #010409;--color-shadow-extra-large: 0 12px 48px #010409;--color-neutral-emphasis-plus: #6e7681;--color-neutral-emphasis: #6e7681;--color-neutral-muted: rgba(110,118,129,.4);--color-neutral-subtle: rgba(110,118,129,.1);--color-accent-fg: #58a6ff;--color-accent-emphasis: #1f6feb;--color-accent-muted: rgba(56,139,253,.4);--color-accent-subtle: rgba(56,139,253,.15);--color-success-fg: #3fb950;--color-success-emphasis: #238636;--color-success-muted: rgba(46,160,67,.4);--color-success-subtle: rgba(46,160,67,.15);--color-attention-fg: #d29922;--color-attention-emphasis: #9e6a03;--color-attention-muted: rgba(187,128,9,.4);--color-attention-subtle: rgba(187,128,9,.15);--color-severe-fg: #db6d28;--color-severe-emphasis: #bd561d;--color-severe-muted: rgba(219,109,40,.4);--color-severe-subtle: rgba(219,109,40,.15);--color-danger-fg: #f85149;--color-danger-emphasis: #da3633;--color-danger-muted: rgba(248,81,73,.4);--color-danger-subtle: rgba(248,81,73,.15);--color-done-fg: #a371f7;--color-done-emphasis: #8957e5;--color-done-muted: rgba(163,113,247,.4);--color-done-subtle: rgba(163,113,247,.15);--color-sponsors-fg: #db61a2;--color-sponsors-emphasis: #bf4b8a;--color-sponsors-muted: rgba(219,97,162,.4);--color-sponsors-subtle: rgba(219,97,162,.15);--color-primer-canvas-backdrop: rgba(1,4,9,.8);--color-primer-canvas-sticky: rgba(13,17,23,.95);--color-primer-border-active: #F78166;--color-primer-border-contrast: rgba(240,246,252,.2);--color-primer-shadow-highlight: 0 0 transparent;--color-primer-shadow-inset: 0 0 transparent;--color-primer-shadow-focus: 0 0 0 3px #0c2d6b;--color-scale-black: #010409;--color-scale-white: #f0f6fc;--color-scale-gray-0: #f0f6fc;--color-scale-gray-1: #c9d1d9;--color-scale-gray-2: #b1bac4;--color-scale-gray-3: #8b949e;--color-scale-gray-4: #6e7681;--color-scale-gray-5: #484f58;--color-scale-gray-6: #30363d;--color-scale-gray-7: #21262d;--color-scale-gray-8: #161b22;--color-scale-gray-9: #0d1117;--color-scale-blue-0: #cae8ff;--color-scale-blue-1: #a5d6ff;--color-scale-blue-2: #79c0ff;--color-scale-blue-3: #58a6ff;--color-scale-blue-4: #388bfd;--color-scale-blue-5: #1f6feb;--color-scale-blue-6: #1158c7;--color-scale-blue-7: #0d419d;--color-scale-blue-8: #0c2d6b;--color-scale-blue-9: #051d4d;--color-scale-green-0: #aff5b4;--color-scale-green-1: #7ee787;--color-scale-green-2: #56d364;--color-scale-green-3: #3fb950;--color-scale-green-4: #2ea043;--color-scale-green-5: #238636;--color-scale-green-6: #196c2e;--color-scale-green-7: #0f5323;--color-scale-green-8: #033a16;--color-scale-green-9: #04260f;--color-scale-yellow-0: #f8e3a1;--color-scale-yellow-1: #f2cc60;--color-scale-yellow-2: #e3b341;--color-scale-yellow-3: #d29922;--color-scale-yellow-4: #bb8009;--color-scale-yellow-5: #9e6a03;--color-scale-yellow-6: #845306;--color-scale-yellow-7: #693e00;--color-scale-yellow-8: #4b2900;--color-scale-yellow-9: #341a00;--color-scale-orange-0: #ffdfb6;--color-scale-orange-1: #ffc680;--color-scale-orange-2: #ffa657;--color-scale-orange-3: #f0883e;--color-scale-orange-4: #db6d28;--color-scale-orange-5: #bd561d;--color-scale-orange-6: #9b4215;--color-scale-orange-7: #762d0a;--color-scale-orange-8: #5a1e02;--color-scale-orange-9: #3d1300;--color-scale-red-0: #ffdcd7;--color-scale-red-1: #ffc1ba;--color-scale-red-2: #ffa198;--color-scale-red-3: #ff7b72;--color-scale-red-4: #f85149;--color-scale-red-5: #da3633;--color-scale-red-6: #b62324;--color-scale-red-7: #8e1519;--color-scale-red-8: #67060c;--color-scale-red-9: #490202;--color-scale-purple-0: #eddeff;--color-scale-purple-1: #e2c5ff;--color-scale-purple-2: #d2a8ff;--color-scale-purple-3: #bc8cff;--color-scale-purple-4: #a371f7;--color-scale-purple-5: #8957e5;--color-scale-purple-6: #6e40c9;--color-scale-purple-7: #553098;--color-scale-purple-8: #3c1e70;--color-scale-purple-9: #271052;--color-scale-pink-0: #ffdaec;--color-scale-pink-1: #ffbedd;--color-scale-pink-2: #ff9bce;--color-scale-pink-3: #f778ba;--color-scale-pink-4: #db61a2;--color-scale-pink-5: #bf4b8a;--color-scale-pink-6: #9e3670;--color-scale-pink-7: #7d2457;--color-scale-pink-8: #5e103e;--color-scale-pink-9: #42062a;--color-scale-coral-0: #FFDDD2;--color-scale-coral-1: #FFC2B2;--color-scale-coral-2: #FFA28B;--color-scale-coral-3: #F78166;--color-scale-coral-4: #EA6045;--color-scale-coral-5: #CF462D;--color-scale-coral-6: #AC3220;--color-scale-coral-7: #872012;--color-scale-coral-8: #640D04;--color-scale-coral-9: #460701 }:root{--box-shadow: rgba(0, 0, 0, .133) 0px 1.6px 3.6px 0px, rgba(0, 0, 0, .11) 0px .3px .9px 0px;--box-shadow-thick: rgb(0 0 0 / 10%) 0px 1.8px 1.9px, rgb(0 0 0 / 15%) 0px 6.1px 6.3px, rgb(0 0 0 / 10%) 0px -2px 4px, rgb(0 0 0 / 15%) 0px -6.1px 12px, rgb(0 0 0 / 25%) 0px 6px 12px}*{box-sizing:border-box;min-width:0;min-height:0}svg{fill:currentColor}.vbox{display:flex;flex-direction:column;flex:auto;position:relative}.hbox{display:flex;flex:auto;position:relative}.hidden{visibility:hidden}.d-flex{display:flex!important}.d-inline{display:inline!important}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:16px}.m-4{margin:24px}.m-5{margin:32px}.mx-1{margin:0 4px}.mx-2{margin:0 8px}.mx-3{margin:0 16px}.mx-4{margin:0 24px}.mx-5{margin:0 32px}.my-1{margin:4px 0}.my-2{margin:8px 0}.my-3{margin:16px 0}.my-4{margin:24px 0}.my-5{margin:32px 0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.mt-5{margin-top:32px}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.mr-3{margin-right:16px}.mr-4{margin-right:24px}.mr-5{margin-right:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.mb-5{margin-bottom:32px}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.ml-3{margin-left:16px}.ml-4{margin-left:24px}.ml-5{margin-left:32px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:16px}.p-4{padding:24px}.p-5{padding:32px}.px-1{padding:0 4px}.px-2{padding:0 8px}.px-3{padding:0 16px}.px-4{padding:0 24px}.px-5{padding:0 32px}.py-1{padding:4px 0}.py-2{padding:8px 0}.py-3{padding:16px 0}.py-4{padding:24px 0}.py-5{padding:32px 0}.pt-1{padding-top:4px}.pt-2{padding-top:8px}.pt-3{padding-top:16px}.pt-4{padding-top:24px}.pt-5{padding-top:32px}.pr-1{padding-right:4px}.pr-2{padding-right:8px}.pr-3{padding-right:16px}.pr-4{padding-right:24px}.pr-5{padding-right:32px}.pb-1{padding-bottom:4px}.pb-2{padding-bottom:8px}.pb-3{padding-bottom:16px}.pb-4{padding-bottom:24px}.pb-5{padding-bottom:32px}.pl-1{padding-left:4px}.pl-2{padding-left:8px}.pl-3{padding-left:16px}.pl-4{padding-left:24px}.pl-5{padding-left:32px}.no-wrap{white-space:nowrap!important}.float-left{float:left!important}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}.form-control,.form-select{padding:5px 12px;font-size:14px;line-height:20px;color:var(--color-fg-default);vertical-align:middle;background-color:var(--color-canvas-default);background-repeat:no-repeat;background-position:right 8px center;border:1px solid var(--color-border-default);border-radius:6px;outline:none;box-shadow:var(--color-primer-shadow-inset)}.input-contrast{background-color:var(--color-canvas-inset)}.subnav-search{position:relative;flex:auto;display:flex}.subnav-search-input{flex:auto;padding-left:32px;color:var(--color-fg-muted)}.subnav-search-icon{position:absolute;top:9px;left:8px;display:block;color:var(--color-fg-muted);text-align:center;pointer-events:none}.subnav-search-context+.subnav-search{margin-left:-1px}.subnav-item{flex:none;position:relative;float:left;padding:5px 8px;font-weight:500;line-height:20px;color:var(--color-fg-default);border:1px solid var(--color-border-default);-webkit-user-select:none;user-select:none}.subnav-item:hover{background-color:var(--color-canvas-subtle)}.subnav-item[aria-selected=true]{background:var(--color-control-transparent-bg-hover)}.subnav-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.subnav-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.subnav-item+.subnav-item{margin-left:-1px}.subnav-item .octicon,.subnav-item-label{margin-right:8px}.counter{display:inline-block;min-width:20px;padding:0 6px;font-size:12px;font-weight:500;line-height:18px;color:var(--color-fg-default);text-align:center;background-color:var(--color-neutral-muted);border:1px solid transparent;border-radius:2em}.color-icon-success{color:var(--color-success-fg)!important}.color-text-danger{color:var(--color-danger-fg)!important}.color-text-warning{color:var(--color-checks-step-warning-text)!important}.color-fg-muted{color:var(--color-fg-muted)!important}.octicon{display:inline-block;overflow:visible!important;vertical-align:text-bottom;fill:currentColor;margin-right:7px;flex:none}.button{flex:none;height:24px;border:1px solid var(--color-btn-border);outline:none;color:var(--color-btn-text);background:var(--color-btn-bg);padding:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.button:not(:disabled):hover{border-color:var(--color-btn-hover-border);background-color:var(--color-btn-hover-bg)}input[type=checkbox]{outline:var(--color-focus-border);height:24px}dialog{background-color:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:6px;padding:6px}.subnav-item .octicon.octicon-settings{margin-right:0}.subnav-item .octicon.octicon-clock{margin-right:0;color:var(--color-fg-default)!important}@media only screen and (max-width: 600px){.subnav-item,.form-control{border-radius:0!important}.subnav-item{border:none}.subnav-search-input{border-left:0;border-right:0}}.header-view-status-container{float:right}.header-view{padding:12px 8px 0}.header-view div{flex-shrink:0;flex-wrap:wrap}.header-superheader{color:var(--color-fg-muted)}.header-title{flex:none;font-weight:400;font-size:32px;line-height:1.25}.header-setting-theme{display:grid;margin-left:22px}@media only screen and (max-width: 600px){.header-view{padding:0}.header-view div{flex-shrink:1}.header-view-status-container{float:none;margin:0 0 10px!important;overflow:hidden}.header-view-status-container .subnav-search-input{border-left:none;border-right:none}.header-title,.header-superheader{margin:0 8px}}.copy-icon{flex:none;height:24px;width:24px;border:none;outline:none;color:var(--color-fg-muted);background:transparent;padding:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.copy-icon svg{margin:0}.copy-icon:not(:disabled):hover{background-color:var(--color-border-default)}.copy-button-container{visibility:hidden;display:inline-flex;margin-left:8px;vertical-align:bottom}.copy-value-container:hover .copy-button-container{visibility:visible}.attachment-body{white-space:pre-wrap;background-color:var(--color-canvas-subtle);margin-left:24px;line-height:normal;padding:8px;font-family:monospace;position:relative}.attachment-body .copy-icon{position:absolute;right:5px;top:5px}.attachment-flash{animation:attachmentflash-bg 2s}@keyframes attachmentflash-bg{0%{background:var(--color-attention-subtle)}to{background:transparent}}.link-badge{flex:none;background-color:transparent;border-color:transparent;-webkit-user-select:none;user-select:none}.link-badge-dim span{color:var(--color-fg-muted)}.link-badge:hover{cursor:pointer}.link-badge svg{fill:var(--color-fg-default)}.link-badge-dim svg{fill:var(--color-fg-muted)}.link-badge-dim:hover svg{fill:var(--color-fg-muted)}.fullwidth-link{width:100%;text-align:left}.fullwidth-link:hover{background-color:var(--color-canvas-subtle)}.trace-link{margin-right:3px}.trace-link-separator{color:var(--color-fg-muted);-webkit-user-select:none;user-select:none}.expandable-summary{cursor:pointer;list-style:none;white-space:nowrap;padding-left:4px}.label{display:inline-block;padding:0 8px;font-size:12px;font-weight:500;line-height:18px;border:1px solid transparent;border-radius:2em;background-color:var(--color-scale-gray-4);color:#fff;margin:0 10px;flex:none;font-weight:600;cursor:pointer}.label-anchor{text-decoration:none;color:var(--color-fg-default)}:root.light-mode .label-color-0{background-color:var(--color-scale-blue-0);color:var(--color-scale-blue-6);border:1px solid var(--color-scale-blue-4)}:root.light-mode .label-color-1{background-color:var(--color-scale-yellow-0);color:var(--color-scale-yellow-6);border:1px solid var(--color-scale-yellow-4)}:root.light-mode .label-color-2{background-color:var(--color-scale-purple-0);color:var(--color-scale-purple-6);border:1px solid var(--color-scale-purple-4)}:root.light-mode .label-color-3{background-color:var(--color-scale-pink-0);color:var(--color-scale-pink-6);border:1px solid var(--color-scale-pink-4)}:root.light-mode .label-color-4{background-color:var(--color-scale-coral-0);color:var(--color-scale-coral-6);border:1px solid var(--color-scale-coral-4)}:root.light-mode .label-color-5{background-color:var(--color-scale-orange-0);color:var(--color-scale-orange-6);border:1px solid var(--color-scale-orange-4)}:root.dark-mode .label-color-0{background-color:var(--color-scale-blue-9);color:var(--color-scale-blue-2);border:1px solid var(--color-scale-blue-4)}:root.dark-mode .label-color-1{background-color:var(--color-scale-yellow-9);color:var(--color-scale-yellow-2);border:1px solid var(--color-scale-yellow-4)}:root.dark-mode .label-color-2{background-color:var(--color-scale-purple-9);color:var(--color-scale-purple-2);border:1px solid var(--color-scale-purple-4)}:root.dark-mode .label-color-3{background-color:var(--color-scale-pink-9);color:var(--color-scale-pink-2);border:1px solid var(--color-scale-pink-4)}:root.dark-mode .label-color-4{background-color:var(--color-scale-coral-9);color:var(--color-scale-coral-2);border:1px solid var(--color-scale-coral-4)}:root.dark-mode .label-color-5{background-color:var(--color-scale-orange-9);color:var(--color-scale-orange-2);border:1px solid var(--color-scale-orange-4)}.label-row .label{margin:0}.label-row .label:not(:first-child){margin-left:6px}html,body{width:100%;height:100%;padding:0;margin:0;overscroll-behavior-x:none}body{overflow:auto;max-width:1024px;margin:0 auto;width:100%}.test-file-test:not(:first-child){border-top:1px solid var(--color-border-default)}@media only screen and (max-width: 600px){.htmlreport{padding:0!important}}.tabbed-pane{display:flex;flex:auto;overflow:hidden}.tabbed-pane-tab-strip{display:flex;align-items:center;padding-right:10px;flex:none;width:100%;z-index:2;font-size:14px;line-height:32px;color:var(--color-fg-default);height:48px;min-width:70px;box-shadow:inset 0 -1px 0 var(--color-border-muted)!important}.tabbed-pane-tab-strip:focus{outline:none}.tabbed-pane-tab-element{padding:4px 8px 0;margin-right:4px;cursor:pointer;display:flex;flex:none;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;border-bottom:2px solid transparent;outline:none;height:100%}.tabbed-pane-tab-label{max-width:250px;white-space:pre;overflow:hidden;text-overflow:ellipsis;display:inline-block;height:30px;padding:0 8px;border-radius:6px}.tabbed-pane-tab-label:hover{background-color:var(--color-control-transparent-bg-hover)}.tabbed-pane-tab-element.selected{border-bottom-color:#666;-webkit-text-stroke:.5px currentColor}.chip-header{border:1px solid var(--color-border-default);border-top-left-radius:6px;border-top-right-radius:6px;background-color:var(--color-canvas-subtle);padding:0 8px;border-bottom:none;margin-top:12px;font-weight:600;line-height:38px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.chip-header-allow-selection{-webkit-user-select:text;user-select:text}.chip-header.expanded-false{border:1px solid var(--color-border-default);border-radius:6px}.chip-header.expanded-false,.chip-header.expanded-true{cursor:pointer}.chip-body{border:1px solid var(--color-border-default);border-bottom-left-radius:6px;border-bottom-right-radius:6px;padding:16px;margin-bottom:12px;overflow:hidden}.chip-body-no-insets{padding:0}.chip-footer{border-top:1px solid var(--color-border-default)}@media only screen and (max-width: 600px){.chip-header{border-radius:0;border-right:none;border-left:none}.chip-body{border-radius:0;border-right:none;border-left:none;padding:8px}.chip-body-no-insets{padding:0}}.test-case-column{border-radius:6px;margin-bottom:24px}.test-case-column .tab-element.selected{font-weight:600;border-bottom-color:var(--color-primer-border-active)}.test-case-column .tab-element{border:none;color:var(--color-fg-default);border-bottom:2px solid transparent}.test-case-column .tab-element:hover{color:var(--color-fg-default)}.test-case-location,.test-case-duration{flex:none;align-items:center;padding:0 8px 8px}.selected .test-case-run-duration{-webkit-text-stroke:0}.test-case-run-duration{color:var(--color-fg-muted);padding-left:8px}.header-view .test-case-path{flex:none;flex-shrink:1;align-items:center;padding-right:8px}.test-case-annotation{flex:none;align-items:center;padding:0 8px;line-height:24px;white-space:pre-wrap}@media only screen and (max-width: 600px){.test-case-column{border-radius:0!important;margin:0!important}}.tree-item{display:flex;flex-direction:column;overflow:hidden;min-width:0;line-height:38px}.tree-item-title{cursor:pointer;overflow:hidden;text-overflow:ellipsis;min-width:0;display:flex;align-items:center}.tree-item-body{min-height:18px}.yellow-flash{animation:yellowflash-bg 2s}@keyframes yellowflash-bg{0%{background:var(--color-attention-subtle)}to{background:transparent}}:root{--vscode-font-family: system-ui, "Ubuntu", "Droid Sans", sans-serif;--vscode-font-weight: normal;--vscode-font-size: 13px;--vscode-editor-font-family: "Droid Sans Mono", "monospace", monospace;--vscode-editor-font-weight: normal;--vscode-editor-font-size: 14px;--vscode-foreground: #616161;--vscode-disabledForeground: rgba(97, 97, 97, .5);--vscode-errorForeground: #a1260d;--vscode-descriptionForeground: #717171;--vscode-icon-foreground: #424242;--vscode-focusBorder: #0090f1;--vscode-textSeparator-foreground: rgba(0, 0, 0, .18);--vscode-textLink-foreground: #006ab1;--vscode-textLink-activeForeground: #006ab1;--vscode-textPreformat-foreground: #a31515;--vscode-textBlockQuote-background: rgba(127, 127, 127, .1);--vscode-textBlockQuote-border: rgba(0, 122, 204, .5);--vscode-textCodeBlock-background: rgba(220, 220, 220, .4);--vscode-widget-shadow: rgba(0, 0, 0, .16);--vscode-input-background: #ffffff;--vscode-input-foreground: #616161;--vscode-inputOption-activeBorder: #007acc;--vscode-inputOption-hoverBackground: rgba(184, 184, 184, .31);--vscode-inputOption-activeBackground: rgba(0, 144, 241, .2);--vscode-inputOption-activeForeground: #000000;--vscode-input-placeholderForeground: #767676;--vscode-inputValidation-infoBackground: #d6ecf2;--vscode-inputValidation-infoBorder: #007acc;--vscode-inputValidation-warningBackground: #f6f5d2;--vscode-inputValidation-warningBorder: #b89500;--vscode-inputValidation-errorBackground: #f2dede;--vscode-inputValidation-errorBorder: #be1100;--vscode-dropdown-background: #ffffff;--vscode-dropdown-border: #cecece;--vscode-checkbox-background: #ffffff;--vscode-checkbox-border: #cecece;--vscode-button-foreground: #ffffff;--vscode-button-separator: rgba(255, 255, 255, .4);--vscode-button-background: #007acc;--vscode-button-hoverBackground: #0062a3;--vscode-button-secondaryForeground: #ffffff;--vscode-button-secondaryBackground: #5f6a79;--vscode-button-secondaryHoverBackground: #4c5561;--vscode-badge-background: #c4c4c4;--vscode-badge-foreground: #333333;--vscode-scrollbar-shadow: #dddddd;--vscode-scrollbarSlider-background: rgba(100, 100, 100, .4);--vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--vscode-scrollbarSlider-activeBackground: rgba(0, 0, 0, .6);--vscode-progressBar-background: #0e70c0;--vscode-editorError-foreground: #e51400;--vscode-editorWarning-foreground: #bf8803;--vscode-editorInfo-foreground: #1a85ff;--vscode-editorHint-foreground: #6c6c6c;--vscode-sash-hoverBorder: #0090f1;--vscode-editor-background: #ffffff;--vscode-editor-foreground: #000000;--vscode-editorStickyScroll-background: #ffffff;--vscode-editorStickyScrollHover-background: #f0f0f0;--vscode-editorWidget-background: #f3f3f3;--vscode-editorWidget-foreground: #616161;--vscode-editorWidget-border: #c8c8c8;--vscode-quickInput-background: #f3f3f3;--vscode-quickInput-foreground: #616161;--vscode-quickInputTitle-background: rgba(0, 0, 0, .06);--vscode-pickerGroup-foreground: #0066bf;--vscode-pickerGroup-border: #cccedb;--vscode-keybindingLabel-background: rgba(221, 221, 221, .4);--vscode-keybindingLabel-foreground: #555555;--vscode-keybindingLabel-border: rgba(204, 204, 204, .4);--vscode-keybindingLabel-bottomBorder: rgba(187, 187, 187, .4);--vscode-editor-selectionBackground: #add6ff;--vscode-editor-inactiveSelectionBackground: #e5ebf1;--vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, .5);--vscode-editor-findMatchBackground: #a8ac94;--vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, .33);--vscode-editor-findRangeHighlightBackground: rgba(180, 180, 180, .3);--vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, .22);--vscode-editor-hoverHighlightBackground: rgba(173, 214, 255, .15);--vscode-editorHoverWidget-background: #f3f3f3;--vscode-editorHoverWidget-foreground: #616161;--vscode-editorHoverWidget-border: #c8c8c8;--vscode-editorHoverWidget-statusBarBackground: #e7e7e7;--vscode-editorLink-activeForeground: #0000ff;--vscode-editorInlayHint-foreground: rgba(51, 51, 51, .8);--vscode-editorInlayHint-background: rgba(196, 196, 196, .3);--vscode-editorInlayHint-typeForeground: rgba(51, 51, 51, .8);--vscode-editorInlayHint-typeBackground: rgba(196, 196, 196, .3);--vscode-editorInlayHint-parameterForeground: rgba(51, 51, 51, .8);--vscode-editorInlayHint-parameterBackground: rgba(196, 196, 196, .3);--vscode-editorLightBulb-foreground: #ddb100;--vscode-editorLightBulbAutoFix-foreground: #007acc;--vscode-diffEditor-insertedTextBackground: rgba(156, 204, 44, .4);--vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, .3);--vscode-diffEditor-insertedLineBackground: rgba(155, 185, 85, .2);--vscode-diffEditor-removedLineBackground: rgba(255, 0, 0, .2);--vscode-diffEditor-diagonalFill: rgba(34, 34, 34, .2);--vscode-list-focusOutline: #0090f1;--vscode-list-focusAndSelectionOutline: #90c2f9;--vscode-list-activeSelectionBackground: #0060c0;--vscode-list-activeSelectionForeground: #ffffff;--vscode-list-activeSelectionIconForeground: #ffffff;--vscode-list-inactiveSelectionBackground: #e4e6f1;--vscode-list-hoverBackground: #e8e8e8;--vscode-list-dropBackground: #d6ebff;--vscode-list-highlightForeground: #0066bf;--vscode-list-focusHighlightForeground: #bbe7ff;--vscode-list-invalidItemForeground: #b89500;--vscode-list-errorForeground: #b01011;--vscode-list-warningForeground: #855f00;--vscode-listFilterWidget-background: #f3f3f3;--vscode-listFilterWidget-outline: rgba(0, 0, 0, 0);--vscode-listFilterWidget-noMatchesOutline: #be1100;--vscode-listFilterWidget-shadow: rgba(0, 0, 0, .16);--vscode-list-filterMatchBackground: rgba(234, 92, 0, .33);--vscode-tree-indentGuidesStroke: #a9a9a9;--vscode-tree-tableColumnsBorder: rgba(97, 97, 97, .13);--vscode-tree-tableOddRowsBackground: rgba(97, 97, 97, .04);--vscode-list-deemphasizedForeground: #8e8e90;--vscode-quickInputList-focusForeground: #ffffff;--vscode-quickInputList-focusIconForeground: #ffffff;--vscode-quickInputList-focusBackground: #0060c0;--vscode-menu-foreground: #616161;--vscode-menu-background: #ffffff;--vscode-menu-selectionForeground: #ffffff;--vscode-menu-selectionBackground: #0060c0;--vscode-menu-separatorBackground: #d4d4d4;--vscode-toolbar-hoverBackground: rgba(184, 184, 184, .31);--vscode-toolbar-activeBackground: rgba(166, 166, 166, .31);--vscode-editor-snippetTabstopHighlightBackground: rgba(10, 50, 100, .2);--vscode-editor-snippetFinalTabstopHighlightBorder: rgba(10, 50, 100, .5);--vscode-breadcrumb-foreground: rgba(97, 97, 97, .8);--vscode-breadcrumb-background: #ffffff;--vscode-breadcrumb-focusForeground: #4e4e4e;--vscode-breadcrumb-activeSelectionForeground: #4e4e4e;--vscode-breadcrumbPicker-background: #f3f3f3;--vscode-merge-currentHeaderBackground: rgba(64, 200, 174, .5);--vscode-merge-currentContentBackground: rgba(64, 200, 174, .2);--vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, .5);--vscode-merge-incomingContentBackground: rgba(64, 166, 255, .2);--vscode-merge-commonHeaderBackground: rgba(96, 96, 96, .4);--vscode-merge-commonContentBackground: rgba(96, 96, 96, .16);--vscode-editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, .5);--vscode-editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, .5);--vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, .4);--vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--vscode-editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, .8);--vscode-minimap-findMatchHighlight: #d18616;--vscode-minimap-selectionOccurrenceHighlight: #c9c9c9;--vscode-minimap-selectionHighlight: #add6ff;--vscode-minimap-errorHighlight: rgba(255, 18, 18, .7);--vscode-minimap-warningHighlight: #bf8803;--vscode-minimap-foregroundOpacity: #000000;--vscode-minimapSlider-background: rgba(100, 100, 100, .2);--vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, .35);--vscode-minimapSlider-activeBackground: rgba(0, 0, 0, .3);--vscode-problemsErrorIcon-foreground: #e51400;--vscode-problemsWarningIcon-foreground: #bf8803;--vscode-problemsInfoIcon-foreground: #1a85ff;--vscode-charts-foreground: #616161;--vscode-charts-lines: rgba(97, 97, 97, .5);--vscode-charts-red: #e51400;--vscode-charts-blue: #1a85ff;--vscode-charts-yellow: #bf8803;--vscode-charts-orange: #d18616;--vscode-charts-green: #388a34;--vscode-charts-purple: #652d90;--vscode-editor-lineHighlightBorder: #eeeeee;--vscode-editor-rangeHighlightBackground: rgba(253, 255, 0, .2);--vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, .33);--vscode-editorCursor-foreground: #000000;--vscode-editorWhitespace-foreground: rgba(51, 51, 51, .2);--vscode-editorIndentGuide-background: #d3d3d3;--vscode-editorIndentGuide-activeBackground: #939393;--vscode-editorLineNumber-foreground: #237893;--vscode-editorActiveLineNumber-foreground: #0b216f;--vscode-editorLineNumber-activeForeground: #0b216f;--vscode-editorRuler-foreground: #d3d3d3;--vscode-editorCodeLens-foreground: #919191;--vscode-editorBracketMatch-background: rgba(0, 100, 0, .1);--vscode-editorBracketMatch-border: #b9b9b9;--vscode-editorOverviewRuler-border: rgba(127, 127, 127, .3);--vscode-editorGutter-background: #ffffff;--vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, .47);--vscode-editorGhostText-foreground: rgba(0, 0, 0, .47);--vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, .6);--vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, .7);--vscode-editorOverviewRuler-warningForeground: #bf8803;--vscode-editorOverviewRuler-infoForeground: #1a85ff;--vscode-editorBracketHighlight-foreground1: #0431fa;--vscode-editorBracketHighlight-foreground2: #319331;--vscode-editorBracketHighlight-foreground3: #7b3814;--vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-unexpectedBracket\.foreground: rgba(255, 18, 18, .8);--vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0);--vscode-editorUnicodeHighlight-border: #cea33d;--vscode-editorUnicodeHighlight-background: rgba(206, 163, 61, .08);--vscode-symbolIcon-arrayForeground: #616161;--vscode-symbolIcon-booleanForeground: #616161;--vscode-symbolIcon-classForeground: #d67e00;--vscode-symbolIcon-colorForeground: #616161;--vscode-symbolIcon-constantForeground: #616161;--vscode-symbolIcon-constructorForeground: #652d90;--vscode-symbolIcon-enumeratorForeground: #d67e00;--vscode-symbolIcon-enumeratorMemberForeground: #007acc;--vscode-symbolIcon-eventForeground: #d67e00;--vscode-symbolIcon-fieldForeground: #007acc;--vscode-symbolIcon-fileForeground: #616161;--vscode-symbolIcon-folderForeground: #616161;--vscode-symbolIcon-functionForeground: #652d90;--vscode-symbolIcon-interfaceForeground: #007acc;--vscode-symbolIcon-keyForeground: #616161;--vscode-symbolIcon-keywordForeground: #616161;--vscode-symbolIcon-methodForeground: #652d90;--vscode-symbolIcon-moduleForeground: #616161;--vscode-symbolIcon-namespaceForeground: #616161;--vscode-symbolIcon-nullForeground: #616161;--vscode-symbolIcon-numberForeground: #616161;--vscode-symbolIcon-objectForeground: #616161;--vscode-symbolIcon-operatorForeground: #616161;--vscode-symbolIcon-packageForeground: #616161;--vscode-symbolIcon-propertyForeground: #616161;--vscode-symbolIcon-referenceForeground: #616161;--vscode-symbolIcon-snippetForeground: #616161;--vscode-symbolIcon-stringForeground: #616161;--vscode-symbolIcon-structForeground: #616161;--vscode-symbolIcon-textForeground: #616161;--vscode-symbolIcon-typeParameterForeground: #616161;--vscode-symbolIcon-unitForeground: #616161;--vscode-symbolIcon-variableForeground: #007acc;--vscode-editorHoverWidget-highlightForeground: #0066bf;--vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0;--vscode-editor-foldBackground: rgba(173, 214, 255, .3);--vscode-editorGutter-foldingControlForeground: #424242;--vscode-editor-linkedEditingBackground: rgba(255, 0, 0, .3);--vscode-editor-wordHighlightBackground: rgba(87, 87, 87, .25);--vscode-editor-wordHighlightStrongBackground: rgba(14, 99, 156, .25);--vscode-editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, .8);--vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, .8);--vscode-peekViewTitle-background: rgba(26, 133, 255, .1);--vscode-peekViewTitleLabel-foreground: #000000;--vscode-peekViewTitleDescription-foreground: #616161;--vscode-peekView-border: #1a85ff;--vscode-peekViewResult-background: #f3f3f3;--vscode-peekViewResult-lineForeground: #646465;--vscode-peekViewResult-fileForeground: #1e1e1e;--vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, .2);--vscode-peekViewResult-selectionForeground: #6c6c6c;--vscode-peekViewEditor-background: #f2f8fc;--vscode-peekViewEditorGutter-background: #f2f8fc;--vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, .3);--vscode-peekViewEditor-matchHighlightBackground: rgba(245, 216, 2, .87);--vscode-editorMarkerNavigationError-background: #e51400;--vscode-editorMarkerNavigationError-headerBackground: rgba(229, 20, 0, .1);--vscode-editorMarkerNavigationWarning-background: #bf8803;--vscode-editorMarkerNavigationWarning-headerBackground: rgba(191, 136, 3, .1);--vscode-editorMarkerNavigationInfo-background: #1a85ff;--vscode-editorMarkerNavigationInfo-headerBackground: rgba(26, 133, 255, .1);--vscode-editorMarkerNavigation-background: #ffffff;--vscode-editorSuggestWidget-background: #f3f3f3;--vscode-editorSuggestWidget-border: #c8c8c8;--vscode-editorSuggestWidget-foreground: #000000;--vscode-editorSuggestWidget-selectedForeground: #ffffff;--vscode-editorSuggestWidget-selectedIconForeground: #ffffff;--vscode-editorSuggestWidget-selectedBackground: #0060c0;--vscode-editorSuggestWidget-highlightForeground: #0066bf;--vscode-editorSuggestWidget-focusHighlightForeground: #bbe7ff;--vscode-editorSuggestWidgetStatus-foreground: rgba(0, 0, 0, .5);--vscode-tab-activeBackground: #ffffff;--vscode-tab-unfocusedActiveBackground: #ffffff;--vscode-tab-inactiveBackground: #ececec;--vscode-tab-unfocusedInactiveBackground: #ececec;--vscode-tab-activeForeground: #333333;--vscode-tab-inactiveForeground: rgba(51, 51, 51, .7);--vscode-tab-unfocusedActiveForeground: rgba(51, 51, 51, .7);--vscode-tab-unfocusedInactiveForeground: rgba(51, 51, 51, .35);--vscode-tab-border: #f3f3f3;--vscode-tab-lastPinnedBorder: rgba(97, 97, 97, .19);--vscode-tab-activeModifiedBorder: #33aaee;--vscode-tab-inactiveModifiedBorder: rgba(51, 170, 238, .5);--vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 170, 238, .7);--vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 170, 238, .25);--vscode-editorPane-background: #ffffff;--vscode-editorGroupHeader-tabsBackground: #f3f3f3;--vscode-editorGroupHeader-noTabsBackground: #ffffff;--vscode-editorGroup-border: #e7e7e7;--vscode-editorGroup-dropBackground: rgba(38, 119, 203, .18);--vscode-editorGroup-dropIntoPromptForeground: #616161;--vscode-editorGroup-dropIntoPromptBackground: #f3f3f3;--vscode-sideBySideEditor-horizontalBorder: #e7e7e7;--vscode-sideBySideEditor-verticalBorder: #e7e7e7;--vscode-panel-background: #ffffff;--vscode-panel-border: rgba(128, 128, 128, .35);--vscode-panelTitle-activeForeground: #424242;--vscode-panelTitle-inactiveForeground: rgba(66, 66, 66, .75);--vscode-panelTitle-activeBorder: #424242;--vscode-panelInput-border: #dddddd;--vscode-panel-dropBorder: #424242;--vscode-panelSection-dropBackground: rgba(38, 119, 203, .18);--vscode-panelSectionHeader-background: rgba(128, 128, 128, .2);--vscode-panelSection-border: rgba(128, 128, 128, .35);--vscode-banner-background: #004386;--vscode-banner-foreground: #ffffff;--vscode-banner-iconForeground: #1a85ff;--vscode-statusBar-foreground: #ffffff;--vscode-statusBar-noFolderForeground: #ffffff;--vscode-statusBar-background: #007acc;--vscode-statusBar-noFolderBackground: #68217a;--vscode-statusBar-focusBorder: #ffffff;--vscode-statusBarItem-activeBackground: rgba(255, 255, 255, .18);--vscode-statusBarItem-focusBorder: #ffffff;--vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, .12);--vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, .2);--vscode-statusBarItem-prominentForeground: #ffffff;--vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, .5);--vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, .3);--vscode-statusBarItem-errorBackground: #c72e0f;--vscode-statusBarItem-errorForeground: #ffffff;--vscode-statusBarItem-warningBackground: #725102;--vscode-statusBarItem-warningForeground: #ffffff;--vscode-activityBar-background: #2c2c2c;--vscode-activityBar-foreground: #ffffff;--vscode-activityBar-inactiveForeground: rgba(255, 255, 255, .4);--vscode-activityBar-activeBorder: #ffffff;--vscode-activityBar-dropBorder: #ffffff;--vscode-activityBarBadge-background: #007acc;--vscode-activityBarBadge-foreground: #ffffff;--vscode-statusBarItem-remoteBackground: #16825d;--vscode-statusBarItem-remoteForeground: #ffffff;--vscode-extensionBadge-remoteBackground: #007acc;--vscode-extensionBadge-remoteForeground: #ffffff;--vscode-sideBar-background: #f3f3f3;--vscode-sideBarTitle-foreground: #6f6f6f;--vscode-sideBar-dropBackground: rgba(38, 119, 203, .18);--vscode-sideBarSectionHeader-background: rgba(0, 0, 0, 0);--vscode-sideBarSectionHeader-border: rgba(97, 97, 97, .19);--vscode-titleBar-activeForeground: #333333;--vscode-titleBar-inactiveForeground: rgba(51, 51, 51, .6);--vscode-titleBar-activeBackground: #dddddd;--vscode-titleBar-inactiveBackground: rgba(221, 221, 221, .6);--vscode-menubar-selectionForeground: #333333;--vscode-menubar-selectionBackground: rgba(184, 184, 184, .31);--vscode-notifications-foreground: #616161;--vscode-notifications-background: #f3f3f3;--vscode-notificationLink-foreground: #006ab1;--vscode-notificationCenterHeader-background: #e7e7e7;--vscode-notifications-border: #e7e7e7;--vscode-notificationsErrorIcon-foreground: #e51400;--vscode-notificationsWarningIcon-foreground: #bf8803;--vscode-notificationsInfoIcon-foreground: #1a85ff;--vscode-commandCenter-foreground: #333333;--vscode-commandCenter-activeForeground: #333333;--vscode-commandCenter-activeBackground: rgba(184, 184, 184, .31);--vscode-commandCenter-border: rgba(128, 128, 128, .35);--vscode-editorCommentsWidget-resolvedBorder: rgba(97, 97, 97, .5);--vscode-editorCommentsWidget-unresolvedBorder: #1a85ff;--vscode-editorCommentsWidget-rangeBackground: rgba(26, 133, 255, .1);--vscode-editorCommentsWidget-rangeBorder: rgba(26, 133, 255, .4);--vscode-editorCommentsWidget-rangeActiveBackground: rgba(26, 133, 255, .1);--vscode-editorCommentsWidget-rangeActiveBorder: rgba(26, 133, 255, .4);--vscode-editorGutter-commentRangeForeground: #d5d8e9;--vscode-debugToolBar-background: #f3f3f3;--vscode-debugIcon-startForeground: #388a34;--vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 102, .45);--vscode-editor-focusedStackFrameHighlightBackground: rgba(206, 231, 206, .45);--vscode-mergeEditor-change\.background: rgba(155, 185, 85, .2);--vscode-mergeEditor-change\.word\.background: rgba(156, 204, 44, .4);--vscode-mergeEditor-conflict\.unhandledUnfocused\.border: rgba(255, 166, 0, .48);--vscode-mergeEditor-conflict\.unhandledFocused\.border: #ffa600;--vscode-mergeEditor-conflict\.handledUnfocused\.border: rgba(134, 134, 134, .29);--vscode-mergeEditor-conflict\.handledFocused\.border: rgba(193, 193, 193, .8);--vscode-mergeEditor-conflict\.handled\.minimapOverViewRuler: rgba(173, 172, 168, .93);--vscode-mergeEditor-conflict\.unhandled\.minimapOverViewRuler: #fcba03;--vscode-mergeEditor-conflictingLines\.background: rgba(255, 234, 0, .28);--vscode-settings-headerForeground: #444444;--vscode-settings-modifiedItemIndicator: #66afe0;--vscode-settings-headerBorder: rgba(128, 128, 128, .35);--vscode-settings-sashBorder: rgba(128, 128, 128, .35);--vscode-settings-dropdownBackground: #ffffff;--vscode-settings-dropdownBorder: #cecece;--vscode-settings-dropdownListBorder: #c8c8c8;--vscode-settings-checkboxBackground: #ffffff;--vscode-settings-checkboxBorder: #cecece;--vscode-settings-textInputBackground: #ffffff;--vscode-settings-textInputForeground: #616161;--vscode-settings-textInputBorder: #cecece;--vscode-settings-numberInputBackground: #ffffff;--vscode-settings-numberInputForeground: #616161;--vscode-settings-numberInputBorder: #cecece;--vscode-settings-focusedRowBackground: rgba(232, 232, 232, .6);--vscode-settings-rowHoverBackground: rgba(232, 232, 232, .3);--vscode-settings-focusedRowBorder: rgba(0, 0, 0, .12);--vscode-terminal-foreground: #333333;--vscode-terminal-selectionBackground: #add6ff;--vscode-terminal-inactiveSelectionBackground: #e5ebf1;--vscode-terminalCommandDecoration-defaultBackground: rgba(0, 0, 0, .25);--vscode-terminalCommandDecoration-successBackground: #2090d3;--vscode-terminalCommandDecoration-errorBackground: #e51400;--vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, .8);--vscode-terminal-border: rgba(128, 128, 128, .35);--vscode-terminal-findMatchBackground: #a8ac94;--vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, .33);--vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--vscode-terminal-dropBackground: rgba(38, 119, 203, .18);--vscode-testing-iconFailed: #f14c4c;--vscode-testing-iconErrored: #f14c4c;--vscode-testing-iconPassed: #73c991;--vscode-testing-runAction: #73c991;--vscode-testing-iconQueued: #cca700;--vscode-testing-iconUnset: #848484;--vscode-testing-iconSkipped: #848484;--vscode-testing-peekBorder: #e51400;--vscode-testing-peekHeaderBackground: rgba(229, 20, 0, .1);--vscode-testing-message\.error\.decorationForeground: #e51400;--vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, .2);--vscode-testing-message\.info\.decorationForeground: rgba(0, 0, 0, .5);--vscode-welcomePage-tileBackground: #f3f3f3;--vscode-welcomePage-tileHoverBackground: #dbdbdb;--vscode-welcomePage-tileShadow: rgba(0, 0, 0, .16);--vscode-welcomePage-progress\.background: #ffffff;--vscode-welcomePage-progress\.foreground: #006ab1;--vscode-debugExceptionWidget-border: #a31515;--vscode-debugExceptionWidget-background: #f1dfde;--vscode-ports-iconRunningProcessForeground: #369432;--vscode-statusBar-debuggingBackground: #cc6633;--vscode-statusBar-debuggingForeground: #ffffff;--vscode-editor-inlineValuesForeground: rgba(0, 0, 0, .5);--vscode-editor-inlineValuesBackground: rgba(255, 200, 0, .2);--vscode-editorGutter-modifiedBackground: #2090d3;--vscode-editorGutter-addedBackground: #48985d;--vscode-editorGutter-deletedBackground: #e51400;--vscode-minimapGutter-modifiedBackground: #2090d3;--vscode-minimapGutter-addedBackground: #48985d;--vscode-minimapGutter-deletedBackground: #e51400;--vscode-editorOverviewRuler-modifiedForeground: rgba(32, 144, 211, .6);--vscode-editorOverviewRuler-addedForeground: rgba(72, 152, 93, .6);--vscode-editorOverviewRuler-deletedForeground: rgba(229, 20, 0, .6);--vscode-debugIcon-breakpointForeground: #e51400;--vscode-debugIcon-breakpointDisabledForeground: #848484;--vscode-debugIcon-breakpointUnverifiedForeground: #848484;--vscode-debugIcon-breakpointCurrentStackframeForeground: #be8700;--vscode-debugIcon-breakpointStackframeForeground: #89d185;--vscode-notebook-cellBorderColor: #e8e8e8;--vscode-notebook-focusedEditorBorder: #0090f1;--vscode-notebookStatusSuccessIcon-foreground: #388a34;--vscode-notebookStatusErrorIcon-foreground: #a1260d;--vscode-notebookStatusRunningIcon-foreground: #616161;--vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, .35);--vscode-notebook-selectedCellBackground: rgba(200, 221, 241, .31);--vscode-notebook-selectedCellBorder: #e8e8e8;--vscode-notebook-focusedCellBorder: #0090f1;--vscode-notebook-inactiveFocusedCellBorder: #e8e8e8;--vscode-notebook-cellStatusBarItemHoverBackground: rgba(0, 0, 0, .08);--vscode-notebook-cellInsertionIndicator: #0090f1;--vscode-notebookScrollbarSlider-background: rgba(100, 100, 100, .4);--vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--vscode-notebookScrollbarSlider-activeBackground: rgba(0, 0, 0, .6);--vscode-notebook-symbolHighlightBackground: rgba(253, 255, 0, .2);--vscode-notebook-cellEditorBackground: #f3f3f3;--vscode-notebook-editorBackground: #ffffff;--vscode-keybindingTable-headerBackground: rgba(97, 97, 97, .04);--vscode-keybindingTable-rowsBackground: rgba(97, 97, 97, .04);--vscode-scm-providerBorder: #c8c8c8;--vscode-searchEditor-textInputBorder: #cecece;--vscode-debugTokenExpression-name: #9b46b0;--vscode-debugTokenExpression-value: rgba(108, 108, 108, .8);--vscode-debugTokenExpression-string: #a31515;--vscode-debugTokenExpression-boolean: #0000ff;--vscode-debugTokenExpression-number: #098658;--vscode-debugTokenExpression-error: #e51400;--vscode-debugView-exceptionLabelForeground: #ffffff;--vscode-debugView-exceptionLabelBackground: #a31515;--vscode-debugView-stateLabelForeground: #616161;--vscode-debugView-stateLabelBackground: rgba(136, 136, 136, .27);--vscode-debugView-valueChangedHighlight: #569cd6;--vscode-debugConsole-infoForeground: #1a85ff;--vscode-debugConsole-warningForeground: #bf8803;--vscode-debugConsole-errorForeground: #a1260d;--vscode-debugConsole-sourceForeground: #616161;--vscode-debugConsoleInputIcon-foreground: #616161;--vscode-debugIcon-pauseForeground: #007acc;--vscode-debugIcon-stopForeground: #a1260d;--vscode-debugIcon-disconnectForeground: #a1260d;--vscode-debugIcon-restartForeground: #388a34;--vscode-debugIcon-stepOverForeground: #007acc;--vscode-debugIcon-stepIntoForeground: #007acc;--vscode-debugIcon-stepOutForeground: #007acc;--vscode-debugIcon-continueForeground: #007acc;--vscode-debugIcon-stepBackForeground: #007acc;--vscode-extensionButton-prominentBackground: #007acc;--vscode-extensionButton-prominentForeground: #ffffff;--vscode-extensionButton-prominentHoverBackground: #0062a3;--vscode-extensionIcon-starForeground: #df6100;--vscode-extensionIcon-verifiedForeground: #006ab1;--vscode-extensionIcon-preReleaseForeground: #1d9271;--vscode-extensionIcon-sponsorForeground: #b51e78;--vscode-terminal-ansiBlack: #000000;--vscode-terminal-ansiRed: #cd3131;--vscode-terminal-ansiGreen: #00bc00;--vscode-terminal-ansiYellow: #949800;--vscode-terminal-ansiBlue: #0451a5;--vscode-terminal-ansiMagenta: #bc05bc;--vscode-terminal-ansiCyan: #0598bc;--vscode-terminal-ansiWhite: #555555;--vscode-terminal-ansiBrightBlack: #666666;--vscode-terminal-ansiBrightRed: #cd3131;--vscode-terminal-ansiBrightGreen: #14ce14;--vscode-terminal-ansiBrightYellow: #b5ba00;--vscode-terminal-ansiBrightBlue: #0451a5;--vscode-terminal-ansiBrightMagenta: #bc05bc;--vscode-terminal-ansiBrightCyan: #0598bc;--vscode-terminal-ansiBrightWhite: #a5a5a5;--vscode-interactive-activeCodeBorder: #1a85ff;--vscode-interactive-inactiveCodeBorder: #e4e6f1;--vscode-gitDecoration-addedResourceForeground: #587c0c;--vscode-gitDecoration-modifiedResourceForeground: #895503;--vscode-gitDecoration-deletedResourceForeground: #ad0707;--vscode-gitDecoration-renamedResourceForeground: #007100;--vscode-gitDecoration-untrackedResourceForeground: #007100;--vscode-gitDecoration-ignoredResourceForeground: #8e8e90;--vscode-gitDecoration-stageModifiedResourceForeground: #895503;--vscode-gitDecoration-stageDeletedResourceForeground: #ad0707;--vscode-gitDecoration-conflictingResourceForeground: #ad0707;--vscode-gitDecoration-submoduleResourceForeground: #1258a7}:root.light-mode{color-scheme:light}:root.dark-mode{color-scheme:dark;--vscode-font-family: system-ui, "Ubuntu", "Droid Sans", sans-serif;--vscode-font-weight: normal;--vscode-font-size: 13px;--vscode-editor-font-family: "Droid Sans Mono", "monospace", monospace;--vscode-editor-font-weight: normal;--vscode-editor-font-size: 14px;--vscode-foreground: #cccccc;--vscode-disabledForeground: rgba(204, 204, 204, .5);--vscode-errorForeground: #f48771;--vscode-descriptionForeground: rgba(204, 204, 204, .7);--vscode-icon-foreground: #c5c5c5;--vscode-focusBorder: #007fd4;--vscode-textSeparator-foreground: rgba(255, 255, 255, .18);--vscode-textLink-foreground: #3794ff;--vscode-textLink-activeForeground: #3794ff;--vscode-textPreformat-foreground: #d7ba7d;--vscode-textBlockQuote-background: rgba(127, 127, 127, .1);--vscode-textBlockQuote-border: rgba(0, 122, 204, .5);--vscode-textCodeBlock-background: rgba(10, 10, 10, .4);--vscode-widget-shadow: rgba(0, 0, 0, .36);--vscode-input-background: #3c3c3c;--vscode-input-foreground: #cccccc;--vscode-inputOption-activeBorder: #007acc;--vscode-inputOption-hoverBackground: rgba(90, 93, 94, .5);--vscode-inputOption-activeBackground: rgba(0, 127, 212, .4);--vscode-inputOption-activeForeground: #ffffff;--vscode-input-placeholderForeground: #a6a6a6;--vscode-inputValidation-infoBackground: #063b49;--vscode-inputValidation-infoBorder: #007acc;--vscode-inputValidation-warningBackground: #352a05;--vscode-inputValidation-warningBorder: #b89500;--vscode-inputValidation-errorBackground: #5a1d1d;--vscode-inputValidation-errorBorder: #be1100;--vscode-dropdown-background: #3c3c3c;--vscode-dropdown-foreground: #f0f0f0;--vscode-dropdown-border: #3c3c3c;--vscode-checkbox-background: #3c3c3c;--vscode-checkbox-foreground: #f0f0f0;--vscode-checkbox-border: #3c3c3c;--vscode-button-foreground: #ffffff;--vscode-button-separator: rgba(255, 255, 255, .4);--vscode-button-background: #0e639c;--vscode-button-hoverBackground: #1177bb;--vscode-button-secondaryForeground: #ffffff;--vscode-button-secondaryBackground: #3a3d41;--vscode-button-secondaryHoverBackground: #45494e;--vscode-badge-background: #4d4d4d;--vscode-badge-foreground: #ffffff;--vscode-scrollbar-shadow: #000000;--vscode-scrollbarSlider-background: rgba(121, 121, 121, .4);--vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--vscode-scrollbarSlider-activeBackground: rgba(191, 191, 191, .4);--vscode-progressBar-background: #0e70c0;--vscode-editorError-foreground: #f14c4c;--vscode-editorWarning-foreground: #cca700;--vscode-editorInfo-foreground: #3794ff;--vscode-editorHint-foreground: rgba(238, 238, 238, .7);--vscode-sash-hoverBorder: #007fd4;--vscode-editor-background: #1e1e1e;--vscode-editor-foreground: #d4d4d4;--vscode-editorStickyScroll-background: #1e1e1e;--vscode-editorStickyScrollHover-background: #2a2d2e;--vscode-editorWidget-background: #252526;--vscode-editorWidget-foreground: #cccccc;--vscode-editorWidget-border: #454545;--vscode-quickInput-background: #252526;--vscode-quickInput-foreground: #cccccc;--vscode-quickInputTitle-background: rgba(255, 255, 255, .1);--vscode-pickerGroup-foreground: #3794ff;--vscode-pickerGroup-border: #3f3f46;--vscode-keybindingLabel-background: rgba(128, 128, 128, .17);--vscode-keybindingLabel-foreground: #cccccc;--vscode-keybindingLabel-border: rgba(51, 51, 51, .6);--vscode-keybindingLabel-bottomBorder: rgba(68, 68, 68, .6);--vscode-editor-selectionBackground: #264f78;--vscode-editor-inactiveSelectionBackground: #3a3d41;--vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, .15);--vscode-editor-findMatchBackground: #515c6a;--vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, .33);--vscode-editor-findRangeHighlightBackground: rgba(58, 61, 65, .4);--vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, .22);--vscode-editor-hoverHighlightBackground: rgba(38, 79, 120, .25);--vscode-editorHoverWidget-background: #252526;--vscode-editorHoverWidget-foreground: #cccccc;--vscode-editorHoverWidget-border: #454545;--vscode-editorHoverWidget-statusBarBackground: #2c2c2d;--vscode-editorLink-activeForeground: #4e94ce;--vscode-editorInlayHint-foreground: rgba(255, 255, 255, .8);--vscode-editorInlayHint-background: rgba(77, 77, 77, .6);--vscode-editorInlayHint-typeForeground: rgba(255, 255, 255, .8);--vscode-editorInlayHint-typeBackground: rgba(77, 77, 77, .6);--vscode-editorInlayHint-parameterForeground: rgba(255, 255, 255, .8);--vscode-editorInlayHint-parameterBackground: rgba(77, 77, 77, .6);--vscode-editorLightBulb-foreground: #ffcc00;--vscode-editorLightBulbAutoFix-foreground: #75beff;--vscode-diffEditor-insertedTextBackground: rgba(156, 204, 44, .2);--vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, .4);--vscode-diffEditor-insertedLineBackground: rgba(155, 185, 85, .2);--vscode-diffEditor-removedLineBackground: rgba(255, 0, 0, .2);--vscode-diffEditor-diagonalFill: rgba(204, 204, 204, .2);--vscode-list-focusOutline: #007fd4;--vscode-list-activeSelectionBackground: #04395e;--vscode-list-activeSelectionForeground: #ffffff;--vscode-list-activeSelectionIconForeground: #ffffff;--vscode-list-inactiveSelectionBackground: #37373d;--vscode-list-hoverBackground: #2a2d2e;--vscode-list-dropBackground: #383b3d;--vscode-list-highlightForeground: #2aaaff;--vscode-list-focusHighlightForeground: #2aaaff;--vscode-list-invalidItemForeground: #b89500;--vscode-list-errorForeground: #f88070;--vscode-list-warningForeground: #cca700;--vscode-listFilterWidget-background: #252526;--vscode-listFilterWidget-outline: rgba(0, 0, 0, 0);--vscode-listFilterWidget-noMatchesOutline: #be1100;--vscode-listFilterWidget-shadow: rgba(0, 0, 0, .36);--vscode-list-filterMatchBackground: rgba(234, 92, 0, .33);--vscode-tree-indentGuidesStroke: #585858;--vscode-tree-tableColumnsBorder: rgba(204, 204, 204, .13);--vscode-tree-tableOddRowsBackground: rgba(204, 204, 204, .04);--vscode-list-deemphasizedForeground: #8c8c8c;--vscode-quickInputList-focusForeground: #ffffff;--vscode-quickInputList-focusIconForeground: #ffffff;--vscode-quickInputList-focusBackground: #04395e;--vscode-menu-foreground: #cccccc;--vscode-menu-background: #303031;--vscode-menu-selectionForeground: #ffffff;--vscode-menu-selectionBackground: #04395e;--vscode-menu-separatorBackground: #606060;--vscode-toolbar-hoverBackground: rgba(90, 93, 94, .31);--vscode-toolbar-activeBackground: rgba(99, 102, 103, .31);--vscode-editor-snippetTabstopHighlightBackground: rgba(124, 124, 124, .3);--vscode-editor-snippetFinalTabstopHighlightBorder: #525252;--vscode-breadcrumb-foreground: rgba(204, 204, 204, .8);--vscode-breadcrumb-background: #1e1e1e;--vscode-breadcrumb-focusForeground: #e0e0e0;--vscode-breadcrumb-activeSelectionForeground: #e0e0e0;--vscode-breadcrumbPicker-background: #252526;--vscode-merge-currentHeaderBackground: rgba(64, 200, 174, .5);--vscode-merge-currentContentBackground: rgba(64, 200, 174, .2);--vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, .5);--vscode-merge-incomingContentBackground: rgba(64, 166, 255, .2);--vscode-merge-commonHeaderBackground: rgba(96, 96, 96, .4);--vscode-merge-commonContentBackground: rgba(96, 96, 96, .16);--vscode-editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, .5);--vscode-editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, .5);--vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, .4);--vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--vscode-editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, .8);--vscode-minimap-findMatchHighlight: #d18616;--vscode-minimap-selectionOccurrenceHighlight: #676767;--vscode-minimap-selectionHighlight: #264f78;--vscode-minimap-errorHighlight: rgba(255, 18, 18, .7);--vscode-minimap-warningHighlight: #cca700;--vscode-minimap-foregroundOpacity: #000000;--vscode-minimapSlider-background: rgba(121, 121, 121, .2);--vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, .35);--vscode-minimapSlider-activeBackground: rgba(191, 191, 191, .2);--vscode-problemsErrorIcon-foreground: #f14c4c;--vscode-problemsWarningIcon-foreground: #cca700;--vscode-problemsInfoIcon-foreground: #3794ff;--vscode-charts-foreground: #cccccc;--vscode-charts-lines: rgba(204, 204, 204, .5);--vscode-charts-red: #f14c4c;--vscode-charts-blue: #3794ff;--vscode-charts-yellow: #cca700;--vscode-charts-orange: #d18616;--vscode-charts-green: #89d185;--vscode-charts-purple: #b180d7;--vscode-editor-lineHighlightBorder: #282828;--vscode-editor-rangeHighlightBackground: rgba(255, 255, 255, .04);--vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, .33);--vscode-editorCursor-foreground: #aeafad;--vscode-editorWhitespace-foreground: rgba(227, 228, 226, .16);--vscode-editorIndentGuide-background: #404040;--vscode-editorIndentGuide-activeBackground: #707070;--vscode-editorLineNumber-foreground: #858585;--vscode-editorActiveLineNumber-foreground: #c6c6c6;--vscode-editorLineNumber-activeForeground: #c6c6c6;--vscode-editorRuler-foreground: #5a5a5a;--vscode-editorCodeLens-foreground: #999999;--vscode-editorBracketMatch-background: rgba(0, 100, 0, .1);--vscode-editorBracketMatch-border: #888888;--vscode-editorOverviewRuler-border: rgba(127, 127, 127, .3);--vscode-editorGutter-background: #1e1e1e;--vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, .67);--vscode-editorGhostText-foreground: rgba(255, 255, 255, .34);--vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, .6);--vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, .7);--vscode-editorOverviewRuler-warningForeground: #cca700;--vscode-editorOverviewRuler-infoForeground: #3794ff;--vscode-editorBracketHighlight-foreground1: #ffd700;--vscode-editorBracketHighlight-foreground2: #da70d6;--vscode-editorBracketHighlight-foreground3: #179fff;--vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-unexpectedBracket\.foreground: rgba(255, 18, 18, .8);--vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0);--vscode-editorUnicodeHighlight-border: #bd9b03;--vscode-editorUnicodeHighlight-background: rgba(189, 155, 3, .15);--vscode-symbolIcon-arrayForeground: #cccccc;--vscode-symbolIcon-booleanForeground: #cccccc;--vscode-symbolIcon-classForeground: #ee9d28;--vscode-symbolIcon-colorForeground: #cccccc;--vscode-symbolIcon-constantForeground: #cccccc;--vscode-symbolIcon-constructorForeground: #b180d7;--vscode-symbolIcon-enumeratorForeground: #ee9d28;--vscode-symbolIcon-enumeratorMemberForeground: #75beff;--vscode-symbolIcon-eventForeground: #ee9d28;--vscode-symbolIcon-fieldForeground: #75beff;--vscode-symbolIcon-fileForeground: #cccccc;--vscode-symbolIcon-folderForeground: #cccccc;--vscode-symbolIcon-functionForeground: #b180d7;--vscode-symbolIcon-interfaceForeground: #75beff;--vscode-symbolIcon-keyForeground: #cccccc;--vscode-symbolIcon-keywordForeground: #cccccc;--vscode-symbolIcon-methodForeground: #b180d7;--vscode-symbolIcon-moduleForeground: #cccccc;--vscode-symbolIcon-namespaceForeground: #cccccc;--vscode-symbolIcon-nullForeground: #cccccc;--vscode-symbolIcon-numberForeground: #cccccc;--vscode-symbolIcon-objectForeground: #cccccc;--vscode-symbolIcon-operatorForeground: #cccccc;--vscode-symbolIcon-packageForeground: #cccccc;--vscode-symbolIcon-propertyForeground: #cccccc;--vscode-symbolIcon-referenceForeground: #cccccc;--vscode-symbolIcon-snippetForeground: #cccccc;--vscode-symbolIcon-stringForeground: #cccccc;--vscode-symbolIcon-structForeground: #cccccc;--vscode-symbolIcon-textForeground: #cccccc;--vscode-symbolIcon-typeParameterForeground: #cccccc;--vscode-symbolIcon-unitForeground: #cccccc;--vscode-symbolIcon-variableForeground: #75beff;--vscode-editorHoverWidget-highlightForeground: #2aaaff;--vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0;--vscode-editor-foldBackground: rgba(38, 79, 120, .3);--vscode-editorGutter-foldingControlForeground: #c5c5c5;--vscode-editor-linkedEditingBackground: rgba(255, 0, 0, .3);--vscode-editor-wordHighlightBackground: rgba(87, 87, 87, .72);--vscode-editor-wordHighlightStrongBackground: rgba(0, 73, 114, .72);--vscode-editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, .8);--vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, .8);--vscode-peekViewTitle-background: rgba(55, 148, 255, .1);--vscode-peekViewTitleLabel-foreground: #ffffff;--vscode-peekViewTitleDescription-foreground: rgba(204, 204, 204, .7);--vscode-peekView-border: #3794ff;--vscode-peekViewResult-background: #252526;--vscode-peekViewResult-lineForeground: #bbbbbb;--vscode-peekViewResult-fileForeground: #ffffff;--vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, .2);--vscode-peekViewResult-selectionForeground: #ffffff;--vscode-peekViewEditor-background: #001f33;--vscode-peekViewEditorGutter-background: #001f33;--vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, .3);--vscode-peekViewEditor-matchHighlightBackground: rgba(255, 143, 0, .6);--vscode-editorMarkerNavigationError-background: #f14c4c;--vscode-editorMarkerNavigationError-headerBackground: rgba(241, 76, 76, .1);--vscode-editorMarkerNavigationWarning-background: #cca700;--vscode-editorMarkerNavigationWarning-headerBackground: rgba(204, 167, 0, .1);--vscode-editorMarkerNavigationInfo-background: #3794ff;--vscode-editorMarkerNavigationInfo-headerBackground: rgba(55, 148, 255, .1);--vscode-editorMarkerNavigation-background: #1e1e1e;--vscode-editorSuggestWidget-background: #252526;--vscode-editorSuggestWidget-border: #454545;--vscode-editorSuggestWidget-foreground: #d4d4d4;--vscode-editorSuggestWidget-selectedForeground: #ffffff;--vscode-editorSuggestWidget-selectedIconForeground: #ffffff;--vscode-editorSuggestWidget-selectedBackground: #04395e;--vscode-editorSuggestWidget-highlightForeground: #2aaaff;--vscode-editorSuggestWidget-focusHighlightForeground: #2aaaff;--vscode-editorSuggestWidgetStatus-foreground: rgba(212, 212, 212, .5);--vscode-tab-activeBackground: #1e1e1e;--vscode-tab-unfocusedActiveBackground: #1e1e1e;--vscode-tab-inactiveBackground: #2d2d2d;--vscode-tab-unfocusedInactiveBackground: #2d2d2d;--vscode-tab-activeForeground: #ffffff;--vscode-tab-inactiveForeground: rgba(255, 255, 255, .5);--vscode-tab-unfocusedActiveForeground: rgba(255, 255, 255, .5);--vscode-tab-unfocusedInactiveForeground: rgba(255, 255, 255, .25);--vscode-tab-border: #252526;--vscode-tab-lastPinnedBorder: rgba(204, 204, 204, .2);--vscode-tab-activeModifiedBorder: #3399cc;--vscode-tab-inactiveModifiedBorder: rgba(51, 153, 204, .5);--vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 153, 204, .5);--vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 153, 204, .25);--vscode-editorPane-background: #1e1e1e;--vscode-editorGroupHeader-tabsBackground: #252526;--vscode-editorGroupHeader-noTabsBackground: #1e1e1e;--vscode-editorGroup-border: #444444;--vscode-editorGroup-dropBackground: rgba(83, 89, 93, .5);--vscode-editorGroup-dropIntoPromptForeground: #cccccc;--vscode-editorGroup-dropIntoPromptBackground: #252526;--vscode-sideBySideEditor-horizontalBorder: #444444;--vscode-sideBySideEditor-verticalBorder: #444444;--vscode-panel-background: #1e1e1e;--vscode-panel-border: rgba(128, 128, 128, .35);--vscode-panelTitle-activeForeground: #e7e7e7;--vscode-panelTitle-inactiveForeground: rgba(231, 231, 231, .6);--vscode-panelTitle-activeBorder: #e7e7e7;--vscode-panel-dropBorder: #e7e7e7;--vscode-panelSection-dropBackground: rgba(83, 89, 93, .5);--vscode-panelSectionHeader-background: rgba(128, 128, 128, .2);--vscode-panelSection-border: rgba(128, 128, 128, .35);--vscode-banner-background: #04395e;--vscode-banner-foreground: #ffffff;--vscode-banner-iconForeground: #3794ff;--vscode-statusBar-foreground: #ffffff;--vscode-statusBar-noFolderForeground: #ffffff;--vscode-statusBar-background: #007acc;--vscode-statusBar-noFolderBackground: #68217a;--vscode-statusBar-focusBorder: #ffffff;--vscode-statusBarItem-activeBackground: rgba(255, 255, 255, .18);--vscode-statusBarItem-focusBorder: #ffffff;--vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, .12);--vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, .2);--vscode-statusBarItem-prominentForeground: #ffffff;--vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, .5);--vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, .3);--vscode-statusBarItem-errorBackground: #c72e0f;--vscode-statusBarItem-errorForeground: #ffffff;--vscode-statusBarItem-warningBackground: #7a6400;--vscode-statusBarItem-warningForeground: #ffffff;--vscode-activityBar-background: #333333;--vscode-activityBar-foreground: #ffffff;--vscode-activityBar-inactiveForeground: rgba(255, 255, 255, .4);--vscode-activityBar-activeBorder: #ffffff;--vscode-activityBar-dropBorder: #ffffff;--vscode-activityBarBadge-background: #007acc;--vscode-activityBarBadge-foreground: #ffffff;--vscode-statusBarItem-remoteBackground: #16825d;--vscode-statusBarItem-remoteForeground: #ffffff;--vscode-extensionBadge-remoteBackground: #007acc;--vscode-extensionBadge-remoteForeground: #ffffff;--vscode-sideBar-background: #252526;--vscode-sideBarTitle-foreground: #bbbbbb;--vscode-sideBar-dropBackground: rgba(83, 89, 93, .5);--vscode-sideBarSectionHeader-background: rgba(0, 0, 0, 0);--vscode-sideBarSectionHeader-border: rgba(204, 204, 204, .2);--vscode-titleBar-activeForeground: #cccccc;--vscode-titleBar-inactiveForeground: rgba(204, 204, 204, .6);--vscode-titleBar-activeBackground: #3c3c3c;--vscode-titleBar-inactiveBackground: rgba(60, 60, 60, .6);--vscode-menubar-selectionForeground: #cccccc;--vscode-menubar-selectionBackground: rgba(90, 93, 94, .31);--vscode-notifications-foreground: #cccccc;--vscode-notifications-background: #252526;--vscode-notificationLink-foreground: #3794ff;--vscode-notificationCenterHeader-background: #303031;--vscode-notifications-border: #303031;--vscode-notificationsErrorIcon-foreground: #f14c4c;--vscode-notificationsWarningIcon-foreground: #cca700;--vscode-notificationsInfoIcon-foreground: #3794ff;--vscode-commandCenter-foreground: #cccccc;--vscode-commandCenter-activeForeground: #cccccc;--vscode-commandCenter-activeBackground: rgba(90, 93, 94, .31);--vscode-commandCenter-border: rgba(128, 128, 128, .35);--vscode-editorCommentsWidget-resolvedBorder: rgba(204, 204, 204, .5);--vscode-editorCommentsWidget-unresolvedBorder: #3794ff;--vscode-editorCommentsWidget-rangeBackground: rgba(55, 148, 255, .1);--vscode-editorCommentsWidget-rangeBorder: rgba(55, 148, 255, .4);--vscode-editorCommentsWidget-rangeActiveBackground: rgba(55, 148, 255, .1);--vscode-editorCommentsWidget-rangeActiveBorder: rgba(55, 148, 255, .4);--vscode-editorGutter-commentRangeForeground: #37373d;--vscode-debugToolBar-background: #333333;--vscode-debugIcon-startForeground: #89d185;--vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 0, .2);--vscode-editor-focusedStackFrameHighlightBackground: rgba(122, 189, 122, .3);--vscode-mergeEditor-change\.background: rgba(155, 185, 85, .2);--vscode-mergeEditor-change\.word\.background: rgba(156, 204, 44, .2);--vscode-mergeEditor-conflict\.unhandledUnfocused\.border: rgba(255, 166, 0, .48);--vscode-mergeEditor-conflict\.unhandledFocused\.border: #ffa600;--vscode-mergeEditor-conflict\.handledUnfocused\.border: rgba(134, 134, 134, .29);--vscode-mergeEditor-conflict\.handledFocused\.border: rgba(193, 193, 193, .8);--vscode-mergeEditor-conflict\.handled\.minimapOverViewRuler: rgba(173, 172, 168, .93);--vscode-mergeEditor-conflict\.unhandled\.minimapOverViewRuler: #fcba03;--vscode-mergeEditor-conflictingLines\.background: rgba(255, 234, 0, .28);--vscode-settings-headerForeground: #e7e7e7;--vscode-settings-modifiedItemIndicator: #0c7d9d;--vscode-settings-headerBorder: rgba(128, 128, 128, .35);--vscode-settings-sashBorder: rgba(128, 128, 128, .35);--vscode-settings-dropdownBackground: #3c3c3c;--vscode-settings-dropdownForeground: #f0f0f0;--vscode-settings-dropdownBorder: #3c3c3c;--vscode-settings-dropdownListBorder: #454545;--vscode-settings-checkboxBackground: #3c3c3c;--vscode-settings-checkboxForeground: #f0f0f0;--vscode-settings-checkboxBorder: #3c3c3c;--vscode-settings-textInputBackground: #3c3c3c;--vscode-settings-textInputForeground: #cccccc;--vscode-settings-numberInputBackground: #3c3c3c;--vscode-settings-numberInputForeground: #cccccc;--vscode-settings-focusedRowBackground: rgba(42, 45, 46, .6);--vscode-settings-rowHoverBackground: rgba(42, 45, 46, .3);--vscode-settings-focusedRowBorder: rgba(255, 255, 255, .12);--vscode-terminal-foreground: #cccccc;--vscode-terminal-selectionBackground: #264f78;--vscode-terminal-inactiveSelectionBackground: #3a3d41;--vscode-terminalCommandDecoration-defaultBackground: rgba(255, 255, 255, .25);--vscode-terminalCommandDecoration-successBackground: #1b81a8;--vscode-terminalCommandDecoration-errorBackground: #f14c4c;--vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, .8);--vscode-terminal-border: rgba(128, 128, 128, .35);--vscode-terminal-findMatchBackground: #515c6a;--vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, .33);--vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--vscode-terminal-dropBackground: rgba(83, 89, 93, .5);--vscode-testing-iconFailed: #f14c4c;--vscode-testing-iconErrored: #f14c4c;--vscode-testing-iconPassed: #73c991;--vscode-testing-runAction: #73c991;--vscode-testing-iconQueued: #cca700;--vscode-testing-iconUnset: #848484;--vscode-testing-iconSkipped: #848484;--vscode-testing-peekBorder: #f14c4c;--vscode-testing-peekHeaderBackground: rgba(241, 76, 76, .1);--vscode-testing-message\.error\.decorationForeground: #f14c4c;--vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, .2);--vscode-testing-message\.info\.decorationForeground: rgba(212, 212, 212, .5);--vscode-welcomePage-tileBackground: #252526;--vscode-welcomePage-tileHoverBackground: #2c2c2d;--vscode-welcomePage-tileShadow: rgba(0, 0, 0, .36);--vscode-welcomePage-progress\.background: #3c3c3c;--vscode-welcomePage-progress\.foreground: #3794ff;--vscode-debugExceptionWidget-border: #a31515;--vscode-debugExceptionWidget-background: #420b0d;--vscode-ports-iconRunningProcessForeground: #369432;--vscode-statusBar-debuggingBackground: #cc6633;--vscode-statusBar-debuggingForeground: #ffffff;--vscode-editor-inlineValuesForeground: rgba(255, 255, 255, .5);--vscode-editor-inlineValuesBackground: rgba(255, 200, 0, .2);--vscode-editorGutter-modifiedBackground: #1b81a8;--vscode-editorGutter-addedBackground: #487e02;--vscode-editorGutter-deletedBackground: #f14c4c;--vscode-minimapGutter-modifiedBackground: #1b81a8;--vscode-minimapGutter-addedBackground: #487e02;--vscode-minimapGutter-deletedBackground: #f14c4c;--vscode-editorOverviewRuler-modifiedForeground: rgba(27, 129, 168, .6);--vscode-editorOverviewRuler-addedForeground: rgba(72, 126, 2, .6);--vscode-editorOverviewRuler-deletedForeground: rgba(241, 76, 76, .6);--vscode-debugIcon-breakpointForeground: #e51400;--vscode-debugIcon-breakpointDisabledForeground: #848484;--vscode-debugIcon-breakpointUnverifiedForeground: #848484;--vscode-debugIcon-breakpointCurrentStackframeForeground: #ffcc00;--vscode-debugIcon-breakpointStackframeForeground: #89d185;--vscode-notebook-cellBorderColor: #37373d;--vscode-notebook-focusedEditorBorder: #007fd4;--vscode-notebookStatusSuccessIcon-foreground: #89d185;--vscode-notebookStatusErrorIcon-foreground: #f48771;--vscode-notebookStatusRunningIcon-foreground: #cccccc;--vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, .35);--vscode-notebook-selectedCellBackground: #37373d;--vscode-notebook-selectedCellBorder: #37373d;--vscode-notebook-focusedCellBorder: #007fd4;--vscode-notebook-inactiveFocusedCellBorder: #37373d;--vscode-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, .15);--vscode-notebook-cellInsertionIndicator: #007fd4;--vscode-notebookScrollbarSlider-background: rgba(121, 121, 121, .4);--vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--vscode-notebookScrollbarSlider-activeBackground: rgba(191, 191, 191, .4);--vscode-notebook-symbolHighlightBackground: rgba(255, 255, 255, .04);--vscode-notebook-cellEditorBackground: #252526;--vscode-notebook-editorBackground: #1e1e1e;--vscode-keybindingTable-headerBackground: rgba(204, 204, 204, .04);--vscode-keybindingTable-rowsBackground: rgba(204, 204, 204, .04);--vscode-scm-providerBorder: #454545;--vscode-debugTokenExpression-name: #c586c0;--vscode-debugTokenExpression-value: rgba(204, 204, 204, .6);--vscode-debugTokenExpression-string: #ce9178;--vscode-debugTokenExpression-boolean: #4e94ce;--vscode-debugTokenExpression-number: #b5cea8;--vscode-debugTokenExpression-error: #f48771;--vscode-debugView-exceptionLabelForeground: #cccccc;--vscode-debugView-exceptionLabelBackground: #6c2022;--vscode-debugView-stateLabelForeground: #cccccc;--vscode-debugView-stateLabelBackground: rgba(136, 136, 136, .27);--vscode-debugView-valueChangedHighlight: #569cd6;--vscode-debugConsole-infoForeground: #3794ff;--vscode-debugConsole-warningForeground: #cca700;--vscode-debugConsole-errorForeground: #f48771;--vscode-debugConsole-sourceForeground: #cccccc;--vscode-debugConsoleInputIcon-foreground: #cccccc;--vscode-debugIcon-pauseForeground: #75beff;--vscode-debugIcon-stopForeground: #f48771;--vscode-debugIcon-disconnectForeground: #f48771;--vscode-debugIcon-restartForeground: #89d185;--vscode-debugIcon-stepOverForeground: #75beff;--vscode-debugIcon-stepIntoForeground: #75beff;--vscode-debugIcon-stepOutForeground: #75beff;--vscode-debugIcon-continueForeground: #75beff;--vscode-debugIcon-stepBackForeground: #75beff;--vscode-extensionButton-prominentBackground: #0e639c;--vscode-extensionButton-prominentForeground: #ffffff;--vscode-extensionButton-prominentHoverBackground: #1177bb;--vscode-extensionIcon-starForeground: #ff8e00;--vscode-extensionIcon-verifiedForeground: #3794ff;--vscode-extensionIcon-preReleaseForeground: #1d9271;--vscode-extensionIcon-sponsorForeground: #d758b3;--vscode-terminal-ansiBlack: #000000;--vscode-terminal-ansiRed: #cd3131;--vscode-terminal-ansiGreen: #0dbc79;--vscode-terminal-ansiYellow: #e5e510;--vscode-terminal-ansiBlue: #2472c8;--vscode-terminal-ansiMagenta: #bc3fbc;--vscode-terminal-ansiCyan: #11a8cd;--vscode-terminal-ansiWhite: #e5e5e5;--vscode-terminal-ansiBrightBlack: #666666;--vscode-terminal-ansiBrightRed: #f14c4c;--vscode-terminal-ansiBrightGreen: #23d18b;--vscode-terminal-ansiBrightYellow: #f5f543;--vscode-terminal-ansiBrightBlue: #3b8eea;--vscode-terminal-ansiBrightMagenta: #d670d6;--vscode-terminal-ansiBrightCyan: #29b8db;--vscode-terminal-ansiBrightWhite: #e5e5e5;--vscode-interactive-activeCodeBorder: #3794ff;--vscode-interactive-inactiveCodeBorder: #37373d;--vscode-gitDecoration-addedResourceForeground: #81b88b;--vscode-gitDecoration-modifiedResourceForeground: #e2c08d;--vscode-gitDecoration-deletedResourceForeground: #c74e39;--vscode-gitDecoration-renamedResourceForeground: #73c991;--vscode-gitDecoration-untrackedResourceForeground: #73c991;--vscode-gitDecoration-ignoredResourceForeground: #8c8c8c;--vscode-gitDecoration-stageModifiedResourceForeground: #e2c08d;--vscode-gitDecoration-stageDeletedResourceForeground: #c74e39;--vscode-gitDecoration-conflictingResourceForeground: #e4676b;--vscode-gitDecoration-submoduleResourceForeground: #8db9e2}.test-error-container{position:relative;white-space:pre;flex:none;padding:0;background-color:var(--color-canvas-subtle);border-radius:6px;line-height:initial;margin-bottom:6px}.test-error-view{overflow:auto;padding:16px}.test-error-text{font-family:monospace}.test-result{flex:auto;display:flex;flex-direction:column;margin-bottom:24px}.test-result>div{flex:none}.test-result video,.test-result img.screenshot{flex:none;box-shadow:var(--box-shadow-thick);margin:24px auto;min-width:200px;max-width:80%}.test-result-path{padding:0 0 0 5px;color:var(--color-fg-muted)}.test-result-counter{border-radius:12px;color:var(--color-canvas-default);padding:2px 8px;line-height:normal}.step-title-container{display:flex;align-items:center;flex:auto;min-width:0}.step-title-container>*{flex-shrink:0}.step-title-text{flex-shrink:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;min-width:0}.step-spacer{flex:auto}.step-attachment-link{display:flex;flex:none;border-radius:4px;padding:4px}.step-attachment-link:hover{background-color:var(--color-neutral-muted)}.step-attachment-link .octicon{margin-right:0}.step-duration{flex:none;white-space:nowrap;margin-left:4px}:root.light-mode .test-result-counter{background:var(--color-scale-gray-5)}:root.dark-mode .test-result-counter{background:var(--color-scale-gray-3)}@media only screen and (max-width: 600px){.test-result{padding:0!important}}.test-file-test{line-height:32px;align-items:center;padding:2px 8px;overflow:hidden;text-overflow:ellipsis}.test-file-test:hover{background-color:var(--color-canvas-subtle)}.test-file-title{font-weight:600;font-size:16px}.test-file-details-row{padding:0 0 6px 8px;margin:0 0 0 15px;line-height:16px;font-weight:400;color:var(--color-fg-muted);display:flex;align-items:center}.test-file-details-row-items{display:flex;height:16px}.test-file-details-row-items>.link-badge{margin-top:-2px}.test-file-details-row-items>.trace-link{margin-top:-4px}.test-file-path{text-overflow:ellipsis;overflow:hidden;color:var(--color-fg-muted)}.test-file-path-link{margin-right:10px}.test-file-test-outcome-skipped{color:var(--color-fg-muted)}.test-file-test-status-icon{flex:none}.test-file-header-info{display:flex;align-items:center;gap:4px 8px;color:var(--color-fg-muted)}.test-file-header-br{flex-basis:100%;height:0}.test-file-no-files{margin-top:12px;color:var(--color-fg-muted);background-color:unset;font-weight:unset;border:1px solid var(--color-border-default);border-bottom-left-radius:6px;border-bottom-right-radius:6px}#root{color:var(--color-fg-default);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased}.metadata-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-fg-default)}.metadata-toggle-second-line{margin-top:8px;margin-left:8px}.metadata-view{border:1px solid var(--color-border-default);border-radius:6px;margin-top:12px}.metadata-view .metadata-section{margin:8px 10px 8px 32px}.metadata-view span:not(.copy-button-container),.metadata-view a{display:inline-block;line-height:24px}.metadata-properties{display:flex;flex-direction:column;align-items:normal;gap:8px}.metadata-properties>div{height:24px}.metadata-separator{height:1px;border-bottom:1px solid var(--color-border-default)}.metadata-view a{color:var(--color-fg-default)}.copyable-property{white-space:pre}.copyable-property>span{display:flex;align-items:center}.gantt-bar{transition:opacity .2s;cursor:pointer;outline:none}.gantt-bar:hover,.gantt-bar:focus{opacity:.8;stroke:var(--color-fg-default);stroke-width:2}
-</style>
-  </head>
-  <body>
-    <div id='root'></div>
-  </body>
-</html>
-<script id="playwrightReportBase64" type="application/zip">data:application/zip;base64,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</script>
\ No newline at end of file
diff --git a/Frontend-Learner/playwright.config.ts b/Frontend-Learner/playwright.config.ts
deleted file mode 100644
index 13bb89f4..00000000
--- a/Frontend-Learner/playwright.config.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { defineConfig, devices } from '@playwright/test';
-
-/**
- * @file playwright.config.ts
- * @description ไฟล์ตั้งค่าสำหรับการทำ Automated E2E Testing ด้วย Playwright
- */
-export default defineConfig({
-  // โฟลเดอร์ที่เก็บไฟล์เทส (ชี้ไปที่โฟลเดอร์ปลายทางที่เราสร้าง)
-  testDir: './tests/e2e',
-  
-  // รันเทสแบบขนาน (พร้อมๆ กันหลายไฟล์) เพื่อให้เสร็จเร็วขึ้น
-  fullyParallel: true,
-  
-  // หากการรันเทสบน CI/CD ล้มเหลว ให้ลองรันซ้ำ 2 ครั้ง
-  retries: process.env.CI ? 2 : 0,
-  
-  // จำนวน Worker ที่ใช้รันเทส
-  workers: process.env.CI ? 1 : undefined,
-  
-  // รูปแบบการแสดงผลลัพธ์ (Reporter)
-  reporter: 'html',
-
-  use: {
-    // กำหนดล่วงหน้าว่าเว็บที่เรากำลังจะพุ่งไปหาคือ URL อะไร (พอร์ต 3000 ของ Nuxt)
-    baseURL: 'http://localhost:3000',
-    
-    // ตั้งค่าให้เก็บประวัติแบบติดตามผล (Trace) ถ้าระบบพัง จะได้กลับมาดูได้
-    trace: 'on-first-retry',
-    
-    // ตั้งค่าเก็บรูปภาพหน้าจอเมื่อพัง (Screenshot on failure)
-    screenshot: 'only-on-failure'
-  },
-
-  // ตั้งค่าอุปกรณ์ที่ใช้ทดสอบ (Browsers)
-  projects: [
-    {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
-    },
-    // หากต้องการเทสบน Firefox หรือ Safari สามารถเปิดคอมเมนต์บรรทัดถัดไปได้เลย
-    // {
-    //   name: 'firefox',
-    //   use: { ...devices['Desktop Firefox'] },
-    // },
-    // {
-    //   name: 'webkit',
-    //   use: { ...devices['Desktop Safari'] },
-    // },
-  ],
-
-  // (Optional) หากต้องการให้เปิด Local Server อัตโนมัติก่อนรันเทส สามารถเอาคอมเมนต์ออกได้
-  // webServer: {
-  //   command: 'npm run dev',
-  //   url: 'http://localhost:3000',
-  //   reuseExistingServer: !process.env.CI,
-  // },
-});
diff --git a/Frontend-Learner/tests/e2e/auth.spec.ts b/Frontend-Learner/tests/e2e/auth.spec.ts
deleted file mode 100644
index 5a87d40f..00000000
--- a/Frontend-Learner/tests/e2e/auth.spec.ts
+++ /dev/null
@@ -1,266 +0,0 @@
-import { test, expect, type Page, type Locator } from '@playwright/test';
-
-const BASE_URL = process.env.E2E_BASE_URL ?? 'http://localhost:3000';
-
-async function waitAppSettled(page: Page) {
-  await page.waitForLoadState('domcontentloaded');
-  await page.waitForLoadState('networkidle').catch(() => {});
-  await page.waitForTimeout(250);
-}
-
-// ---------------------------
-// Helpers: Login
-// ---------------------------
-const LOGIN_EMAIL = 'studentedtest@example.com';
-const LOGIN_PASSWORD = 'admin123';
-
-function loginEmailLocator(page: Page): Locator {
-  return page.locator('input[type="email"]').or(page.getByRole('textbox', { name: /อีเมล|email/i })).first();
-}
-function loginPasswordLocator(page: Page): Locator {
-  return page.locator('input[type="password"]').or(page.getByRole('textbox', { name: /รหัสผ่าน|password/i })).first();
-}
-function loginButtonLocator(page: Page): Locator {
-  return page.getByRole('button', { name: /เข้าสู่ระบบ|login/i }).or(page.locator('button[type="submit"]')).first();
-}
-async function expectAnyVisible(page: Page, locators: Locator[], timeout = 20_000) {
-  const start = Date.now();
-  while (Date.now() - start < timeout) {
-    for (const loc of locators) {
-      try {
-        if (await loc.isVisible()) return;
-      } catch {}
-    }
-    await page.waitForTimeout(200);
-  }
-  throw new Error('None of the expected locators became visible.');
-}
-
-// ---------------------------
-// Helpers: Register
-// ---------------------------
-function regHeading(page: Page) { return page.getByRole('heading', { name: 'สร้างบัญชีผู้ใช้งาน' }); }
-function regUsername(page: Page) { return page.getByRole('textbox', { name: 'username' }).first(); }
-function regEmail(page: Page) { return page.getByRole('textbox', { name: 'student@example.com' }).first(); }
-function regPrefix(page: Page) { return page.getByRole('combobox').first(); }
-function regFirstName(page: Page) { return page.getByText(/^ชื่อ\s*\*$/).locator('..').getByRole('textbox').first(); }
-function regLastName(page: Page) { return page.getByText(/^นามสกุล\s*\*$/).locator('..').getByRole('textbox').first(); }
-function regPhone(page: Page) { return page.getByText(/^เบอร์โทรศัพท์\s*\*$/).locator('..').getByRole('textbox').first(); }
-function regPassword(page: Page) { return page.getByText(/^รหัสผ่าน\s*\*$/).locator('..').getByRole('textbox').first(); }
-function regConfirmPassword(page: Page) { return page.getByText(/^ยืนยันรหัสผ่าน\s*\*$/).locator('..').getByRole('textbox').first(); }
-function regSubmit(page: Page) { return page.getByRole('button', { name: 'สร้างบัญชี' }); }
-function regLoginLink(page: Page) { return page.getByRole('link', { name: 'เข้าสู่ระบบ' }); }
-function regErrorBox(page: Page) {
-  return page.locator(['.q-field__messages', '.q-field__bottom', '.text-negative', '.q-notification', '.q-banner', '[role="alert"]'].join(', '));
-}
-async function pickPrefix(page: Page, value: 'นาย' | 'นาง' | 'นางสาว' = 'นาย') {
-  const combo = regPrefix(page);
-  await combo.selectOption({ label: value }).catch(async () => {
-    await combo.click();
-    await page.getByRole('option', { name: value }).click();
-  });
-}
-function uniqueUser() {
-  const n = Date.now().toString().slice(-6);
-  const rand8 = Math.floor(Math.random() * 1e8).toString().padStart(8, '0');
-  return {
-    username: `e2e_user_${n}`,
-    email: `e2e_${n}@example.com`,
-    firstName: 'ทดสอบ',
-    lastName: 'ระบบ',
-    phone: `09${rand8}`,
-    password: 'Admin12345!',
-  };
-}
-
-// ---------------------------
-// Helpers: Forgot Password
-// ---------------------------
-const FORGOT_URL = `${BASE_URL}/auth/forgot-password`;
-function forgotEmail(page: Page) { return page.locator('input[type="email"]').or(page.getByRole('textbox')).first(); }
-function forgotSubmit(page: Page) { return page.getByRole('button', { name: /ส่งลิงก์รีเซ็ต/i }).first(); }
-function forgotBackLink(page: Page) { return page.getByRole('link', { name: /กลับไปหน้าเข้าสู่ระบบ/i }).first(); }
-
-
-// ================== TESTS ==================
-test.describe('ระบบยืนยันตัวตน (Authentication)', () => {
-
-  // --- LOGIN ---
-  test.describe('การเข้าสู่ระบบ (Login)', () => {
-    test('Success Login แล้วเข้า /dashboard ได้', async ({ page }) => {
-      await page.goto(`${BASE_URL}/auth/login`, { waitUntil: 'domcontentloaded' });
-      await waitAppSettled(page);
-      await loginEmailLocator(page).fill(LOGIN_EMAIL);
-      await loginPasswordLocator(page).fill(LOGIN_PASSWORD);
-      await loginButtonLocator(page).click();
-      await page.waitForURL('**/dashboard', { timeout: 25_000 });
-      await waitAppSettled(page);
-
-      const dashboardEvidence = [
-        page.locator('.q-page-container').first(),
-        page.locator('.q-drawer').first(),
-        page.locator('img[src*="avataaars"]').first(),
-        page.locator('img[alt],[alt="User Avatar"]').first()
-      ];
-      await expectAnyVisible(page, dashboardEvidence, 20_000);
-    });
-
-    test('Invalid Email - Thai characters (พิมพ์ภาษาไทย)', async ({ page }) => {
-      await page.goto(`${BASE_URL}/auth/login`, { waitUntil: 'domcontentloaded' });
-      await waitAppSettled(page);
-      await loginEmailLocator(page).fill('ทดสอบภาษาไทย');
-      await loginPasswordLocator(page).fill(LOGIN_PASSWORD);
-      const errorHint = page.getByText('ห้ามใส่ภาษาไทย');
-      await expect(errorHint.first()).toBeVisible({ timeout: 12_000 });
-    });
-
-    test('Invalid Email Format (อีเมลผิดรูปแบบ)', async ({ page }) => {
-      await page.goto(`${BASE_URL}/auth/login`, { waitUntil: 'domcontentloaded' });
-      await waitAppSettled(page);
-      await loginEmailLocator(page).fill('test@domain');
-      await loginPasswordLocator(page).fill(LOGIN_PASSWORD);
-      await loginButtonLocator(page).click();
-      await waitAppSettled(page);
-      const errorHint = page.getByText('กรุณากรอกอีเมลให้ถูกต้อง (you@example.com)');
-      await expect(errorHint.first()).toBeVisible({ timeout: 12_000 });
-    });
-
-    test('Wrong Password (รหัสผ่านผิด หรืออีเมลไม่ถูกต้องในระบบ)', async ({ page }) => {
-      await page.goto(`${BASE_URL}/auth/login`, { waitUntil: 'domcontentloaded' });
-      await waitAppSettled(page);
-      await loginEmailLocator(page).fill(LOGIN_EMAIL);
-      await loginPasswordLocator(page).fill('wrong-password-123');
-      await loginButtonLocator(page).click();
-      await waitAppSettled(page);
-      const errorHint = page.getByText('กรุณาเช็ค Email หรือ รหัสผ่านใหม่อีกครั้ง');
-      await expect(errorHint.first()).toBeVisible({ timeout: 12_000 });
-    });
-  });
-
-  // --- REGISTER ---
-  test.describe('การสมัครสมาชิก (Register)', () => {
-    test('หน้า Register ต้องโหลดได้ (Smoke)', async ({ page }) => {
-      await page.goto(`${BASE_URL}/auth/register`, { waitUntil: 'domcontentloaded' });
-      await waitAppSettled(page);
-      await expect(regHeading(page)).toBeVisible({ timeout: 15_000 });
-      await expect(regSubmit(page)).toBeVisible({ timeout: 15_000 });
-    });
-
-    test('ลิงก์ "เข้าสู่ระบบ" ต้องกดแล้วไปหน้า login ได้', async ({ page }) => {
-      await page.goto(`${BASE_URL}/auth/register`, { waitUntil: 'domcontentloaded' });
-      await waitAppSettled(page);
-      await regLoginLink(page).click();
-      await page.waitForURL('**/auth/login', { timeout: 15_000 });
-    });
-
-    test('สมัครสมาชิกสำเร็จ (Happy Path) → redirect ไป /auth/login', async ({ page }) => {
-      const u = uniqueUser();
-      await page.goto(`${BASE_URL}/auth/register`, { waitUntil: 'domcontentloaded' });
-      await waitAppSettled(page);
-      await regUsername(page).fill(u.username);
-      await regEmail(page).fill(u.email);
-      await pickPrefix(page, 'นาย');
-      await regFirstName(page).fill(u.firstName);
-      await regLastName(page).fill(u.lastName);
-      await regPhone(page).fill(u.phone);
-      await regPassword(page).fill(u.password);
-      await regConfirmPassword(page).fill(u.password);
-      await regSubmit(page).click();
-      await waitAppSettled(page);
-
-      const navToLogin = page.waitForURL('**/auth/login', { timeout: 25_000, waitUntil: 'domcontentloaded' }).then(() => 'login' as const).catch(() => null);
-      const successToast = page.getByText(/สมัครสมาชิกสำเร็จ|success/i, { exact: false }).first().waitFor({ state: 'visible', timeout: 25_000 }).then(() => 'success' as const).catch(() => null);
-      const anyError = regErrorBox(page).first().waitFor({ state: 'visible', timeout: 25_000 }).then(() => 'error' as const).catch(() => null);
-      
-      const result = await Promise.race([navToLogin, successToast, anyError]);
-      if (result === 'error') {
-        throw new Error('Register errors visible');
-      }
-
-      if (!page.url().includes('/auth/login')) {
-        const hasSuccess = await page.getByText(/สมัครสมาชิกสำเร็จ/i, { exact: false }).first().isVisible().catch(() => false);
-        if (hasSuccess) {
-          await page.goto(`${BASE_URL}/auth/login`, { waitUntil: 'domcontentloaded' });
-          await waitAppSettled(page);
-        }
-      }
-
-      await expect(page).toHaveURL(/\/auth\/login/i, { timeout: 15_000 });
-      await expect(page.getByRole('heading', { name: 'เข้าสู่ระบบ' })).toBeVisible({ timeout: 15_000 });
-      await expect(page.getByRole('button', { name: 'เข้าสู่ระบบ' })).toBeVisible({ timeout: 15_000 });
-    });
-
-    test('Invalid Email - ใส่ภาษาไทย ต้องขึ้น error', async ({ page }) => {
-      await page.goto(`${BASE_URL}/auth/register`, { waitUntil: 'domcontentloaded' });
-      await waitAppSettled(page);
-      await regEmail(page).fill('ทดสอบภาษาไทย');
-      await regUsername(page).click(); 
-      const err = page.getByText(/ห้ามใส่ภาษาไทย|อีเมลไม่ถูกต้อง|รูปแบบอีเมล/i, { exact: false }).or(regErrorBox(page).filter({ hasText: /ไทย|อีเมล|email|invalid/i }));
-      await expect(err.first()).toBeVisible({ timeout: 12_000 });
-    });
-
-    test('Password ไม่ตรงกัน ต้องขึ้น error (ต้องกดสร้างบัญชีก่อน)', async ({ page }) => {
-      const u = uniqueUser();
-      await page.goto(`${BASE_URL}/auth/register`, { waitUntil: 'domcontentloaded' });
-      await waitAppSettled(page);
-      await regUsername(page).fill(u.username);
-      await regEmail(page).fill(u.email);
-      await pickPrefix(page, 'นาย');
-      await regFirstName(page).fill(u.firstName);
-      await regLastName(page).fill(u.lastName);
-      await regPhone(page).fill(u.phone);
-      await regPassword(page).fill('Admin12345!');
-      await regConfirmPassword(page).fill('Admin12345?'); 
-      await regSubmit(page).click();
-      await waitAppSettled(page);
-      const mismatchErr = page.getByText(/รหัสผ่านไม่ตรงกัน/i, { exact: false }).or(regErrorBox(page).filter({ hasText: /รหัสผ่านไม่ตรงกัน/i }));
-      await expect(mismatchErr.first()).toBeVisible({ timeout: 12_000 });
-    });
-  });
-
-  // --- FORGOT PASSWORD ---
-  test.describe('หน้าลืมรหัสผ่าน (Forgot Password)', () => {
-    test.beforeEach(async ({ page }) => {
-      await page.goto(FORGOT_URL, { waitUntil: 'domcontentloaded' });
-      await waitAppSettled(page);
-    });
-
-    test('โหลดหน้าลืมรหัสผ่านได้ครบถ้วน (Smoke Test)', async ({ page }) => {
-      await expect(page.getByRole('heading', { name: /ลืมรหัสผ่าน/i })).toBeVisible();
-      await expect(forgotEmail(page)).toBeVisible();
-      await expect(forgotSubmit(page)).toBeVisible();
-      await expect(forgotBackLink(page)).toBeVisible();
-    });
-
-    test('Validation: ใส่อีเมลภาษาไทยแล้วขึ้น Error', async ({ page }) => {
-      await forgotEmail(page).fill('ฟฟฟฟ');
-      await page.getByRole('heading', { name: /ลืมรหัสผ่าน/i }).click();
-      const err = page.getByText(/ห้ามใส่ภาษาไทย/i).first();
-      await expect(err).toBeVisible({ timeout: 10_000 });
-    });
-
-    test('กดลิงก์กลับไปหน้า Login ได้', async ({ page }) => {
-      await forgotBackLink(page).click();
-      await page.waitForURL('**/auth/login', { timeout: 10_000 });
-      await expect(page).toHaveURL(/\/auth\/login/i);
-    });
-
-    test('ทดลองส่งลิงก์รีเซ็ตรหัสผ่าน (API Mock)', async ({ page }) => {
-      await page.route('**/*', async (route) => {
-        const req = route.request();
-        const url = req.url();
-        const method = req.method();
-        const looksLikeForgotApi = method === 'POST' && /forgot|reset/i.test(url) && !/\.(png|jpg|jpeg|webp|svg|css|js|map)$/i.test(url);
-        if (looksLikeForgotApi) {
-          await route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify({ success: true, data: { message: 'Reset link sent' } }) });
-          return;
-        }
-        await route.continue();
-      });
-      await forgotEmail(page).fill('test@gmail.com');
-      await forgotSubmit(page).click();
-      await expect(page.getByText(/ส่งลิงก์เรียบร้อยแล้ว/i, { exact: false })).toBeVisible({ timeout: 10_000 });
-      await expect(page.getByText(/กรุณาตรวจสอบกล่องจดหมาย/i, { exact: false })).toBeVisible();
-    });
-  });
-});
diff --git a/Frontend-Learner/tests/e2e/classroom.spec.ts b/Frontend-Learner/tests/e2e/classroom.spec.ts
deleted file mode 100644
index 136ad904..00000000
--- a/Frontend-Learner/tests/e2e/classroom.spec.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import { test, expect } from '@playwright/test';
-
-const BASE_URL = process.env.E2E_BASE_URL ?? 'http://localhost:3000';
-
-async function waitAppSettled(page: any) {
-  await page.waitForLoadState('domcontentloaded');
-  await page.waitForLoadState('networkidle').catch(() => {});
-  await page.waitForTimeout(200);
-}
-
-// ฟังก์ชันจำลองล็อกอิน
-async function setupLogin(page: any) {
-  await page.goto(`${BASE_URL}/auth/login`, { waitUntil: 'domcontentloaded' });
-  await waitAppSettled(page);
-  
-  await page.locator('input[type="email"]').or(page.getByRole('textbox', { name: /อีเมล|email/i })).first().fill('studentedtest@example.com');
-  await page.locator('input[type="password"]').or(page.getByRole('textbox', { name: /รหัสผ่าน|password/i })).first().fill('admin123');
-  await page.getByRole('button', { name: /เข้าสู่ระบบ|login/i }).or(page.locator('button[type="submit"]')).first().click();
-  
-  await page.waitForURL('**/dashboard', { timeout: 15_000 }).catch(() => {});
-  await waitAppSettled(page);
-}
-
-test.describe('ระบบห้องเรียนออนไลน์ (Classroom & Learning)', () => {
-
-  test.beforeEach(async ({ page }) => {
-    await setupLogin(page);
-  });
-
-  test('6.1 เข้าห้องเรียนหลัก (Classroom Basic Layout)', async ({ page }) => {
-    // สมมติว่ามี Course ID: 1 ทดสอบแบบเปิดหน้าตรงๆ
-    await page.goto(`${BASE_URL}/classroom/learning?course_id=1`);
-    
-    // 1. โครงร่างของหน้า (Top Bar) ควรมีปุ่มกลับ กับไอคอนแผงด้านข้าง
-    const backBtn = page.getByRole('button').filter({ has: page.locator('i.q-icon', { hasText: 'arrow_back' }) }).first();
-    await expect(backBtn).toBeVisible({ timeout: 15_000 });
-
-    const menuCurriculumBtn = page.getByRole('button').filter({ has: page.locator('i.q-icon', { hasText: 'menu_open' }) }).first();
-    await expect(menuCurriculumBtn).toBeVisible({ timeout: 15_000 });
-
-    // 2. เช็คว่ามีพื้นที่ Sidebar หลักสูตร (CurriculumSidebar Component) โผล่ขึ้นมาหรือมีอยู่ใน DOM
-    const sidebar = page.locator('.q-drawer').first();
-    if (!await sidebar.isVisible()) {
-      await menuCurriculumBtn.click();
-    }
-    await expect(sidebar).toBeVisible();
-  });
-
-  test('6.2 เช็คสถานะการเข้าถึงเนื้อหา (Access Control)', async ({ page }) => {
-    // ลองสุ่ม Course ID สูงๆ ที่อาจจะไม่อนุญาตให้เรียน (ไม่มีสิทธิ์) ควรรองรับกล่องแจ้งเตือนด้วย Alert ของระบบ
-    // ใน learning.vue จะมีการสั่ง `alert(msg)` แต่อาจจะต้องพึ่งกลไก Intercepter
-    
-    page.on('dialog', async dialog => {
-      // หน้าต่าง Alert ถ้ามีสิทธิ์ไม่อนุญาตมันจะเด้งอันนี้
-      expect(dialog.message()).toBeTruthy(); 
-      await dialog.accept();
-    });
-
-    await page.goto(`${BASE_URL}/classroom/learning?course_id=99999`);
-    
-    // รอดู Loading หายไป
-    const loadingMask = page.locator('.animate-pulse, .q-spinner');
-    await loadingMask.first().waitFor({ state: 'hidden', timeout: 20_000 }).catch(() => {});
-  });
-
-  test('6.3 การแสดงผลช่องวิดีโอ (Video Player) หรือ พื้นที่ทำข้อสอบ (Quiz)', async ({ page }) => {
-    // เข้าหน้าห้องเรียน Course id: 1
-    await page.goto(`${BASE_URL}/classroom/learning?course_id=1`);
-    
-    // กรณีที่ 1: อาจแสดง Video ถ้าเป็นบทเรียนวิดีโอ
-    const videoLocator = page.locator('video').first();
-    
-    // กรณีที่ 2: ถ้าบทแรกเป็น Quiz จะแสดงไอคอนแบบทดสอบ
-    const quizLocator = page.getByText(/เริ่มทำแบบทดสอบ|แบบทดสอบ/i).first();
-    
-    // กรณีที่ 3: ไม่มีบทเรียนเนื้อหาใดๆ เลยให้แสดง
-    const errorLocator = page.getByText(/ไม่สามารถเข้าถึง/i).first();
-
-    try {
-       await Promise.race([
-          videoLocator.waitFor({ state: 'visible', timeout: 20_000 }),
-          quizLocator.waitFor({ state: 'visible', timeout: 20_000 }),
-          errorLocator.waitFor({ state: 'visible', timeout: 20_000 })
-       ]);
-       
-       const isOkay = (await videoLocator.isVisible()) || (await quizLocator.isVisible()) || (await errorLocator.isVisible());
-       expect(isOkay).toBeTruthy();
-    } catch {
-       // ถ้าไม่มีเลยใน 20 วิ ถือว่าหน้าอาจจะล้มเหลว หรือเป็น Content เปล่า 
-       // ให้ลอง Capture เพื่อเก็บข้อมูลไปใช้งาน
-       await page.screenshot({ path: 'tests/e2e/screenshots/classroom-blank-state.png', fullPage: true });
-    }
-  });
-
-});
diff --git a/Frontend-Learner/tests/e2e/discovery.spec.ts b/Frontend-Learner/tests/e2e/discovery.spec.ts
deleted file mode 100644
index 2783d7da..00000000
--- a/Frontend-Learner/tests/e2e/discovery.spec.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-import { test, expect } from '@playwright/test';
-
-const BASE_URL = process.env.E2E_BASE_URL ?? 'http://localhost:3000';
-
-test.describe('หมวดหน้าค้นหาคอร์สและผลลัพธ์ (Discovery & Browse)', () => {
-  
-  test.describe('ส่วนหน้าแรก (Home)', () => {
-    test('โหลดหน้าแรก และตรวจสอบแสดงผลครบถ้วน (Hero, Cards, Categories)', async ({ page }) => {
-      await page.goto(BASE_URL);
-      const heroTitle = page.locator('h1, h2, .hero-title').first();
-      await expect(heroTitle).toBeVisible({ timeout: 15_000 });
-      
-      const ctaButton = page.locator('a[href="/browse"]').first();
-      if (await ctaButton.isVisible()) {
-          await expect(ctaButton).toBeVisible();
-      }
-
-      const courseSectionHeading = page.getByText(/คอร์สออนไลน์|Online Courses/i).first();
-      await expect(courseSectionHeading).toBeVisible({ timeout: 10_000 });
-
-      const allCategoryBtn = page.getByRole('button', { name: /ทั้งหมด|All/i }).first();
-      await expect(allCategoryBtn).toBeVisible();
-
-      const courseCards = page.locator('div.cursor-pointer').filter({ has: page.locator('img') });
-      await expect(courseCards.first()).toBeVisible({ timeout: 15_000 });
-      expect(await courseCards.count()).toBeGreaterThan(0);
-    });
-  });
-
-  test.describe('ส่วนค้นหาและแคตตาล็อก (Browse)', () => {
-    test('ค้นหาหลักสูตร (Search Course)', async ({ page }) => {
-      await page.goto(`${BASE_URL}/browse`);
-      const searchInput = page.locator('input[placeholder="ค้นหาคอร์ส..."]').first();
-      await searchInput.fill('การเขียนโปรแกรม');
-      await searchInput.press('Enter');
-
-      // ในหน้า browse จะใช้ <NuxtLink> ซึ่ง render เป็น tag <a>
-      const searchResults = page.locator('a[href*="/course/"]').filter({ has: page.locator('img') }).first();
-      await expect(searchResults).toBeVisible({ timeout: 15_000 });
-    });
-
-    test('ตัวกรองหมวดหมู่คอร์ส (Category Filter)', async ({ page }) => {
-      await page.goto(`${BASE_URL}/browse`);
-      const categoryButton = page.locator('button').filter({ hasText: 'การออกแบบ' }).first();
-      
-      if (await categoryButton.isVisible()) {
-        await categoryButton.click();
-        // ในหน้า browse จะใช้ <NuxtLink> ซึ่ง render เป็น tag <a>
-        const courseCard = page.locator('a[href*="/course/"]').filter({ has: page.locator('img') }).first();
-        await expect(courseCard).toBeVisible({ timeout: 15_000 });
-      }
-    });
-  });
-
-  test.describe('หน้ารายละเอียดคอร์ส (Course Detail)', () => {
-    test('โหลดเนื้อหาวิชา (Curriculum) แถบรายละเอียดขึ้นปกติ', async ({ page }) => {
-      await page.goto(`${BASE_URL}`);
-      const courseCard = page.locator('div.cursor-pointer').filter({ has: page.locator('img') }).first();
-      await expect(courseCard).toBeVisible({ timeout: 10_000 });
-      // Get URL from navigating when clicking the div or finding another link. Since it's a div, we cannot easily get href.
-      // So let's click it or fallback to /course/1
-      const targetUrl = '/course/1';
-      
-      await page.goto(`${BASE_URL}${targetUrl}`);
-      
-      const courseTitle = page.locator('h1').first();
-      await expect(courseTitle).toBeVisible({ timeout: 15_000 });
-
-      const curriculumTab = page.getByRole('tab', { name: /เนื้อหาวิชา|ส่วนหลักสูตร|Curriculum/i }).first();
-      if (await curriculumTab.isVisible()) {
-          await curriculumTab.click();
-      }
-
-      const lessonItems = page.locator('.q-expansion-item, .lesson-item, [role="listitem"]');
-      await expect(lessonItems.first()).toBeVisible().catch(() => {});
-    });
-
-    test('การแสดงผลปุ่ม เข้าเรียน/ลงทะเบียน (Enroll / Start Learning)', async ({ page }) => {
-      await page.goto(`${BASE_URL}`);
-      const courseCard = page.locator('div.cursor-pointer').filter({ has: page.locator('img') }).first();
-      await expect(courseCard).toBeVisible({ timeout: 10_000 });
-      const targetUrl = '/course/1';
-      
-      await page.goto(`${BASE_URL}${targetUrl}`);
-      await page.waitForLoadState('networkidle').catch(() => {});
-
-      const enrollStartBtn = page.locator('button').filter({ hasText: /(เข้าสู่ระบบ|ลงทะเบียน|เข้าเรียน|เรียนต่อ|ซื้อ|ฟรี|Enroll|Start|Buy|Login)/i }).first();
-      await expect(enrollStartBtn).toBeVisible({ timeout: 10_000 });
-    });
-  });
-});
diff --git a/Frontend-Learner/tests/e2e/forgot-password.spec.ts b/Frontend-Learner/tests/e2e/forgot-password.spec.ts
deleted file mode 100644
index 24260d3e..00000000
--- a/Frontend-Learner/tests/e2e/forgot-password.spec.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-import { test, expect, type Page } from '@playwright/test';
-
-const BASE_URL = process.env.E2E_BASE_URL ?? 'http://localhost:3000';
-
-// ✅ หน้าจริงคือ /auth/forgot-password (อ้างอิงจากรูป)
-const FORGOT_URL = `${BASE_URL}/auth/forgot-password`;
-
-async function waitAppSettled(page: Page) {
-  await page.waitForLoadState('domcontentloaded');
-  await page.waitForLoadState('networkidle').catch(() => {});
-  await page.waitForTimeout(200);
-}
-
-function emailInput(page: Page) {
-  // เผื่อบางที input ไม่ได้ type=email แต่เป็น textbox ธรรมดา
-  return page.locator('input[type="email"]').or(page.getByRole('textbox')).first();
-}
-
-function submitBtn(page: Page) {
-  // ปุ่มในรูปเป็น “ส่งลิงก์รีเซ็ต”
-  return page.getByRole('button', { name: /ส่งลิงก์รีเซ็ต/i }).first();
-}
-
-function backToLoginLink(page: Page) {
-  // ในรูปเป็นลิงก์ “กลับไปหน้าเข้าสู่ระบบ”
-  return page.getByRole('link', { name: /กลับไปหน้าเข้าสู่ระบบ/i }).first();
-}
-
-test.describe('หน้าลืมรหัสผ่าน (Forgot Password)', () => {
-  test.beforeEach(async ({ page }) => {
-    await page.goto(FORGOT_URL, { waitUntil: 'domcontentloaded' });
-    await waitAppSettled(page);
-  });
-
-  test('3.1 โหลดหน้าลืมรหัสผ่านได้ครบถ้วน (Smoke Test)', async ({ page }) => {
-    await expect(page.getByRole('heading', { name: /ลืมรหัสผ่าน/i })).toBeVisible();
-    await expect(emailInput(page)).toBeVisible();
-    await expect(submitBtn(page)).toBeVisible();
-    await expect(backToLoginLink(page)).toBeVisible();
-
-    await page.screenshot({ path: 'tests/e2e/screenshots/forgot-01-smoke.png', fullPage: true });
-  });
-
-  test('3.2 Validation: ใส่อีเมลภาษาไทยแล้วขึ้น Error', async ({ page }) => {
-    await emailInput(page).fill('ฟฟฟฟ');
-
-    // trigger blur
-    await page.getByRole('heading', { name: /ลืมรหัสผ่าน/i }).click();
-
-    // ข้อความจริงในระบบ “ห้ามใส่ภาษาไทย”
-    const err = page.getByText(/ห้ามใส่ภาษาไทย/i).first();
-    await expect(err).toBeVisible({ timeout: 10_000 });
-
-    await page.screenshot({ path: 'tests/e2e/screenshots/forgot-02-thai-email.png', fullPage: true });
-  });
-
-  test('3.3 กดลิงก์กลับไปหน้า Login ได้', async ({ page }) => {
-    await backToLoginLink(page).click();
-    await page.waitForURL('**/auth/login', { timeout: 10_000 });
-    await expect(page).toHaveURL(/\/auth\/login/i);
-
-    await page.screenshot({ path: 'tests/e2e/screenshots/forgot-03-back-login.png', fullPage: true });
-  });
-
-  test('3.4 ทดลองส่งลิงก์รีเซ็ตรหัสผ่าน (API Mock)', async ({ page }) => {
-    // ✅ ดัก request แบบกว้างขึ้น: POST ที่ URL มี forgot/reset
-    await page.route('**/*', async (route) => {
-      const req = route.request();
-      const url = req.url();
-      const method = req.method();
-
-      const looksLikeForgotApi =
-        method === 'POST' &&
-        /forgot|reset/i.test(url) &&
-        // กันไม่ให้ไป intercept asset
-        !/\.(png|jpg|jpeg|webp|svg|css|js|map)$/i.test(url);
-
-      if (looksLikeForgotApi) {
-        await route.fulfill({
-          status: 200,
-          contentType: 'application/json',
-          body: JSON.stringify({ success: true, data: { message: 'Reset link sent' } }),
-        });
-        return;
-      }
-
-      await route.continue();
-    });
-
-    await emailInput(page).fill('test@gmail.com');
-    await submitBtn(page).click();
-
-    // ✅ ตรวจหน้าสำเร็จตามที่คุณคาดหวัง
-    await expect(page.getByText(/ส่งลิงก์เรียบร้อยแล้ว/i, { exact: false })).toBeVisible({ timeout: 10_000 });
-    await expect(page.getByText(/กรุณาตรวจสอบกล่องจดหมาย/i, { exact: false })).toBeVisible();
-
-    // ปุ่ม “ส่งอีกครั้ง” (ถ้ามี)
-    await expect(page.getByRole('button', { name: /ส่งอีกครั้ง/i })).toBeVisible({ timeout: 10_000 }).catch(() => {});
-
-    await page.screenshot({ path: 'tests/e2e/screenshots/forgot-04-mock-success.png', fullPage: true });
-  });
-});
diff --git a/Frontend-Learner/tests/e2e/login.spec.ts b/Frontend-Learner/tests/e2e/login.spec.ts
deleted file mode 100644
index 7a033655..00000000
--- a/Frontend-Learner/tests/e2e/login.spec.ts
+++ /dev/null
@@ -1,122 +0,0 @@
-import { test, expect, type Page, type Locator } from '@playwright/test';
-
-const BASE_URL = process.env.E2E_BASE_URL ?? 'http://localhost:3000';
-
-// ใช้ account ตามที่คุณให้มา
-const EMAIL = 'studentedtest@example.com';
-const PASSWORD = 'admin123';
-
-async function waitAppSettled(page: Page) {
-  await page.waitForLoadState('domcontentloaded');
-  await page.waitForLoadState('networkidle').catch(() => {});
-  await page.waitForTimeout(200);
-}
-
-function emailLocator(page: Page): Locator {
-  return page
-    .locator('input[type="email"]')
-    .or(page.getByRole('textbox', { name: /อีเมล|email/i }))
-    .first();
-}
-
-function passwordLocator(page: Page): Locator {
-  return page
-    .locator('input[type="password"]')
-    .or(page.getByRole('textbox', { name: /รหัสผ่าน|password/i }))
-    .first();
-}
-
-function loginButtonLocator(page: Page): Locator {
-  return page
-    .getByRole('button', { name: /เข้าสู่ระบบ|login/i })
-    .or(page.locator('button[type="submit"]'))
-    .first();
-}
-
-async function expectAnyVisible(page: Page, locators: Locator[], timeout = 20_000) {
-  const start = Date.now();
-  while (Date.now() - start < timeout) {
-    for (const loc of locators) {
-      try {
-        if (await loc.isVisible()) return;
-      } catch {}
-    }
-    await page.waitForTimeout(200);
-  }
-  throw new Error('None of the expected dashboard locators became visible.');
-}
-
-test.describe('Login -> Dashboard', () => {
-  test('Success Login แล้วเข้า /dashboard ได้', async ({ page }) => {
-    await page.goto(`${BASE_URL}/auth/login`, { waitUntil: 'domcontentloaded' });
-    await waitAppSettled(page);
-
-    await emailLocator(page).fill(EMAIL);
-    await passwordLocator(page).fill(PASSWORD);
-    await loginButtonLocator(page).click();
-
-    await page.waitForURL('**/dashboard', { timeout: 25_000 });
-    await waitAppSettled(page);
-
-    // ✅ ใช้ Locator ที่พบเจอแน่นอนใน Layout/Page โดยไม่ยึดติดกับภาษาปัจจุบัน (I18n)
-    const dashboardEvidence = [
-      // มองหา Layout container ฝั่ง Dashboard
-      page.locator('.q-page-container').first(),
-      page.locator('.q-drawer').first(),
-      // มองหารูปโปรไฟล์ (UserAvatar) 
-      page.locator('img[src*="avataaars"]').first(),
-      page.locator('img[alt],[alt="User Avatar"]').first()
-    ];
-
-    await expectAnyVisible(page, dashboardEvidence, 20_000);
-
-    await page.screenshot({ path: 'tests/e2e/screenshots/login-to-dashboard.png', fullPage: true });
-  });
-
-  test('Invalid Email - Thai characters (พิมพ์ภาษาไทย)', async ({ page }) => {
-    await page.goto(`${BASE_URL}/auth/login`, { waitUntil: 'domcontentloaded' });
-    await waitAppSettled(page);
-
-    await emailLocator(page).fill('ทดสอบภาษาไทย');
-    await passwordLocator(page).fill(PASSWORD);
-
-    const errorHint = page.getByText('ห้ามใส่ภาษาไทย');
-
-    await expect(errorHint.first()).toBeVisible({ timeout: 12_000 });
-    await page.screenshot({ path: 'tests/e2e/screenshots/login-thai-email.png', fullPage: true });
-  });
-
-  test('Invalid Email Format (อีเมลผิดรูปแบบ)', async ({ page }) => {
-    await page.goto(`${BASE_URL}/auth/login`, { waitUntil: 'domcontentloaded' });
-    await waitAppSettled(page);
-
-    // *สำคัญ*: HTML5 จะดักจับ invalid-email-format ตั้งแต่กด Submit (native validation)
-    // ทำให้ Vue Form ไม่เริ่มทำงาน
-    // ดังนั้นเพื่อให้ทดสอบเจอ Error จาก useFormValidation จริงๆ เราใช้ 'test@domain'
-    // ซึ่ง HTML5 <input type="email"> ปล่อยผ่าน แต่ /regex/ ของระบบตรวจเจอว่าไม่มี .com
-    await emailLocator(page).fill('test@domain');
-    await passwordLocator(page).fill(PASSWORD);
-    await loginButtonLocator(page).click();
-    await waitAppSettled(page);
-
-    const errorHint = page.getByText('กรุณากรอกอีเมลให้ถูกต้อง (you@example.com)');
-
-    await expect(errorHint.first()).toBeVisible({ timeout: 12_000 });
-    await page.screenshot({ path: 'tests/e2e/screenshots/login-invalid-email.png', fullPage: true });
-  });
-
-  test('Wrong Password (รหัสผ่านผิด หรืออีเมลไม่ถูกต้องในระบบ)', async ({ page }) => {
-    await page.goto(`${BASE_URL}/auth/login`, { waitUntil: 'domcontentloaded' });
-    await waitAppSettled(page);
-
-    await emailLocator(page).fill(EMAIL);
-    await passwordLocator(page).fill('wrong-password-123');
-    await loginButtonLocator(page).click();
-    await waitAppSettled(page);
-
-    const errorHint = page.getByText('กรุณาเช็ค Email หรือ รหัสผ่านใหม่อีกครั้ง');
-
-    await expect(errorHint.first()).toBeVisible({ timeout: 12_000 });
-    await page.screenshot({ path: 'tests/e2e/screenshots/login-wrong-password.png', fullPage: true });
-  });
-});
diff --git a/Frontend-Learner/tests/e2e/quiz.spec.ts b/Frontend-Learner/tests/e2e/quiz.spec.ts
deleted file mode 100644
index 178d2abc..00000000
--- a/Frontend-Learner/tests/e2e/quiz.spec.ts
+++ /dev/null
@@ -1,125 +0,0 @@
-import { test, expect } from '@playwright/test';
-
-const BASE_URL = process.env.E2E_BASE_URL ?? 'http://localhost:3000';
-
-async function waitAppSettled(page: any) {
-  await page.waitForLoadState('domcontentloaded');
-  await page.waitForLoadState('networkidle').catch(() => {});
-  await page.waitForTimeout(200);
-}
-
-// ฟังก์ชันจำลองล็อกอิน (เพราะทำข้อสอบต้องล็อกอินเสมอ)
-async function setupLogin(page: any) {
-  await page.goto(`${BASE_URL}/auth/login`, { waitUntil: 'domcontentloaded' });
-  await waitAppSettled(page);
-  
-  await page.locator('input[type="email"]').or(page.getByRole('textbox', { name: /อีเมล|email/i })).first().fill('studentedtest@example.com');
-  await page.locator('input[type="password"]').or(page.getByRole('textbox', { name: /รหัสผ่าน|password/i })).first().fill('admin123');
-  await page.getByRole('button', { name: /เข้าสู่ระบบ|login/i }).or(page.locator('button[type="submit"]')).first().click();
-  
-  await page.waitForURL('**/dashboard', { timeout: 15_000 }).catch(() => {});
-  await waitAppSettled(page);
-}
-
-// ฟังก์ชัน Mock ข้อมูลข้อสอบให้ Playwright ไม่ต้องไปดึงจากฐานข้อมูลจริงๆ (เพื่อป้องกันปัญหาคอร์ส/บทเรียนไม่มีอยู่จริง)
-async function mockQuizData(page: any) {
-  await page.route('**/lessons/*', async (route: any) => {
-    // สมมติข้อมูลข้อสอบจำลองให้มี 15 ข้อเพื่อเทส Pagination ได้
-    const mockQuestions = Array.from({ length: 15 }, (_, i) => ({
-      id: i + 1,
-      question: { th: `คำถามข้อที่ ${i + 1}?`, en: `Question ${i + 1}?` },
-      text: { th: `คำถามข้อที่ ${i + 1}?`, en: `Question ${i + 1}?` },
-      choices: [
-        { id: i * 10 + 1, text: { th: 'ก', en: 'A' } },
-        { id: i * 10 + 2, text: { th: 'ข', en: 'B' } },
-        { id: i * 10 + 3, text: { th: 'ค', en: 'C' } }
-      ]
-    }));
-
-    await route.fulfill({
-      status: 200,
-      contentType: 'application/json',
-      body: JSON.stringify({
-        success: true,
-        data: {
-          id: 17,
-          type: 'QUIZ',
-          quiz: {
-            id: 99,
-            title: { th: 'แบบทดสอบปลายภาค (Mock)', en: 'Final Exam (Mock)' },
-            time_limit: 30,
-            questions: mockQuestions
-          }
-        },
-        progress: {}
-      })
-    });
-  });
-}
-
-test.describe('ระบบทำแบบทดสอบ (Quiz System)', () => {
-    
-  test.beforeEach(async ({ page }) => {
-    // ต้อง Login ก่อนเรียน!
-    await setupLogin(page);
-  });
-
-  test('โหลดหน้า Quiz และคลิกระบบเริ่มทำข้อสอบได้ (Start Screen)', async ({ page }) => {
-    await mockQuizData(page);
-
-    // สมมติเอาที่ quiz ใน course 2 lesson 17 (ซึ่ง API เสาะหาจะถูกดักจับและ Mock ไว้ด้านบนแล้ว)
-    await page.goto(`${BASE_URL}/classroom/quiz?course_id=2&lesson_id=17`);
-
-    // หน้าจอ Start Screen ต้องขึ้นมา
-    const startBtn = page.getByRole('button', { name: /เริ่มทำแบบทดสอบ|Start/i }).first();
-    await expect(startBtn).toBeVisible({ timeout: 15_000 });
-    
-    // ลองกดเริ่มทำ
-    await startBtn.click();
-
-    // เช็คว่าหน้า Taking (พื้นที่ทำข้อสอบข้อที่ 1) โผล่มา
-    const questionText = page.locator('h3').first(); // ชื่อคำถาม
-    await expect(questionText).toBeVisible({ timeout: 10_000 });
-  });
-
-  test('ทดสอบระบบแถบข้อสอบ แบ่งหน้า (Pagination - เลื่อนซ้าย/ขวา)', async ({ page }) => {
-    await mockQuizData(page);
-    await page.goto(`${BASE_URL}/classroom/quiz?course_id=2&lesson_id=17`);
-    
-    // เข้าเมนูแบบทดสอบ
-    const startBtn = page.getByRole('button', { name: /เริ่มทำแบบทดสอบ|Start/i }).first();
-    await expect(startBtn).toBeVisible({ timeout: 15_000 });
-    await startBtn.click();
-
-    // เช็คว่ามีลูกศรเลื่อนหน้าข้อสอบ (Paginations) สำหรับแบบทดสอบเกิน 10 ข้อที่สร้างมาใหม่
-    const nextPaginationPageBtn = page.locator('button').filter({ has: page.locator('i.q-icon:has-text("chevron_right")') }).first();
-    
-    if (await nextPaginationPageBtn.isVisible()) {
-        // หากปุ่มแสดง (บอกว่ามีข้อสอบหลายหน้า) ลองกดข้าม
-        await expect(nextPaginationPageBtn).toBeEnabled();
-        await nextPaginationPageBtn.click();
-        
-        // เช็คว่ากดแล้ว ข้อที่ 11 โผล่มา
-        const question11Btn = page.locator('button').filter({ hasText: /^11$/ }).first();
-        await expect(question11Btn).toBeVisible();
-    }
-  });
-
-  test('การแสดงผลปุ่มถัดไป/ส่งคำตอบ (Submit & Navigation UI)', async ({ page }) => {
-    await mockQuizData(page);
-    await page.goto(`${BASE_URL}/classroom/quiz?course_id=2&lesson_id=17`);
-    const startBtn = page.getByRole('button', { name: /เริ่มทำแบบทดสอบ|Start/i }).first();
-    await expect(startBtn).toBeVisible({ timeout: 15_000 });
-    await startBtn.click();
-
-    // รอให้หน้าโหลดคำถามเสร็จก่อน ค่อยหาปุ่ม
-    await expect(page.locator('h3').first()).toBeVisible({ timeout: 10_000 });
-
-    const submitBtn = page.locator('button').filter({ hasText: /(ส่งคำตอบ|Submit)/i }).first();
-    const nextBtn = page.locator('button').filter({ hasText: /(ถัดไป|Next)/i }).first();
-    
-    // แบบทดสอบข้อแรก ต้องมีปุ่ม ถัดไป(Next) หรือปุ่มส่ง ถ้ามีแค่ 1 ข้อ
-    await expect(submitBtn.or(nextBtn)).toBeVisible({ timeout: 10_000 });
-  });
-
-});
diff --git a/Frontend-Learner/tests/e2e/register.spec.ts b/Frontend-Learner/tests/e2e/register.spec.ts
deleted file mode 100644
index 5d3c6903..00000000
--- a/Frontend-Learner/tests/e2e/register.spec.ts
+++ /dev/null
@@ -1,241 +0,0 @@
-import { test, expect, type Page, type Locator } from '@playwright/test';
-
-const BASE_URL = process.env.E2E_BASE_URL ?? 'http://localhost:3000';
-
-async function waitAppSettled(page: Page) {
-  await page.waitForLoadState('domcontentloaded');
-  await page.waitForLoadState('networkidle').catch(() => {});
-  await page.waitForTimeout(250);
-}
-
-// ===== Anchors / Scope =====
-function headingRegister(page: Page) {
-  return page.getByRole('heading', { name: 'สร้างบัญชีผู้ใช้งาน' });
-}
-
-// ===== Inputs (ตาม snapshot ที่คุณส่งมา) =====
-function usernameInput(page: Page): Locator {
-  // snapshot: textbox "username"
-  return page.getByRole('textbox', { name: 'username' }).first();
-}
-
-function emailInput(page: Page): Locator {
-  // snapshot: textbox "student@example.com"
-  return page.getByRole('textbox', { name: 'student@example.com' }).first();
-}
-
-function prefixCombobox(page: Page): Locator {
-  // snapshot: combobox มี option นาย/นาง/นางสาว
-  return page.getByRole('combobox').first();
-}
-
-function firstNameInput(page: Page): Locator {
-  // snapshot: label "ชื่อ *" + textbox
-  return page.getByText(/^ชื่อ\s*\*$/).locator('..').getByRole('textbox').first();
-}
-
-function lastNameInput(page: Page): Locator {
-  return page.getByText(/^นามสกุล\s*\*$/).locator('..').getByRole('textbox').first();
-}
-
-function phoneInput(page: Page): Locator {
-  return page.getByText(/^เบอร์โทรศัพท์\s*\*$/).locator('..').getByRole('textbox').first();
-}
-
-function passwordInput(page: Page): Locator {
-  // snapshot: label "รหัสผ่าน *" + textbox (มีปุ่ม visibility อยู่ข้างๆ)
-  return page.getByText(/^รหัสผ่าน\s*\*$/).locator('..').getByRole('textbox').first();
-}
-
-function confirmPasswordInput(page: Page): Locator {
-  return page.getByText(/^ยืนยันรหัสผ่าน\s*\*$/).locator('..').getByRole('textbox').first();
-}
-
-function submitButton(page: Page): Locator {
-  return page.getByRole('button', { name: 'สร้างบัญชี' });
-}
-
-function loginLink(page: Page): Locator {
-  return page.getByRole('link', { name: 'เข้าสู่ระบบ' });
-}
-
-function errorBox(page: Page): Locator {
-  // ทั้ง field message และ notification/toast/alert
-  return page.locator(
-    ['.q-field__messages', '.q-field__bottom', '.text-negative', '.q-notification', '.q-banner', '[role="alert"]'].join(
-      ', '
-    )
-  );
-}
-
-async function pickPrefix(page: Page, value: 'นาย' | 'นาง' | 'นางสาว' = 'นาย') {
-  const combo = prefixCombobox(page);
-
-  // ถ้าเป็น <select> จริง selectOption จะเวิร์คทันที
-  await combo.selectOption({ label: value }).catch(async () => {
-    // fallback: คลิกแล้วเลือก option
-    await combo.click();
-    await page.getByRole('option', { name: value }).click();
-  });
-}
-
-// ===== Test data =====
-function uniqueUser() {
-  const n = Date.now().toString().slice(-6);
-
-  // ✅ แก้ปัญหา "Phone number already exists" ด้วยเบอร์สุ่มไม่ซ้ำ
-  // รูปแบบ 09xxxxxxxx (10 หลัก)
-  const rand8 = Math.floor(Math.random() * 1e8).toString().padStart(8, '0');
-  const phone = `09${rand8}`;
-
-  return {
-    username: `e2e_user_${n}`,
-    email: `e2e_${n}@example.com`,
-    firstName: 'ทดสอบ',
-    lastName: 'ระบบ',
-    phone,
-    password: 'Admin12345!',
-  };
-}
-
-// ================== TESTS ==================
-test.describe('Register Page (auth/register)', () => {
-  test('หน้า Register ต้องโหลดได้ (Smoke)', async ({ page }) => {
-    await page.goto(`${BASE_URL}/auth/register`, { waitUntil: 'domcontentloaded' });
-    await waitAppSettled(page);
-
-    await expect(headingRegister(page)).toBeVisible({ timeout: 15_000 });
-    await expect(submitButton(page)).toBeVisible({ timeout: 15_000 });
-    await page.screenshot({ path: 'tests/e2e/screenshots/register-page.png', fullPage: true });
-  });
-
-  test('ลิงก์ "เข้าสู่ระบบ" ต้องกดแล้วไปหน้า login ได้', async ({ page }) => {
-    await page.goto(`${BASE_URL}/auth/register`, { waitUntil: 'domcontentloaded' });
-    await waitAppSettled(page);
-
-    await loginLink(page).click();
-    await page.waitForURL('**/auth/login', { timeout: 15_000 });
-    await page.screenshot({ path: 'tests/e2e/screenshots/register-go-login.png', fullPage: true });
-  });
-
-  test('สมัครสมาชิกสำเร็จ (Happy Path) → redirect ไป /auth/login', async ({ page }) => {
-    const u = uniqueUser();
-
-    await page.goto(`${BASE_URL}/auth/register`, { waitUntil: 'domcontentloaded' });
-    await waitAppSettled(page);
-
-    await usernameInput(page).fill(u.username);
-    await emailInput(page).fill(u.email);
-    await pickPrefix(page, 'นาย');
-
-    await firstNameInput(page).fill(u.firstName);
-    await lastNameInput(page).fill(u.lastName);
-    await phoneInput(page).fill(u.phone);
-
-    await passwordInput(page).fill(u.password);
-    await confirmPasswordInput(page).fill(u.password);
-
-    await submitButton(page).click();
-    await waitAppSettled(page);
-
-    // ✅ รอ 3 อย่าง: ไป login / success toast / error
-    const navToLogin = page
-      .waitForURL('**/auth/login', { timeout: 25_000, waitUntil: 'domcontentloaded' })
-      .then(() => 'login' as const)
-      .catch(() => null);
-
-    const successToast = page
-      .getByText(/สมัครสมาชิกสำเร็จ|success/i, { exact: false })
-      .first()
-      .waitFor({ state: 'visible', timeout: 25_000 })
-      .then(() => 'success' as const)
-      .catch(() => null);
-
-    const anyError = errorBox(page)
-      .first()
-      .waitFor({ state: 'visible', timeout: 25_000 })
-      .then(() => 'error' as const)
-      .catch(() => null);
-
-    const result = await Promise.race([navToLogin, successToast, anyError]);
-
-    // ถ้ามี error ให้ fail พร้อม log ชัดๆ
-    if (result === 'error') {
-      const errs = await errorBox(page).allInnerTexts().catch(() => []);
-      await page.screenshot({ path: 'tests/e2e/screenshots/register-happy-error.png', fullPage: true });
-      throw new Error(`Register did not redirect. Errors: ${errs.join(' | ')}`);
-    }
-
-    // ถ้ามีแต่ toast success แต่ยังไม่ redirect ให้ไปหน้า login เอง (ตาม flow ที่คุณต้องการ)
-    if (!page.url().includes('/auth/login')) {
-      const hasSuccess = await page
-        .getByText(/สมัครสมาชิกสำเร็จ/i, { exact: false })
-        .first()
-        .isVisible()
-        .catch(() => false);
-
-      if (hasSuccess) {
-        await page.goto(`${BASE_URL}/auth/login`, { waitUntil: 'domcontentloaded' });
-        await waitAppSettled(page);
-      }
-    }
-
-    // ✅ สุดท้ายต้องอยู่หน้า /auth/login แน่นอน
-    await expect(page).toHaveURL(/\/auth\/login/i, { timeout: 15_000 });
-
-    // ✅ แก้ strict mode: ระบุให้ชัดว่าเป็น heading และ button
-    await expect(page.getByRole('heading', { name: 'เข้าสู่ระบบ' })).toBeVisible({ timeout: 15_000 });
-    await expect(page.getByRole('button', { name: 'เข้าสู่ระบบ' })).toBeVisible({ timeout: 15_000 });
-
-    // optional: การ์ด TEST ACCOUNT (ถ้ามี)
-    await expect(page.getByText(/TEST ACCOUNT/i, { exact: false }))
-      .toBeVisible({ timeout: 10_000 })
-      .catch(() => {});
-
-    await page.screenshot({ path: 'tests/e2e/screenshots/register-redirect-login.png', fullPage: true });
-  });
-
-  test('Invalid Email - ใส่ภาษาไทย ต้องขึ้น error', async ({ page }) => {
-    await page.goto(`${BASE_URL}/auth/register`, { waitUntil: 'domcontentloaded' });
-    await waitAppSettled(page);
-
-    await emailInput(page).fill('ทดสอบภาษาไทย');
-    await usernameInput(page).click(); // blur trigger
-
-    const err = page
-      .getByText(/ห้ามใส่ภาษาไทย|อีเมลไม่ถูกต้อง|รูปแบบอีเมล/i, { exact: false })
-      .or(errorBox(page).filter({ hasText: /ไทย|อีเมล|email|invalid/i }));
-
-    await expect(err.first()).toBeVisible({ timeout: 12_000 });
-    await page.screenshot({ path: 'tests/e2e/screenshots/register-invalid-email-thai.png', fullPage: true });
-  });
-
-  test('Password ไม่ตรงกัน ต้องขึ้น error (ต้องกดสร้างบัญชีก่อน)', async ({ page }) => {
-    const u = uniqueUser();
-
-    await page.goto(`${BASE_URL}/auth/register`, { waitUntil: 'domcontentloaded' });
-    await waitAppSettled(page);
-
-    await usernameInput(page).fill(u.username);
-    await emailInput(page).fill(u.email);
-    await pickPrefix(page, 'นาย');
-
-    await firstNameInput(page).fill(u.firstName);
-    await lastNameInput(page).fill(u.lastName);
-    await phoneInput(page).fill(u.phone);
-
-    await passwordInput(page).fill('Admin12345!');
-    await confirmPasswordInput(page).fill('Admin12345?'); // mismatch
-
-    // ✅ ต้อง submit ก่อน error ถึงขึ้น
-    await submitButton(page).click();
-    await waitAppSettled(page);
-
-    const mismatchErr = page
-      .getByText(/รหัสผ่านไม่ตรงกัน/i, { exact: false })
-      .or(errorBox(page).filter({ hasText: /รหัสผ่านไม่ตรงกัน/i }));
-
-    await expect(mismatchErr.first()).toBeVisible({ timeout: 12_000 });
-    await page.screenshot({ path: 'tests/e2e/screenshots/register-password-mismatch.png', fullPage: true });
-  });
-});
\ No newline at end of file
diff --git a/Frontend-Learner/tests/e2e/student-account.spec.ts b/Frontend-Learner/tests/e2e/student-account.spec.ts
deleted file mode 100644
index 4418483e..00000000
--- a/Frontend-Learner/tests/e2e/student-account.spec.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-import { test, expect } from '@playwright/test';
-
-const BASE_URL = process.env.E2E_BASE_URL ?? 'http://localhost:3000';
-
-async function waitAppSettled(page: any) {
-  await page.waitForLoadState('domcontentloaded');
-  await page.waitForLoadState('networkidle').catch(() => {});
-  await page.waitForTimeout(200);
-}
-
-// ฟังก์ชันจำลองล็อกอิน (เพื่อที่จะเข้า Dashboard ได้)
-async function setupLogin(page: any) {
-  await page.goto(`${BASE_URL}/auth/login`, { waitUntil: 'domcontentloaded' });
-  await waitAppSettled(page);
-  
-  await page.locator('input[type="email"]').or(page.getByRole('textbox', { name: /อีเมล|email/i })).first().fill('studentedtest@example.com');
-  await page.locator('input[type="password"]').or(page.getByRole('textbox', { name: /รหัสผ่าน|password/i })).first().fill('admin123');
-  await page.getByRole('button', { name: /เข้าสู่ระบบ|login/i }).or(page.locator('button[type="submit"]')).first().click();
-  
-  await page.waitForURL('**/dashboard', { timeout: 15_000 }).catch(() => {});
-  await waitAppSettled(page);
-}
-
-test.describe('ระบบพื้นที่ส่วนตัวผู้เรียน (Student Account / Portal)', () => {
-
-  test.describe('การตั้งค่าและส่วนติดต่อผู้ใช้ (Settings & UI Theme)', () => {
-    test('เปลี่ยนภาษาการแสดงผล (Localisation/i18n)', async ({ page }) => {
-      await page.goto(BASE_URL); 
-      const langBtn = page.getByRole('button', { name: 'Language' }).or(page.locator('button').filter({ hasText: /TH|EN/ })).first();
-      
-      if (await langBtn.isVisible()) {
-        await langBtn.click();
-        const englishOpt = page.locator('text=English, text=EN').first();
-        await englishOpt.click();
-
-        const loginLink = page.locator('a[href*="login"], button').filter({ hasText: /Log in|Sign In/i });
-        await expect(loginLink).toBeVisible({ timeout: 5000 });
-      }
-    });
-
-    test('เปลี่ยนโหมดมืดสว่าง (Theme Switcher)', async ({ page }) => {
-      await page.goto(BASE_URL);
-      const themeBtn = page.locator('.dark-mode-toggle, button[aria-label*="theme"]').first();
-      
-      if (await themeBtn.isVisible()) {
-        const htmlBefore = await page.evaluate(() => document.documentElement.className);
-        await themeBtn.click();
-        await page.waitForTimeout(500); 
-        const htmlAfter = await page.evaluate(() => document.documentElement.className);
-        expect(htmlBefore).not.toEqual(htmlAfter);
-      }
-    });
-  });
-
-  test.describe('ระบบหน้าแดชบอร์ดนักเรียน (Dashboard & My Courses)', () => {
-    test.beforeEach(async ({ page }) => {
-      await setupLogin(page);
-    });
-
-    test('หน้าแรกของ Dashboard โหลดได้ปกติ', async ({ page }) => {
-      await page.goto(`${BASE_URL}/dashboard`);
-      await page.waitForTimeout(1000);
-
-      const welcomeText = page.getByText(/ยินดีต้อนรับกลับ/i, { exact: false });
-      const profileSummary = page.locator('.q-avatar, img[alt*="Profile"], img[src*="avatar"]').first();
-
-      await expect(welcomeText.first().or(profileSummary)).toBeVisible({ timeout: 10_000 });
-    });
-
-    test('โหลดหน้า คอร์สของฉัน (My Courses)', async ({ page }) => {
-      await page.goto(`${BASE_URL}/dashboard/my-courses`);
-
-      const heading = page.locator('h2').filter({ hasText: /คอร์สของฉัน|My Courses/i }).first();
-      await expect(heading).toBeVisible();
-
-      const searchInput = page.getByPlaceholder(/ค้นหา|Search/i).first();
-      await expect(searchInput).toBeVisible({ timeout: 10_000 });
-      
-      await expect(page.locator('i.q-icon').filter({ hasText: 'grid_view' }).first()).toBeVisible();
-      await expect(page.locator('i.q-icon').filter({ hasText: 'view_list' }).first()).toBeVisible();
-    });
-
-    test('ลองค้นหาคอร์ส (Search Input) ไม่พบข้อมูล', async ({ page }) => {
-      await page.goto(`${BASE_URL}/dashboard/my-courses`);
-      
-      const searchInput = page.getByPlaceholder(/ค้นหา|Search/i).first();
-      await expect(searchInput).toBeVisible({ timeout: 10_000 });
-
-      await searchInput.fill('คอร์สที่ไม่มีอยู่จริงแน่นอน1234');
-
-      const emptyState = page.locator('h3').filter({ hasText: /ไม่พบ|ไม่เจอ|No result/i }).first()
-                           .or(page.locator('i.q-icon').filter({ hasText: 'search_off' }));
-      
-      await expect(emptyState.first()).toBeVisible({ timeout: 10_000 });
-    });
-
-    test('แก้ไขและบันทึกข้อมูลส่วนตัว (Edit Profile)', async ({ page }) => {
-      await page.goto(`${BASE_URL}/dashboard/profile`);
-
-      const nameInput = page.locator('input[type="text"]').first();
-      
-      if (await nameInput.isVisible()) {
-        const oldName = await nameInput.inputValue();
-        
-        await nameInput.clear();
-        await nameInput.fill(`${oldName}แก้ไข`);
-
-        const saveBtn = page.getByRole('button', { name: /บันทึก/i }).first();
-        if(await saveBtn.isVisible()) {
-          await saveBtn.click();
-          const successNotify = page.locator('.q-notification__message, text=อัปเดตข้อมูลสำเร็จ').first();
-          await expect(successNotify).toBeVisible({ timeout: 5000 }).catch(() => {});
-        }
-      }
-    });
-
-  });
-});
diff --git a/Frontend-Learner/types/auth.ts b/Frontend-Learner/types/auth.ts
deleted file mode 100644
index 22f07190..00000000
--- a/Frontend-Learner/types/auth.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-/**
- * @file auth.ts
- * @description Type definitions for authentication and user profiles.
- */
-
-export interface User {
-  id: number
-  username: string
-  email: string
-  email_verified_at?: string | null
-  created_at?: string
-  updated_at?: string
-  role: {
-    code: string // เช่น 'STUDENT', 'INSTRUCTOR', 'ADMIN'
-    name: { th: string; en: string }
-  }
-  profile?: {
-    prefix: { th: string; en: string }
-    first_name: string
-    last_name: string
-    phone: string | null
-    avatar_url: string | null
-  }
-}
-
-export interface LoginResponse {
-  token: string
-  refreshToken: string
-  user: User
-  profile: User['profile']
-}
-
-export interface RegisterPayload {
-  username: string
-  email: string
-  password: string
-  first_name: string
-  last_name: string
-  prefix: { th: string; en: string }
-  phone: string
-}
diff --git a/Frontend-Learner/types/course.ts b/Frontend-Learner/types/course.ts
deleted file mode 100644
index 44e4d0a5..00000000
--- a/Frontend-Learner/types/course.ts
+++ /dev/null
@@ -1,142 +0,0 @@
-/**
- * @file course.ts
- * @description Type definitions for courses, enrollments, quizzes, and certificates.
- */
-
-export interface Course {
-  id: number
-  title: string | { th: string; en: string }
-  slug: string
-  description: string | { th: string; en: string }
-  thumbnail_url: string
-  price: string
-  is_free: boolean
-  original_price?: string
-  have_certificate: boolean
-  status: string
-  category_id: number
-  created_at?: string
-  updated_at?: string
-  created_by?: number
-  updated_by?: number
-  approved_at?: string
-  approved_by?: number
-  rejection_reason?: string
-  enrolled?: boolean
-  total_lessons?: number
-  rating?: string
-  lessons?: number | string
-  levelType?: 'neutral' | 'warning' | 'success'
-  chapters?: {
-    id: number
-    title: string | { th: string; en: string }
-    lessons: {
-      id: number
-      title: string | { th: string; en: string }
-      duration_minutes: number
-      video_url?: string
-    }[]
-  }[]
-  creator?: {
-    id: number
-    username: string
-    email: string
-    profile: {
-      first_name: string
-      last_name: string
-      avatar_url: string
-    }
-  }
-  instructors?: {
-    user_id: number
-    is_primary: boolean
-    user: {
-      id: number
-      username: string
-      email: string
-      profile: {
-        first_name: string
-        last_name: string
-        avatar_url: string
-      }
-    }
-  }[]
-}
-
-export interface CourseResponse {
-  code: number
-  message: string
-  data: Course[]
-  total: number
-  page?: number
-  limit?: number
-  totalPages?: number
-}
-
-export interface SingleCourseResponse {
-  code: number
-  message: string
-  data: Course
-}
-
-export interface EnrolledCourse {
-  id: number
-  course_id: number
-  course: Course
-  status: 'ENROLLED' | 'IN_PROGRESS' | 'COMPLETED' | 'DROPPED'
-  progress_percentage: number
-  enrolled_at: string
-  started_at?: string
-  completed_at?: string
-  last_accessed_at?: string
-}
-
-export interface EnrolledCourseResponse {
-  code: number
-  message: string
-  data: EnrolledCourse[]
-  total: number
-  page: number
-  limit: number
-}
-
-export interface QuizAnswerSubmission {
-  question_id: number
-  choice_id: number
-}
-
-export interface QuizSubmitRequest {
-  answers: QuizAnswerSubmission[]
-}
-
-export interface QuizResult {
-  answers_review: {
-    score: number
-    is_correct: boolean
-    correct_choice_id: number
-    selected_choice_id: number
-    question_id: number
-  }[]
-  completed_at: string
-  started_at: string
-  attempt_number: number
-  passing_score: number
-  is_passed: boolean
-  correct_answers: number
-  total_questions: number
-  total_score: number
-  score: number
-  quiz_id: number
-  attempt_id: number
-}
-
-export interface Certificate {
-  certificate_id: number
-  course_id: number
-  course_title: {
-    en: string
-    th: string
-  }
-  issued_at: string
-  download_url: string
-}
diff --git a/Frontend-Learner/types/index.ts b/Frontend-Learner/types/index.ts
deleted file mode 100644
index 0f2701d3..00000000
--- a/Frontend-Learner/types/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './auth'
-export * from './course'
diff --git a/Frontend-Learner/คู่มืออธิบาย/ED.md b/Frontend-Learner/คู่มืออธิบาย/ED.md
new file mode 100644
index 00000000..5727dde2
--- /dev/null
+++ b/Frontend-Learner/คู่มืออธิบาย/ED.md
@@ -0,0 +1,71 @@
+วันที่บันทึกปฏิบัติงาน \*
+18/02/2026
+
+องค์ความรู้ที่ได้รับ \*
+
+- การใช้งาน Nuxt 3 Routing (useRoute, useRouter) ในการจัดการ Query Parameters
+- การเชื่อมโยง State กับ URL เพื่อสร้าง Deep Linking ให้แชร์ลิงก์หมวดหมู่ได้
+- การใช้งาน Vue 3 Composition API (Script Setup) แทน Options API เพื่อความเป็นระเบียบและลดความซับซ้อน
+- การตกแต่ง UI ด้วย Tailwind CSS ขั้นสูง (Gradients, Glow Effects, Backdrop Filters) เพื่อให้ได้ธีม Premium/Clean
+- การจัดการ Event Listener ใน Vue Component (onMounted, onUnmounted) เพื่อป้องกัน Memory Leak
+
+รายละเอียด \*
+
+- พัฒนาระบบ Filter หมวดหมู่คอร์สเรียน เชื่อมโยงหน้าแรก (Home) กับหน้าค้นหา (Browse)
+- ปรับแก้โครงสร้าง Code ในหน้า `index.vue` ให้ใช้ Script Setup ทั้งหมดเพื่อลดความซับซ้อนและแก้ปัญหาการเรียกใช้ตัวแปร
+- ปรับดีไซน์ส่วน Call to Action (CTA) ในหน้า `browse/index.vue` และ `browse/recommended.vue` ให้ดูสว่างและทันสมัยขึ้นโดยใช้แสงและเงา (Blue Glow)
+
+ปัญหาและอุปสรรค \*
+
+- พบปัญหาการทำงานร่วมกันระหว่าง Options API และ Script Setup ในไฟล์ `index.vue` ทำให้ฟังก์ชันบางตัวเรียกใช้ไม่ได้
+- ระบบ Filter เดิมไม่ทำงานเมื่อกดย้อนกลับ (Back Button) เนื่องจากไม่ได้ Watch การเปลี่ยนแปลงของ URL Query
+- การดึงข้อมูลคอร์สเริ่มต้นได้ไม่ครบเนื่องจาก API มีการกำหนด Limit ไว้
+
+รายละเอียด \*
+
+- แก้ไขโดยการยุบรวม Code ทั้งหมดให้เป็นรูปแบบ Script Setup มาตรฐานเดียว
+- เพิ่ม `watch(() => route.query.category)` ในหน้า Browse เพื่อให้อัปเดตข้อมูลทุกครั้งที่ URL เปลี่ยน
+- เพิ่มพารามิเตอร์ `limit: 1000` ในการเรียก API เพื่อดึงข้อมูลคอร์สทั้งหมดมาแสดง
+
+หลักฐานการปฏิบัติงาน (เฉพาะไฟล์ JPG, JPEG, PNG, PDF.)
+
+- แก้ไขไฟล์ `pages/index.vue` (เพิ่ม goBrowse, ย้าย Logic)
+- แก้ไขไฟล์ `pages/browse/index.vue` (เพิ่ม Query Watcher, ปรับ UI)
+- แก้ไขไฟล์ `pages/browse/recommended.vue` (ปรับ UI ส่วน CTA)
+- แก้ไขไฟล์ `components/layout/LandingHeader.vue` (แก้ Memory Leak)
+
+---
+
+วันที่บันทึกปฏิบัติงาน \*
+19/02/2026
+
+องค์ความรู้ที่ได้รับ \*
+
+- การออกแบบ Dashboard Layout แบบ Modern Grid (SkillLane Style/Reference Style)
+- การใช้ `q-carousel` (Quasar) ทำ Image Slider แบนเนอร์ประชาสัมพันธ์
+- การจัดการแสดงผลข้อมูล Course Card แยกตามสถานะ (Enrolled/Recommended/Free)
+- การปรับแต่ง Menu Navigation (`useNavItems`) เพื่อลดความซ้ำซ้อนใน Sidebar
+
+รายละเอียด \*
+
+- ออกแบบและพัฒนาหน้า Dashboard ใหม่ (`pages/dashboard/index.vue`)
+  1. เพิ่ม Banner Slide ขนาดใหญ่ด้านบน
+  2. แสดงรายการ "คอร์สที่คุณกำลังเรียน" (In Progress Courses) พร้อม Progress Bar
+  3. แสดงรายการ "คอร์สแนะนำ" (Recommended Courses)
+  4. เพิ่มหมวด "คอร์สฟรี" (Free Courses)
+- ปรับแต่ง Sidebar Navigation (`composables/useNavItems.ts`) ลบเมนูที่ไม่จำเป็นออก (Online Courses, Recommended, Announcements) ให้เหลือเฉพาะเมนูหลัก
+
+ปัญหาและอุปสรรค \*
+
+- การแสดงผล Carousel มีปุ่ม Arrows เกะกะสายตาบนแบนเนอร์
+- ต้องการแยกข้อมูลคอร์สฟรีออกจากคอร์สทั่วไป แต่ API ยังไม่มี Filter โดยตรง
+
+รายละเอียด \*
+
+- แก้ไข Property ของ `q-carousel` โดยลบ `arrows` ออก เพื่อให้เหลือเฉพาะ Navigation Dots ด้านล่าง
+- เขียน Logic กรองข้อมูลฝั่ง Client (Client-side filtering) สำหรับคอร์สฟรี โดยตรวจสอบจาก `price === 0` หรือ `is_free: true`
+
+หลักฐานการปฏิบัติงาน (เฉพาะไฟล์ JPG, JPEG, PNG, PDF.)
+
+- แก้ไขไฟล์ `pages/dashboard/index.vue` (New Dashboard UI)
+- แก้ไขไฟล์ `composables/useNavItems.ts` (Clean Sidebar)
diff --git a/Frontend-Learner/คู่มืออธิบาย/summary.md b/Frontend-Learner/คู่มืออธิบาย/summary.md
deleted file mode 100644
index 18eefe51..00000000
--- a/Frontend-Learner/คู่มืออธิบาย/summary.md
+++ /dev/null
@@ -1,102 +0,0 @@
-# สรุปโครงสร้างและหน้าที่ของไฟล์ (File Architecture Summary)
-
-เอกสารนี้สรุปภาพรวมของแต่ละโฟลเดอร์และไฟล์หลักในระบบ Frontend-Learner ว่าแต่ละไฟล์ทำหน้าที่อะไร และมีการเชื่อมโยง (Dependencies) กันอย่างไร
-
----
-
-## 1. 📂 หน้าจอหลัก (Pages Directory: `pages/`)
-
-ควบคุมการทำงานและการนำทาง (Routing) ของผู้ใช้งานแต่ละหน้า โดยจะเรียกใช้ `components/` และ `composables/` มาทำงานร่วมกัน
-
-- **`pages/index.vue` (หน้า Landing Page):**
-  - **หน้าที่:** หน้าแรกสุดของระบบสำหรับผู้เยี่ยมชม นำเสนอคอร์สเด่น รายละเอียดสถิติ และรีวิวล่าสุด โดยดึงข้อมูลจริงจาก API (Dynamic Data) ขับเคลื่อน UI ทันสมัย
-  - **การเชื่อมโยง:** ใช้ Layout `landing`, เชื่อมต่อ `useCourse`, `useCategory` และ components พื้นฐานเช่น `CourseCard`, `LandingHeader`, `LandingFooter`, `StarIcon`, และ `NuxtTime`
-- **`pages/auth/` (กลุ่มหน้าเข้าสู่ระบบและสมัครสมาชิก):**
-  - **`login.vue`:** หน้าเข้าสู่ระบบ (เชื่อม `useAuth` -> `login()`)
-  - **`register.vue`:** หน้าลงทะเบียนผู้ใช้ใหม่ (เชื่อม `useAuth` -> `register()`)
-  - **`forgot-password.vue`:** หน้าลืมรหัสผ่าน
-  - **การเชื่อมโยง:** กลุ่มนี้ใช้ Layout `auth` และ `useFormValidation` เพื่อตรวจสอบฟอร์ม
-- **`pages/dashboard/` (กลุ่มหน้าแผงควบคุมหลักของผู้ใช้):**
-  - **`index.vue`:** หน้า Dashboard หลัก แสดงคอร์สที่กำลังเรียนและคอร์สแนะนำ
-  - **`my-courses.vue`:** หน้าแสดงคอร์สทั้งหมดที่ผู้เรียนลงทะเบียนแล้ว
-  - **`profile.vue`:** หน้าจัดการข้อมูลส่วนตัวของผู้ใช้งาน
-  - **`announcements.vue`:** หน้าแสดงประกาศระบบและประกาศจากคอร์ส
-  - **การเชื่อมโยง:** ใช้ Layout `default`, เชื่อม `useAuth`, `useCourse`, และ components โซน `layout/` กับ `course/`
-- **`pages/classroom/` (กลุ่มหน้าห้องเรียนเมื่อเข้าสู่คอร์ส):**
-  - **`learning.vue`:** หน้าจอหลักของการเรียน (มี Video Player เนื้อหาบทเรียน และคอมเมนต์) ควบคุมสถานะความคืบหน้า (Progress)
-  - **`quiz.vue`:** หน้า Landing ก่อนเริ่มทำแบบทดสอบ แสดงรายละเอียดและสถิติ
-  - **การเชื่อมโยง:** เชี่อมต่อ `useCourse`, `useQuizRunner` และเรียกใช้คอมโพเนนต์กลุ่ม `classroom/`
-- **`pages/quiz/[id].vue` (หน้าจอขณะทำข้อสอบ):**
-  - **หน้าที่:** นำเสนอตัวคำถามแบบ Interactive และตัวเลือกการตอบ (ข้อความ, ตัวเลือกเดี่ยว, หลายตัวเลือก)
-  - **การเชื่อมโยง:** เชื่อมกับตัวจัดการสถานะ `useQuizRunner` หนักที่สุด
-- **`pages/course/[id].vue` (หน้ารายละเอียดคอร์สก่อนซื้อ/ลงทะเบียน):**
-  - **การเชื่อมโยง:** เชื่อมต้อ `useCourse` เพื่อดึงรายละเอียดแบบ SSR (Server-Side Rendering)
-
----
-
-## 2. 🧩 ตัวจัดการข้อมูล (Composables Directory: `composables/`)
-
-เปรียบเสมือน "สมอง" ของระบบ แยกการจัดการข้อมูล (State) และการเรียก API (Fetch) ออกจากหน้าจอ (UI)
-
-- **`useAuth.ts`:**
-  - **หน้าที่:** จัดการ Login, Register, Request Reset Password, อัปโหลดรูปโปรไฟล์ (Avatar), ระบบ Token (มีกลไก Refresh Token อัตโนมัติเมื่อพบ 401), และดึง/อัปเดตข้อมูลผู้ใช้
-  - **ถูกเรียกใช้โดย:** แทบทุกหน้าจอและ `middleware/auth.ts`
-- **`useCourse.ts`:**
-  - **หน้าที่:** ศูนย์รวม API คอร์สเรียน (ดึงรายการคอร์ส, รายละเอียด, รายชื่อบทเรียน, การลงทะเบียน, ส่งความคืบหน้า, โหลดหน้าวิดีโอ)
-  - **ถูกเรียกใช้โดย:** `pages/dashboard/`, `pages/classroom/`, `pages/course/` และคอมโพเนนต์ที่แสดงรายการคอร์ส
-- **`useQuizRunner.ts`:**
-  - **หน้าที่:** จัดการสถานะข้อสอบขณะรัน (Current Question), เก็บคำตอบ, ข้ามคำถาม, บันทึกส่งคะแนนเมื่อจบเกม
-  - **ถูกเรียกใช้โดย:** `pages/quiz/[id].vue` และ `pages/classroom/quiz.vue`
-- **`useCategory.ts`:** ดึงหมวดหมู่หลักสูตร นำไปใช้ทำ Filter ใน `index.vue` และ `my-courses.vue`
-- **`useThemeMode.ts`:** จัดการโหมดสว่าง-มืด (Dark/Light mode) บันทึกและซิงค์กับ LocalStorage
-- **`useFormValidation.ts`:** ดักจับ Error และ Validate กฎ (Rules) ต่างๆ ในฟอร์มรหัสผ่าน, สมัครสมาชิก
-- **`useNavItems.ts`:** จัดการรายการเมนูด้านซ้าย (Sidebar Links) เปลี่ยนเมนูตาม Role อัตโนมัติ
-
----
-
-## 3. 📦 คอมโพเนนต์หน้าจอ (Components Directory: `components/`)
-
-ส่วนประกอบของ UI ที่สามารถนำไปใช้ซ้ำได้ (Reusable) เพื่อลดความซ้ำซ้อนในโค้ดฝั่งหน้าจอ
-
-- **`layout/`:**
-  - **`AppHeader.vue` & `AppSidebar.vue`:** ประกอบร่างเป็นเมนูและส่วนหัวของ Layout `default`
-  - **`LandingHeader.vue` & `LandingFooter.vue`:** เมนูส่วนหน้าของเว็บ Guest
-- **`classroom/`:**
-  - **`VideoPlayer.vue`:** ตัวเล่นวิดีโออัจฉริยะ (จัดการ Youtube API และ Native Video) ส่งเวลาดูคืนหน้า `learning.vue` เสมอ
-  - **`CurriculumSidebar.vue`:** แถบขวาในห้องเรียนเพื่อกดเปลี่ยนบทเรียน แสดงสถานะล็อก/ผ่าน/กำลังเรียน
-  - **`AnnouncementModal.vue`:** เด้ง Pop-up แจ้งข่าวสารในคอร์สเรียน
-- **`course/`:**
-  - **`CourseCard.vue`:** การ์ดสี่เหลี่ยมแสดงหน้าปกคอร์ส (ถูกใช้ใน `index.vue` และ `my-courses.vue`)
-- **`profile/`:**
-  - แบบฟอร์มแก้ไขแยกย่อยของหน้า `profile.vue` เช่น ฟอร์มเปลี่ยนรหัส (`PasswordChangeForm`)
-- **`common/`:**
-  - คอมโพเนนต์จิปาถะทั่วไปที่ใช้ทุกที่ เช่น สวิตช์เปลี่ยนภาษา (`LanguageSwitcher`) สปินเนอร์โหลดของระบบ (`GlobalLoader.vue`)
-
----
-
-## 4. 🖼 โครงสร้างเลย์เอาต์ (Layouts Directory: `layouts/`)
-
-เป็นตัวคลุม (Wrapper) พื้นโครงสร้างเว็บของหน้าจอนั้นๆ ไม่ให้กระตุกเมื่อเปลี่ยนเนื้อหา
-
-- **`default.vue`:** เลย์เอาต์หลัก มี Header และ Sidebar ใช้สำหรับ Dashboard
-- **`auth.vue`:** เลย์เอาต์เรียบง่ายตรงกลางจอ มีพื้นหลังเบลอๆ สำหรับหน้า Login/Register
-- **`landing.vue`:** เลย์เอาต์สำหรับหน้า `index.vue` เต็มจอแบบ Modern นำเสนอผลิตภัณฑ์
-- **`dashboard.vue`:** เลย์เอาต์สำหรับมุมมอง Dashboard บางชนิด (ขึ้นอยู่กับโปรเจกต์)
-
----
-
-## 5. 🛡 ตัวกรองหน้าและยามรักษาความปลอดภัย (Middleware: `middleware/`)
-
-- **`auth.ts`:** ตรวจสอบผู้ใช้ก่อนเข้าหน้าใดๆ เสมอ (Route Guard)
-  - ถ้ายังไม่ Login จะถูกดีดไปหน้า `/auth/login`
-  - ถ้าจะเข้าหน้า Login แต่มี Token ล็อกอินแล้ว จะผลักกลับไปหน้า `/dashboard`
-  - มันจะพึ่งพา Token ที่จัดการผ่าน `useAuth`
-
----
-
-### ภาพรวมการหมุนเวียนข้อมูล (Data Flow Example)
-
-1. **ล็อกอินและจัดการ Session:** หน้า `login.vue` กดยืนยัน -> เรียก `useAuth.login()` -> ได้ Token และรายละเอียดผู้ใช้ยัดลง Cookie -> _หากดึงโปรไฟล์แล้ว API หมดอายุ (401)_ ระบบจะเรียก `refreshAccessToken()` อัตโนมัติเพื่อใช้ต่อ
-2. **เข้าห้องเรียน:** หน้า `index.vue` กดคอร์ส -> ส่งเข้า `middleware/auth.ts` เช็คผ่านเข้าหน้าเรียน -> `pages/course/[id].vue` เรียก `useCourse.fetchCourseById(id)` -> ส่งข้อมูลให้ UI
-3. **เปิดคลิปเรียน:** `learning.vue` ส่ง URL ให้ `<VideoPlayer />` เล่น
-4. **บันทึกเวลาเรียน:** `VideoPlayer` เฝ้าดูเวลา (TimeUpdate) -> รายงานตัวเลขกลับมายังบัญชีผู้ใช้ใน `learning.vue` -> เรียก `useCourse.saveVideoProgress()` ส่ง API กลับ Database พร้อมเช็คสถานะเนื้อหาว่าสำเร็จหรือไม่
diff --git a/Frontend-Learner/คู่มืออธิบาย/web-dev-details.md b/Frontend-Learner/คู่มืออธิบาย/web-dev-details.md
index 2b7a5185..fba0cc4e 100644
--- a/Frontend-Learner/คู่มืออธิบาย/web-dev-details.md
+++ b/Frontend-Learner/คู่มืออธิบาย/web-dev-details.md
@@ -1,180 +1,187 @@
-# Frontend-Learner (Web) — Technical Documentation
+# 🛠️ Web Development Documentation: e-Learning Platform (Frontend)
 
-เอกสารฉบับนี้สรุปรายละเอียดทางเทคนิค โครงสร้างโค้ด และกลไกการทำงานของระบบ **Frontend-Learner (ฝั่งผู้เรียน)**  
-ใช้เป็นคู่มือสำหรับการพัฒนา บำรุงรักษา และขยายระบบต่อไป
-
-> อัปเดตล่าสุด: 2 มีนาคม 2026 (อัปเดตระบบแปลภาษา UI & ปรับปรุงหน้า Landing Page เป็น Dynamic Data)
+เอกสารฉบับนี้สรุปรายละเอียดทางเทคนิค โครงสร้างโค้ด และการทำงานของระบบ **Frontend-Learner** (อัปเดตล่าสุด: กุมภาพันธ์ 2026)
 
 ---
 
-## Table of Contents
+##                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       z️ 1. Technical Foundation (รากฐานทางเทคนิค)
 
-- [1. Technical Foundation](#1-technical-foundation)
-  - [1.1 Tech Stack](#11-tech-stack)
-  - [1.2 Security & Authentication](#12-security--authentication)
-- [2. Project Architecture](#2-project-architecture)
-  - [2.1 Directory Structure](#21-directory-structure)
-  - [2.2 Shared Infrastructure](#22-shared-infrastructure)
-- [3. Logic & Data Layer (Composables)](#3-logic--data-layer-composables)
-- [4. Branding & UI Policy](#4-branding--ui-policy)
-  - [4.1 Theme Strategy](#41-theme-strategy)
-  - [4.2 UI Elements](#42-ui-elements)
-- [5. Core Feature Highlights](#5-core-feature-highlights)
-- [6. Maintenance & Performance Guidelines](#6-maintenance--performance-guidelines)
-
----
-
-## 1. Technical Foundation
-
-รากฐานทางเทคนิคที่ขับเคลื่อนระบบ เพื่อให้ได้ประสิทธิภาพและความเสถียรสูงสุด
+รวมข้อมูลเครื่องมือ, ระบบความปลอดภัย และประสิทธิภาพการทำงานไว้ด้วยกัน
 
 ### 1.1 Tech Stack
 
-- **Framework:** Nuxt 3 (Vue 3, Vite, SSR/SPA Hybrid)
-- **UI System:** Quasar Framework + Tailwind CSS (Utility-first)
-- **Typography:** Google Fonts (**Prompt** เป็น Font หลักเพื่อความทันสมัยและอ่านง่าย)
-- **Multilingual:** `@nuxtjs/i18n` (รองรับ JSON-based locales ภาษาไทยและอังกฤษ)
-- **Programming:** TypeScript (Strict Type Checking)
+- **Core:** [Nuxt 3](https://nuxt.com) (v`^3.11.2`), TypeScript `^5.4.5`
+- **UI Framework:** Quasar Framework `^2.15.2` (via `nuxt-quasar-ui ^3.0.0`)
+- **Styling:** Tailwind CSS `^6.12.0` (Utility) + Vanilla CSS Variables (Theming/Dark Mode)
+- **State Management:** `ref`/`reactive` (Local) + `useState` (Global/Shared State)
+- **Localization:** `@nuxtjs/i18n` (Supports JSON locales in `i18n/locales/`)
+- **Media Control:** `useMediaPrefs` (Command Pattern for global volume/mute state)
 
-### 1.2 Security & Authentication
+### 1.2 Core Systems & Security
 
-- **Token Management:** ใช้ JWT (Access & Refresh Tokens) จัดเก็บผ่าน `useCookie`  
-  โดยมีกลไกสกัดจับ (Interceptors) ภายใน `useAuth` เช่นเมื่อโหลดโปรไฟล์หรือ **อัปโหลดรูปภาพ** หากโดน API ดีดกลับสถานะ 401 จะทำการต่ออายุ (Refresh) Token อัตโนมัติทันที
-- **Middleware:** `auth.ts` ตรวจสอบสิทธิ์การเข้าถึงหน้า Dashboard และ Classroom แบบ Real-time
-- **Persistence:** ระบบ Remember Me (จดจำอีเมล) และธีมจัดเก็บผ่าน `localStorage` แยกวงจรจาก Session (จะไม่ลบหายไปตอนสั่ง Logout)
+- **Authentication:**
+  - ใช้ **JWT** (Access Token 1 วัน, Refresh Token 7 วัน)
+  - เก็บ Token ใน `useCookie` (Secure, SameSite)
+  - Middleware (`middleware/auth.ts`) ป้องกัน Route ตามสถานะ
+  - **Remember Me:** ระบบจดจำอีเมลลงใน `localStorage` (จำแยกจาก session, ไม่ถูกลบเมื่อ Logout)
+- **API Handling:**
+  - ใช้ `runtimeConfig.public.apiBase` เชื่องโยง Backend
+  - Auto-attach Bearer Token ใน `useAuth` และ `useCourse`
+- **Performance:**
+  - **Hybrid Progress Saving:** บันทึกเวลาเรียนลง LocalStorage (ถี่) และ Server (Throttle 15s) เพื่อความแม่นยำสูงสุด
+  - **Caching:** ใช้ `useState` จำข้อมูล Profile และ Categories ลด request
+  - **Code Quality:** ลบ Log, Dead logic และ Redundant comments ทั่วทั้งโปรเจกต์ (Clean Code Phase)
 
 ---
 
-## 2. Project Architecture
+## 📂 2. Frontend Structure (โครงสร้างหน้าเว็บและ UI)
 
-โครงสร้างโฟลเดอร์ที่จัดระเบียบตามหลัก Clean Architecture เพื่อความคล่องตัวในการขยายระบบ
+### 2.1 Application Routes (`pages/`)
 
-### 2.1 Directory Structure
+| Module      | ไฟล์                       | Path                    | หน้าที่                                       |
+| :---------- | :------------------------- | :---------------------- | :-------------------------------------------- |
+| **Public**  | `index.vue`                | `/`                     | หน้าแรก Landing Page (**Forced Light Mode**)  |
+|             | `browse/discovery.vue`     | `/browse/discovery`     | **ระบบค้นหาและ Filter คอร์ส** (Catalog)       |
+|             | `course/[id].vue`          | `/course/:id`           | **หน้ารายละเอียดคอร์ส** (Course Detail)       |
+| **Auth**    | `auth/login.vue`           | `/auth/login`           | เข้าสู่ระบบ (**Remember Me**, **Light Mode**) |
+|             | `auth/register.vue`        | `/auth/register`        | สมัครสมาชิกผู้เรียน (**Light Mode**)          |
+|             | `auth/forgot-password.vue` | `/auth/forgot-password` | กู้คืนรหัสผ่าน (**Light Mode**)               |
+| **Student** | `dashboard/index.vue`      | `/dashboard`            | แดชบอร์ดภาพรวมผู้เรียน                        |
+|             | `dashboard/my-courses.vue` | `/dashboard/my-courses` | **คอร์สของฉัน** และดาวน์โหลดใบประกาศฯ         |
+|             | `dashboard/profile.vue`    | `/dashboard/profile`    | จัดการโปรไฟล์, รูปภาพ, เปลี่ยนรหัสผ่าน        |
+|             | `classroom/learning.vue`   | `/classroom/learning`   | **ห้องเรียน (Video Player)** & Announcements  |
+|             | `classroom/quiz.vue`       | `/classroom/quiz`       | การสอบวัดผล (**API-Driven Logic**)            |
 
-- `pages/` : ระบบ Routing ทั้งหมด (Landing, Auth, Dashboard, Classroom)
-- `components/` : UI Components แยกตามความรับผิดชอบ (Common, Layout, Course, Classroom, Profile)
-- `composables/` : Business Logic ทั้งหมด (Auth, Course, Theme, Quiz, Navigation)
-- `types/` : ศูนย์รวม Interface และ Type definitions ของทั้งระบบ
-- `constants/` : แหล่งเก็บข้อมูล Static (เช่น Category cards, Why choose us) เพื่อลดความซ้อนในไฟล์ Vue
-- `assets/css/` : `main.css` ที่เป็น Single Source of Truth สำหรับสไตล์และ CSS Variables
-- `layouts/` : Master templates (Default, Auth, Dashboard)
-- `middleware/` : ตัวกรองความปลอดภัยก่อนเข้าถึงแต่ละหน้า
+### 2.2 Key Components (`components/`)
 
-### 2.2 Shared Infrastructure
-
-- **Types Architecture:** การสกัด Types จาก Composable ออกมาไว้ที่ `@/types`  
-  ช่วยลดความซ้ำซ้อนและป้องกัน Error จากการเปลี่ยนโครงสร้างข้อมูล API
-- **Constants System:** การใช้ `@/constants` ช่วยให้การแก้ไขคำโฆษณาหรือข้อมูลหน้าแรกทำได้จากจุดเดียว  
-  โดยไม่ต้องแก้โค้ด HTML
+- **Common (`components/common/`):**
+  - `GlobalLoader.vue`: Loading indicator ทั่วทั้งแอป
+  - `LanguageSwitcher.vue`: ปุ่มเปลี่ยนภาษา (TH/EN)
+  - `AppHeader.vue`, `MobileNav.vue`: Navigation หลัก (ใช้ร่วมกับ AppSidebar)
+  - `FormInput.vue`: Input field มาตรฐาน
+- **Layout (`components/layout/`):**
+  - `AppSidebar.vue`: Sidebar หลักสำหรับ Dashboard (Collapsible)
+  - `LandingHeader.vue`: Header เฉพาะสำหรับหน้า Landing Page
+- **Course (`components/course/`):**
+  - `CourseCard.vue`: การ์ดแสดงผลคอร์ส รองรับ Progress และ **Glassmorphism** ในโหมดมืด
+- **Discovery (`components/discovery/`):**
+  - `CategorySidebar.vue`: Sidebar ตัวกรองหมวดหมู่แบบย่อ/ขยายได้
+  - `CourseDetailView.vue`: หน้ารายละเอียดคอร์สขนาดใหญ่ (Video Preview + Syllabus)
+- **Classroom (`components/classroom/`):**
+  - `CurriculumSidebar.vue`: Sidebar บทเรียนและสถานะการเรียน
+  - `AnnouncementModal.vue`: Modal แสดงประกาศของคอร์ส
+  - `VideoPlayer.vue`: Video Player พร้อม Custom Controls และ YouTube Support
+- **User / Profile (`components/user/`, `components/profile/`):**
+  - `UserAvatar.vue`: แสดงรูปโปรไฟล์ (รองรับ Fallback)
+  - `ProfileEditForm.vue`: ฟอร์มแก้ไขข้อมูลส่วนตัว
+  - `PasswordChangeForm.vue`: ฟอร์มเปลี่ยนรหัสผ่าน
 
 ---
 
-## 3. Logic & Data Layer (Composables)
+## 🧠 3. Logic & Data Layer (Composables)
 
-การแยก Logic ออกจาก UI เพื่อความสะอาดและ Testable
+รวบรวม Logic หลักแยกส่วนตามหน้าที่ (Separation of Concerns)
 
-- `useAuth`  
-  จัดการสถานะ Login, การดึงโปรไฟล์ล่วงหน้า (Pre-fetching), และระบบ Token Refresh
+### 3.1 `useAuth.ts` (Authentication & User)
 
-- `useCourse`  
-  หัวใจของระบบ จัดการตั้งแต่ Catalog, การสมัครเรียน (Enroll), ไปจนถึงการส่งผลการเรียน (Progress)
+จัดการสถานะผู้ใช้, ล็อกอิน, และความปลอดภัย
 
-- `useThemeMode`  
-  ระบบจัดการธีมกลางที่เชื่อมต่อกับ `localStorage` และ CSS Variables อย่างเป็นระบบ
+- **Key Functions:** `login`, `register`, `fetchUserProfile`, `uploadAvatar`, `sendVerifyEmail`
+- **Features:** Refresh Token อัตโนมัติ, ตรวจสอบ Role, **Logout Logic ที่ไม่ลบข้อมูลจดจำผู้ใช้**
 
-- `useQuizRunner`  
-  จัดการสถานะการสอบ เปลี่ยนข้อสอบ และส่งคะแนนไปยัง Backend โดยตรง
+### 3.2 `useCourse.ts` (Course & Classroom)
 
-- `useNavItems`  
-  Single Source of Truth สำหรับเมนูทั้งหมด (Sidebar, Mobile Drawer, User Menu)
+หัวใจหลักของการเรียนการสอน
+
+- **Catalog:** `fetchCourses`, `fetchCourseById`, `enrollCourse`
+- **Classroom:**
+  - `fetchCourseLearningInfo`: โครงสร้างบทเรียน (Chapters/Lessons)
+  - `fetchLessonContent`: เนื้อหาวิดีโอ/Quiz/Attachments
+  - `fetchCourseAnnouncements`: ดึงข้อมูลประกาศของคอร์ส
+  - `saveVideoProgress`: บันทึกเวลาเรียน (Sync Server)
+- **i18n Support:** `getLocalizedText` ตัวช่วยในการเลือกแสดงผลภาษา (TH/EN) ตาม Locale ปัจจุบันที่ผู้ใช้เลือก อัตโนมัติทั่วทั้งแอป
+
+### 3.3 `useQuizRunner.ts` (Quiz System)
+
+จัดการ Logic การทำข้อสอบ (Production-Ready)
+
+- **Logic:** ควบคุมการเปลี่ยนข้อ, การส่งคำตอบ, และการรับผลลัพธ์จาก API
+- **Cleanup:** ลบ Mock delays และ Simulation logic ออกทั้งหมดเพื่อให้ทำงานร่วมกับ API จริงได้ทันที
 
 ---
 
-## 4. Branding & UI Policy
-
-มาตรฐานการออกแบบที่เน้นความ Premium และ Consistent
+## 🎨 4. Design System & Theming
 
 ### 4.1 Theme Strategy
 
-- **Public Pages (Landing, Auth, Detail):** บังคับ **Forced Light Mode**  
-  เพื่อภาพลักษณ์แบรนด์ที่สะอาดและน่าเชื่อถือ
-- **Internal Pages (Dashboard, Learning):** รองรับ **Dark Mode (Oceanic Theme)**  
-  ลดการเมื่อยล้าของสายตาขณะเรียนเป็นเวลานาน
-- **Transitions:** ใช้ GlobalLoader และ Smooth transitions ทั่วทั้งแอปเพื่อประสบการณ์ที่ลื่นไหล
-
-### 4.2 UI Elements
-
-- **Image 2 Style Categories:** การ์ดหมวดหมู่แบบแนวนอนที่เป็นระเบียบ (Minimalist)
-- **Glassmorphism:** พื้นผิวโปร่งแสงใน Dashboard และ Classroom ช่วยให้แอปดูมีมิติ
-- **Standardized Icons:** ใช้ Material Icons ผ่าน Quasar ระบบเดียวทั้งหมด
+- **Framework:** Tailwind CSS + Quasar UI
+- **Light/Dark Mode Policy:**
+  - **Public Pages:** บังคับ **Light Mode** (Landing, Course Detail, Auth) เพื่อภาพลักษณ์แบรนด์ที่สะอาดตา
+  - **Dashboard/Learning:** รองรับ **Dark Mode** เต็มรูปแบบ (Oceanic Theme)
+  - **Aesthetics:** ปรับปรุงความชัดเจนของ Badge, Icon และสถานะต่างๆ ในหน้าสอบ (Quiz) สำหรับโหมดมืดโดยเฉพาะ ให้มี Contrast สูงและดู Premium
+- **Visual Fixes:** แก้ไขปัญหา "Dark Frame" ในหน้า Auth โดยการบังคับสไตล์ระดับ HTML/Body
 
 ---
 
-## 5. Core Feature Highlights
+## 📊 5. Dependency Map (ความสัมพันธ์ไฟล์)
 
-ฟีเจอร์เด่นที่ถูกพัฒนาขึ้นเพื่อผู้เรียนโดยเฉพาะ
-
-- **SPA Learning Journey:** การสลับบทเรียนในห้องเรียนเป็นแบบ Single Page App (ไม่มีการ Re-load หน้า)  
-  ทำให้การเรียนต่อเนื่อง
-- **Hybrid Progress Tracking:** บันทึกเวลาเรียนลง `localStorage` แบบ Real-time และ Sync ขึ้น Server เป็นระยะ  
-  เพื่อป้องกันข้อมูลหาย
-- **Announcement System:** ระบบแจ้งเตือนในคอร์สพร้อมตัวระบุ "ยังไม่ได้อ่าน" (Unread Badge)  
-  ที่จำสถานะตามผู้ใช้งาน
-- **Interactive Quizzes:** ระบบสอบที่สลับคำถามอัตโนมัติ พร้อมโหมดเฉลย (Answer Review) ที่ชัดเจน
-- **Certificate Automation:** ระบบตรวจสอบสิทธิ์ความสำเร็จและออกใบประกาศนียบัตรได้ทันที
-- **Dynamic Landing Page:** หน้าแรกเชื่อมต่อข้อมูลจริงจาก API ครบถ้วน (คอร์สเรียน, รีวิว) ขจัดข้อมูล Mock-up รกๆ ออก ใช้คอมโพเนนต์เสริมที่สร้างเองเช่น `StarIcon` ควบคู่กับ `@nuxt/time` เพื่อจัดฟอร์แมตวันที่แบบมือโปร
+| หน้าเว็บ (Page)          | Components หลัก              | Composables หลัก                                       |
+| :----------------------- | :--------------------------- | :----------------------------------------------------- |
+| **Login / Register**     | `FormInput`                  | `useAuth` (Remember Me), `useFormValidation`           |
+| **Discovery (Browse)**   | `CourseCard`                 | `useCourse` (Search/Filter), `useCategory`             |
+| **My Courses**           | `CourseCard` (with Progress) | `useCourse` (Certificates)                             |
+| **Classroom (Learning)** | Video Player, Sidebar        | `useCourse` (Progress, Announcements), `useMediaPrefs` |
+| **Quiz**                 | `QuizHeader`, `QuizContent`  | `useQuizRunner` (Real API Integration)                 |
+| **Profile**              | `UserAvatar`, `FormInput`    | `useAuth` (Upload Avatar, Verify Email)                |
 
 ---
 
-## 6. Maintenance & Performance Guidelines
+## ✅ 6. Project Status (สถานะล่าสุด)
 
-แนวทางสำหรับการพัฒนาต่อยอด
+### ✨ Recent Updates (กุมภาพันธ์ 2026)
 
-- **Clean Code:** หลีกเลี่ยงการใช้ `console.log` ในโค้ด Final และลบ Dead Logic ทิ้งทันที
-- **Standard Fonts:** ใช้ชุด Font Prompt ผ่านตัวแปร `--font-main` เสมอ
-- **API Integrity:** ตรวจสอบข้อมูลผ่าน Interface ใน `@/types` ก่อนการใช้งานทุกครั้ง
-- **Mobile First:** ทุก Component ต้องรองรับระบบ Master Drawer บนมือถืออย่างสมบูรณ์
-- **Code Comments (Thai Localization):** ระบบหลักทั้งหมด (เช่น Classroom, Quiz, Dashboard, Profile) ได้รับการแปลคอมเมนต์ในโค้ดเป็นภาษาไทยอย่างละเอียด เพื่อให้ทีมนักพัฒนาชาวไทยสามารถทำความเข้าใจ บำรุงรักษา และขยายระบบได้ง่ายและรวดเร็วที่สุด
-- **TypeScript Strictness:** ระบบมีการบังคับใช้ Type ใน TypeScript อย่างเข้มงวด และมีการแก้ไข Linting Errors (เช่นในหน้าต่างทำแบบทดสอบ `quiz/[id].vue`) อย่างสม่ำเสมอ เพื่อลดข้อผิดพลาดในขณะรันไทม์ (Runtime)
+1.  **System-Wide Code Cleanup (Phase Final):**
+    - **Refactoring:** ปัดกวาดโค้ดในหน้า `learning`, `quiz`, `discovery`, `dashboard` และ `profile`
+    - **Logging:** ลบ `console.log` มหาศาล และ logic ซ้ำซ้อนที่ตกค้างจากการพัฒนา
+    - **Structure:** จัดกลุ่มสไตล์และฟังก์ชันให้เป็นระเบียบ อ่านง่ายขึ้นตามมาตรฐาน Clean Code
 
----
+2.  **Authentication & Security Polish:**
+    - **Remember Me:** พัฒนาระบบจดจำอีเมลในหน้า Login ให้เสถียร (ใช้ `localStorage`)
+    - **Smart Logout:** ปรับปรุง `useAuth.logout` ให้ลบข้อมูล Session แต่เก็บข้อมูลที่ผู้ใช้สั่งจำไว้ (อีเมล)
 
-## 7. Getting Started & Setup (การติดตั้งและเริ่มต้นใช้งาน)
+3.  **UI & Aesthetics (Premium Fixes):**
+    - **Theme Enforcement:** บังคับหน้าสาธารณะ (Landing/Auth) ให้เป็น Light Mode 100% พร้อมแก้ปัญหากรอบมืด (Dark Frame) ตกค้าง
+    - **Dark Mode Optimization:** ปรับปรุงสีและ Contrast ในหน้า Dashboard และ Profile ให้สวยงามและอ่านง่ายขึ้นในโหมมืด
 
-สำหรับนักพัฒนาที่จะประเมิน เวิร์กโฟลว์ หรือรัน Frontend-Learner ข้อมูลที่จำเป็นมีดังนี้:
+4.  **Quiz System Productionization:**
+    - **useQuizRunner:** แปลงร่างจาก Mock system เป็น API-Ready system (ลบ simulation logic ทั้งหมด)
+    - **Quiz UI:** ปรับปรุงการนำทางและสถานะการทำข้อสอบให้ลื่นไหล
 
-- **Requirements:** ต้องมี Node.js (แนะนำเวอร์ชัน 18 ขึ้นไป)
-- **Install Dependencies:** ติดตั้งแพ็กเกจด้วยคำสั่ง `npm install`
-- **Run Development Server:** สำหรันการรันในเครื่องตัวเอง ให้ใช้ `npm run dev` ตัวระบบจะคอยรีเฟรชอัติโนมัติเมื่อโค้ดเปลี่ยน
-- **Build for Production:** ใช้คำสั่ง `npm run build` และเรียกใช้ระบบผ่าน `node .output/server/index.mjs` หรือรันผ่านคำสั่ง `npm run start` (Nuxt 3)
+5.  **Smooth Navigation & Quiz Experience:**
+    - **SPA Navigation:** เปลี่ยนการสไลด์บทเรียนจาก Hard Reload เป็น SPA Navigation (`router.push`) ทำให้เรียนได้ต่อเนื่อง ไม่ต้องรอโหลดหน้าใหม่
+    - **Smart Lesson Loading:** ปรับปรุง Error ที่หน้าเว็บชอบเด้งกลับไปบทเรียนที่ 1 เสมอ โดยเปลี่ยนให้ความสำคัญกับ `lesson_id` จาก URL ก่อน
+    - **UI Simplification:** ลบทิ้ง "Legend/คำอธิบายสถานะ" ในหน้าสอบเพื่อความสะอาดตา (Minimal UI)
+    - **Sidebar visibility:** ช่วยให้ผู้ใช้เปิด-ปิด Sidebar บน Desktop ได้อย่างอิสระผ่านปุ่ม Hamburger
 
----
+6.  **Internationalization (i18n) Improvements:**
+    - **Localized Text Logic:** แก้ไขฟังก์ชัน `getLocalizedText` ให้แสดงภาษาตามที่ผู้ใช้สลับจริง (แก้ปัญหาหน้าเว็บเป็นอังกฤษแต่ชื่อวิชาเป็นไทย)
+    - **Hardcoded Removal:** ทยอยลบข้อความภาษาไทยที่พิมพ์ค้างไว้ในโค้ด (เช่น ใน Sidebar หมวดหมู่) และแทนที่ด้วย i18n keys
+    - **Boot Sequence Fix:** แก้ไขปัญหาเว็บค้าง (Error 500) ที่เกิดจากการเรียกใช้ภาษาเร็วเกินไปก่อนที่ระบบจะพร้อม (`initialization error`)
 
-## 8. Environment Variables (การตั้งค่าตัวแปรสภาพแวดล้อม)
+7.  **Classroom & UX Optimization (Mid-February 2026):**
+    - **SPA Navigation for Learning:** เปลี่ยนระบบเลือกบทเรียนจากการ Reload หน้าเป็น SPA Navigation ทำให้เปลี่ยนวิดีโอ/บทเรียนได้ทันทีโดยไม่ต้อง Refresh หน้าจอ
+    - **Announcement Persistence:** เพิ่มระบบเช็กสถานะการอ่านประกาศ (Unread Badge) โดยบันทึกสถานะล่าสุดลง LocalStorage แยกตามผู้ใช้และคอร์ส
+    - **YouTube Resume:** รองรับการเรียนต่อจากจุดเดิมสำหรับวิดีโอ YouTube (Time Seeking via URL parameter)
 
-ระบบฝั่ง Frontend จะเชื่อมต่อกับ API Backend ผ่านตัวแปรตั้งค่า ในการพัฒนาในเครื่องของตนเอง จำเป็นต้องสร้างไฟล์ `.env` ที่ root folder ของ `Frontend-Learner` โดยต้องมีข้อมูลดังต่อไปนี้:
+8.  **Quiz System Enhancements:**
+    - **Answer Review Mode:** เพิ่มโหมดเฉลยข้อสอบหลังทำเสร็จ พร้อมการไฮไลท์สีที่ชัดเจน (เขียว = ถูก, แดง = ตอบผิด)
+    - **Shuffle Logic:** เพิ่มการสลับคำถามและตัวเลือก (Shuffle) เพื่อความโปร่งใสในการสอบ
+    - **Enhanced Feedback:** ปรับปรุง UI ผลลัพธ์การสอบให้มีความ Premium และเข้าใจง่ายขึ้น
 
-```env
-NUXT_PUBLIC_API_BASE=http://localhost:4000/api # เปลี่ยนเป็น URL หลังบ้านของ Production หากนำขึ้นโฮสต์
-```
+9.  **Security & Registration Polish:**
+    - **Phone Validation:** เพิ่มระบบตรวจสอบเบอร์โทรศัพท์ในหน้าสมัครสมาชิก (ต้องเป็นตัวเลขและยาวไม่เกิน 10 หลัก)
+    - **Enrollment Alert Logic:** ปรับปรุง Logic การสมัครเรียนให้ตรวจสอบสถานะ Enrollment เดิมก่อน เพื่อป้องกัน API Error และการเรียก request ซ้ำซ้อน
 
-_(หมายเหตุ: Nuxt จะอ่านค่า `NUXT_PUBLIC_API_BASE` เข้าไปใน `useRuntimeConfig().public.apiBase` ให้นักพัฒนาเรียกใช้ใน Composables ตลอดทั้งแอปอัตโนมัติ)_
-
----
-
-## 9. Internationalization (i18n) (ระบบสองภาษา)
-
-ระบบมี 2 รูปแบบการแปลภาษาคือ:
-
-- **UI Elements แบบ Static:** แปลผ่านไฟล์หรือแท็กในระบบ `@nuxtjs/i18n` อย่างสมบูรณ์ (เช่น Component `AppHeader` ที่รองรับการสลับภาษา, ข้อความบอกโหมด Light/Dark, และชื่อสิทธิ์ User Roles จะถูกเรียกใช้ผ่าน i18n keys ทั้งหมดโดยไม่มีการ Hardcode)
-- **API Content แบบ Dynamic:** ในตาราง Course หรือ Quiz จากหลังบ้าน จะใช้โครงสร้างแบบคู่ (เช่น `title: { th: "...", en: "..." }`) โดยในทุกตรรกะหน้าเรียน (Composables) จะมีฟังก์ชันช่วยอย่าง `getLocalizedText()` ไว้คอยแปลงก้อน JSON นี้เป็นภาษาที่ผู้ใช้เลือกในปัจจุบันอัตโนมัติ
-
----
-
-## 10. Error Handling & UI Feedback (การจัดการหน้าตาระหว่างเข้าถึง API)
-
-ระบบ Frontend-Learner มีแนวทางสำหรับประสบการณ์ผู้ใช้ (UX) ต่อกรณีข้อผิดพลาดที่ตายตัว ดังนี้:
-
-- **Toast Notifications:** ในกรณีข้อมูลไม่ถูกต้อง (เช่น ล็อกอินผิด, สมัครไม่ผ่าน) ระบบจะเด้ง `Notify` ของ Quasar (`$q.notify`) แจ้งผู้ใช้จากขอบบนขวา
-- **Confirmation Dialogs:** สำหรับการกระทำที่สำคัญและอาจผิดพลาดได้ (เช่น ยืนยันการส่งแบบทดสอบครั้งสุดท้ายเตือนไม่ให้กดส่งพลาด) จะใช้ `$q.dialog` แทน Toast
-- **Skeleton & Loading States:** ระหว่างดึงข้อมูลระบบจากหลังบ้าน จะใช้ Skeleton (กรอบเทากะพริบ) คงรูปทรงของวิดีโอ/แบบทดสอบไว้ก่อน ป้องกันไม่ให้หน้าขาวเพื่อลดอคติโหลดช้าของนักเรียน
+10. **Profile & Certificates:**
+    - **Verification Badge:** เพิ่มการแสดงผลสถานะการยืนยันอีเมลในหน้าโปรไฟล์ พร้อมปุ่มส่งอีเมลยืนยันหากยังไม่ได้ทำ
+    - **Certificate Flow:** ปรับปรุงระบบดาวน์โหลดใบประกาศนียบัตรให้รองรับทั้งการดึงไฟล์เดิมและสั่ง Generate ใหม่หากยังไม่มี
diff --git a/frontend_management/.env.example b/frontend_management/.env.example
index dbb3e3f7..d5e0ccc9 100644
--- a/frontend_management/.env.example
+++ b/frontend_management/.env.example
@@ -1,3 +1,5 @@
 # API Configuration
-NUXT_PUBLIC_API_BASE_URL=http://localhost:3001/api
+API_BASE_URL=http://localhost:3001/api
 
+# Application
+NODE_ENV=development
diff --git a/frontend_management/.gitignore b/frontend_management/.gitignore
index a674bfac..c05a50a2 100644
--- a/frontend_management/.gitignore
+++ b/frontend_management/.gitignore
@@ -23,12 +23,4 @@ logs
 .env.*
 !.env.example
 deploy.ps1
-*.tar
-
-# Playwright
-test-results/
-/playwright-report/
-/blob-report/
-/playwright/.cache/
-/tests/fixtures/test-data.ts
-.auth
\ No newline at end of file
+*.tar
\ No newline at end of file
diff --git a/frontend_management/components/course/AnnouncementsTab.vue b/frontend_management/components/course/AnnouncementsTab.vue
index 1efe7f2b..84b49a14 100644
--- a/frontend_management/components/course/AnnouncementsTab.vue
+++ b/frontend_management/components/course/AnnouncementsTab.vue
@@ -342,18 +342,11 @@ const save = async () => {
 
   saving.value = true;
   try {
-    // Convert local datetime to ISO string to preserve timezone
-    const payload = { ...form.value };
-    if (payload.published_at) {
-      const localDate = new Date(payload.published_at.replace(' ', 'T'));
-      payload.published_at = localDate.toISOString();
-    }
-
     if (editing.value) {
-      await instructorService.updateAnnouncement(props.courseId, editing.value.id, payload);
+      await instructorService.updateAnnouncement(props.courseId, editing.value.id, form.value);
       $q.notify({ type: 'positive', message: 'บันทึกประกาศสำเร็จ', position: 'top' });
     } else {
-      const created = await instructorService.createAnnouncement(props.courseId, payload);
+      const created = await instructorService.createAnnouncement(props.courseId, form.value);
       
       // Upload pending files
       for (const file of pendingFiles.value) {
diff --git a/frontend_management/components/course/InstructorsTab.vue b/frontend_management/components/course/InstructorsTab.vue
index 4f47af73..323a5a72 100644
--- a/frontend_management/components/course/InstructorsTab.vue
+++ b/frontend_management/components/course/InstructorsTab.vue
@@ -32,7 +32,7 @@
             <q-item-label caption>{{ instructor.user.email }}</q-item-label>
           </q-item-section>
 
-          <q-item-section side v-if="isPrimaryInstructor && instructor.user_id !== currentUserId">
+          <q-item-section side v-if="isPrimaryInstructor">
             <q-btn flat dense round icon="more_vert">
               <q-menu>
                 <q-item v-if="!instructor.is_primary" clickable v-close-popup @click="setPrimary(instructor.user_id)">
@@ -139,10 +139,6 @@ const isPrimaryInstructor = computed(() => {
   return myRecord?.is_primary === true;
 });
 
-const currentUserId = computed(() => {
-  return authStore.user?.id ? parseInt(authStore.user.id) : null;
-});
-
 // Methods
 const fetchInstructors = async () => {
   loading.value = true;
diff --git a/frontend_management/package-lock.json b/frontend_management/package-lock.json
index ff48fbc9..665d28ad 100644
--- a/frontend_management/package-lock.json
+++ b/frontend_management/package-lock.json
@@ -17,9 +17,7 @@
         "vuedraggable": "^4.1.0"
       },
       "devDependencies": {
-        "@faker-js/faker": "^10.3.0",
         "@nuxtjs/tailwindcss": "^6.14.0",
-        "@playwright/test": "^1.58.2",
         "@types/node": "^25.0.3",
         "nuxt-quasar-ui": "^3.0.0"
       }
@@ -1076,23 +1074,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/@faker-js/faker": {
-      "version": "10.3.0",
-      "resolved": "https://registry.npmjs.org/@faker-js/faker/-/faker-10.3.0.tgz",
-      "integrity": "sha512-It0Sne6P3szg7JIi6CgKbvTZoMjxBZhcv91ZrqrNuaZQfB5WoqYYbzCUOq89YR+VY8juY9M1vDWmDDa2TzfXCw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/fakerjs"
-        }
-      ],
-      "license": "MIT",
-      "engines": {
-        "node": "^20.19.0 || ^22.13.0 || ^23.5.0 || >=24.0.0",
-        "npm": ">=10"
-      }
-    },
     "node_modules/@ioredis/commands": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/@ioredis/commands/-/commands-1.5.0.tgz",
@@ -2792,22 +2773,6 @@
         "node": ">=14"
       }
     },
-    "node_modules/@playwright/test": {
-      "version": "1.58.2",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.58.2.tgz",
-      "integrity": "sha512-akea+6bHYBBfA9uQqSYmlJXn61cTa+jbO87xVLCWbTqbWadRVmhxlXATaOjOgcBaWU4ePo0wB41KMFv3o35IXA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "playwright": "1.58.2"
-      },
-      "bin": {
-        "playwright": "cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/@polka/url": {
       "version": "1.0.0-next.29",
       "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
@@ -8818,53 +8783,6 @@
         "pathe": "^2.0.3"
       }
     },
-    "node_modules/playwright": {
-      "version": "1.58.2",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.58.2.tgz",
-      "integrity": "sha512-vA30H8Nvkq/cPBnNw4Q8TWz1EJyqgpuinBcHET0YVJVFldr8JDNiU9LaWAE1KqSkRYazuaBhTpB5ZzShOezQ6A==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "playwright-core": "1.58.2"
-      },
-      "bin": {
-        "playwright": "cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "optionalDependencies": {
-        "fsevents": "2.3.2"
-      }
-    },
-    "node_modules/playwright-core": {
-      "version": "1.58.2",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.58.2.tgz",
-      "integrity": "sha512-yZkEtftgwS8CsfYo7nm0KE8jsvm6i/PTgVtB8DL726wNf6H2IMsDuxCpJj59KDaxCtSnrWan2AeDqM7JBaultg==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "bin": {
-        "playwright-core": "cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/playwright/node_modules/fsevents": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
     "node_modules/portfinder": {
       "version": "1.0.38",
       "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.38.tgz",
diff --git a/frontend_management/package.json b/frontend_management/package.json
index d71f9d3d..0cd042dd 100644
--- a/frontend_management/package.json
+++ b/frontend_management/package.json
@@ -7,11 +7,7 @@
     "dev": "nuxt dev",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
-    "postinstall": "nuxt prepare",
-    "test": "playwright test",
-    "test:ui": "playwright test --ui",
-    "test:headed": "playwright test --headed",
-    "test:report": "playwright show-report"
+    "postinstall": "nuxt prepare"
   },
   "dependencies": {
     "@pinia/nuxt": "^0.11.3",
@@ -24,9 +20,7 @@
     "vuedraggable": "^4.1.0"
   },
   "devDependencies": {
-    "@faker-js/faker": "^10.3.0",
     "@nuxtjs/tailwindcss": "^6.14.0",
-    "@playwright/test": "^1.58.2",
     "@types/node": "^25.0.3",
     "nuxt-quasar-ui": "^3.0.0"
   }
diff --git a/frontend_management/pages/admin/courses/pending.vue b/frontend_management/pages/admin/courses/pending.vue
index e5871eb9..800855c8 100644
--- a/frontend_management/pages/admin/courses/pending.vue
+++ b/frontend_management/pages/admin/courses/pending.vue
@@ -31,48 +31,33 @@
       </div>
     </div>
 
-    <!-- Search & View Toggle -->
+    <!-- Search -->
     <div class="bg-white rounded-xl shadow-sm p-4 mb-6">
-      <div class="flex gap-4 items-center">
-        <div class="flex-1">
-          <q-input
-            v-model="searchQuery"
-            placeholder="ค้นหาชื่อคอร์ส, ผู้สอน..."
-            outlined
-            dense
-            bg-color="grey-1"
-          >
-            <template v-slot:prepend>
-              <q-icon name="search" />
-            </template>
-            <template v-slot:append v-if="searchQuery">
-              <q-icon name="close" class="cursor-pointer" @click="searchQuery = ''" />
-            </template>
-          </q-input>
-        </div>
+      <q-input
+        v-model="searchQuery"
+        placeholder="ค้นหาชื่อคอร์ส, ผู้สอน..."
+        outlined
+        dense
+        bg-color="grey-1"
+      >
+        <template v-slot:prepend>
+          <q-icon name="search" />
+        </template>
+        <template v-slot:append v-if="searchQuery">
+          <q-icon name="close" class="cursor-pointer" @click="searchQuery = ''" />
+        </template>
+      </q-input>
+    </div>
 
-        <q-btn-toggle
+    <div class="flex justify-end mb-6">
+      <q-btn-toggle
           v-model="viewMode"
           toggle-color="primary"
           :options="[
-            { value: 'card', slot: 'card' },
-            { value: 'table', slot: 'table' }
+            { label: 'การ์ด', value: 'card' },
+            { label: 'ตาราง', value: 'table' }
           ]"
-          dense
-          rounded
-          unelevated
-          class="border"
-        >
-          <template v-slot:card>
-            <q-icon name="view_stream" size="20px" />
-            <q-tooltip>มุมมองการ์ด</q-tooltip>
-          </template>
-          <template v-slot:table>
-            <q-icon name="view_list" size="20px" />
-            <q-tooltip>มุมมองตาราง</q-tooltip>
-          </template>
-        </q-btn-toggle>
-      </div>
+        />
     </div>
 
     <!-- Pending Courses List -->
diff --git a/frontend_management/pages/admin/index.vue b/frontend_management/pages/admin/index.vue
index e4e6b968..cf1121ed 100644
--- a/frontend_management/pages/admin/index.vue
+++ b/frontend_management/pages/admin/index.vue
@@ -182,7 +182,6 @@
 
 <script setup lang="ts">
 import { adminService, type PendingCourse, type AuditLog } from '~/services/admin.service';
-import { useQuasar } from 'quasar';
 
 definePageMeta({
   layout: 'admin',
@@ -191,7 +190,6 @@ definePageMeta({
 
 const authStore = useAuthStore();
 const router = useRouter();
-const $q = useQuasar();
 
 // State
 const loading = ref(true);
@@ -209,23 +207,8 @@ const goToProfile = () => {
 };
 
 const handleLogout = () => {
-  $q.dialog({
-    title: 'ยืนยันการออกจากระบบ',
-    message: 'คุณต้องการออกจากระบบใช่หรือไม่?',
-    cancel: {
-      label: 'ยกเลิก',
-      flat: true,
-      color: 'grey-8'
-    },
-    ok: {
-      label: 'ออกจากระบบ',
-      color: 'negative'
-    },
-    persistent: true
-  }).onOk(() => {
-    authStore.logout();
-    router.push('/login');
-  });
+  authStore.logout();
+  router.push('/login');
 };
 
 // Data Fetching
diff --git a/frontend_management/pages/admin/recommended-courses/index.vue b/frontend_management/pages/admin/recommended-courses/index.vue
index c8aac610..96d66203 100644
--- a/frontend_management/pages/admin/recommended-courses/index.vue
+++ b/frontend_management/pages/admin/recommended-courses/index.vue
@@ -171,7 +171,7 @@
                    </div>
 
                    <!-- Stats -->
-                   <!-- <div class="grid grid-cols-3 gap-2">
+                   <div class="grid grid-cols-3 gap-2">
                       <div class="bg-blue-50 p-2 rounded-lg text-center">
                          <div class="text-2xl font-bold text-blue-800">{{ selectedCourse.chapters_count || 0 }}</div>
                          <div class="text-blue-600 text-sm">Chapters</div>
@@ -180,7 +180,7 @@
                          <div class="text-2xl font-bold text-purple-800">{{ selectedCourse.lessons_count || 0 }}</div>
                          <div class="text-purple-600 text-sm">Lessons</div>
                       </div>
-                   </div> -->
+                   </div>
                 </div>
              </div>
 
@@ -204,7 +204,7 @@
                      >
                        <q-icon name="article" color="primary" size="20px" />
                        <span class="text-gray-700">{{ lessonIndex + 1 }}. {{ lesson.title.th }}</span>
-                       <!-- <span v-if="lesson.title.en" class="text-gray-400 text-xs ml-auto">{{ lesson.title.en }}</span> -->
+                       <span v-if="lesson.title.en" class="text-gray-400 text-xs ml-auto">{{ lesson.title.en }}</span>
                      </div>
                    </div>
                  </q-expansion-item>
diff --git a/frontend_management/pages/admin/users/index.vue b/frontend_management/pages/admin/users/index.vue
index 8635e0c3..b5570d7e 100644
--- a/frontend_management/pages/admin/users/index.vue
+++ b/frontend_management/pages/admin/users/index.vue
@@ -93,7 +93,7 @@
                 <q-icon v-else name="person" color="primary" />
               </div>
               <div>
-                <div class="font-medium text-primary-600">
+                <div class="font-medium text-primary-600 hover:underline cursor-pointer">
                   {{ getFullName(props.row) }}
                 </div>
                 <div class="text-sm text-gray-500">{{ props.row.email }}</div>
@@ -216,7 +216,7 @@
 
 <script setup lang="ts">
 import { useQuasar } from 'quasar';
-import { adminService, type AdminUserResponse, type RoleResponse } from '~/services/admin.service';
+import { adminService, type AdminUserResponse } from '~/services/admin.service';
 import { useAuthStore } from '~/stores/auth';
 
 definePageMeta({
@@ -228,7 +228,6 @@ const $q = useQuasar();
 
 // Data
 const users = ref<AdminUserResponse[]>([]);
-const roles = ref<RoleResponse[]>([]);
 const loading = ref(true);
 const searchQuery = ref('');
 const filterRole = ref<string | null>(null);
@@ -287,14 +286,6 @@ const filteredUsers = computed(() => {
 });
 
 // Methods
-const fetchRoles = async () => {
-  try {
-    roles.value = await adminService.getRoles();
-  } catch (error) {
-    console.error('Failed to fetch roles:', error);
-  }
-};
-
 const fetchUsers = async () => {
   loading.value = true;
   try {
@@ -337,32 +328,24 @@ const viewUser = (user: AdminUserResponse) => {
   showViewModal.value = true;
 };
 
-const getRoleLabel = (code: string): string => {
-  const labels: Record<string, string> = {
-    INSTRUCTOR: 'Instructor',
-    STUDENT: 'Student',
-    ADMIN: 'Admin'
-  };
-  return labels[code] || code;
-};
-
 const changeRole = (user: AdminUserResponse) => {
-  // Find current role ID from fetched roles
-  const currentRole = roles.value.find(r => r.code === user.role.code);
+  const roleIds: Record<string, number> = {
+    INSTRUCTOR: 1,
+    STUDENT: 2,
+    ADMIN: 3
+  };
   
-  // Build items from API roles
-  const roleItems = roles.value.map(r => ({
-    label: getRoleLabel(r.code),
-    value: r.id
-  }));
-
   $q.dialog({
     title: 'เปลี่ยน Role',
     message: `เลือก Role ใหม่สำหรับ ${user.profile.first_name}`,
     options: {
       type: 'radio',
-      model: (currentRole?.id ?? 0) as any,
-      items: roleItems
+      model: roleIds[user.role.code] as any,
+      items: [
+        { label: 'Instructor', value: 1 },
+        { label: 'Student', value: 2 },
+        { label: 'Admin', value: 3 }
+      ]
     },
     cancel: true,
     persistent: true
@@ -432,7 +415,6 @@ const exportExcel = () => {
 
 // Lifecycle
 onMounted(() => {
-  fetchRoles();
   fetchUsers();
 });
 </script>
diff --git a/frontend_management/pages/instructor/courses/[id]/chapters/[chapterId]/lessons/[lessonId]/quiz.vue b/frontend_management/pages/instructor/courses/[id]/chapters/[chapterId]/lessons/[lessonId]/quiz.vue
index 3ce30e3f..6e89fe33 100644
--- a/frontend_management/pages/instructor/courses/[id]/chapters/[chapterId]/lessons/[lessonId]/quiz.vue
+++ b/frontend_management/pages/instructor/courses/[id]/chapters/[chapterId]/lessons/[lessonId]/quiz.vue
@@ -40,37 +40,28 @@
             <!-- Title English -->
             <q-input
               v-model="form.title.en"
-              label="ชื่อแบบทดสอบ (English) *"
+              label="ชื่อแบบทดสอบ (English)"
               outlined
-              :rules="[val => !!val || 'กรุณากรอกชื่อแบบทดสอบ']"
-              lazy-rules="ondemand"
-              hide-bottom-space
             />
 
             <!-- Content Thai -->
             <q-input
               v-model="form.content.th"
-              label="คำอธิบาย (ภาษาไทย) *"
+              label="คำอธิบาย (ภาษาไทย)"
               type="textarea"
               outlined
               autogrow
               rows="2"
-              :rules="[val => !!val || 'กรุณากรอกคำอธิบาย']"
-              lazy-rules="ondemand"
-              hide-bottom-space
             />
 
             <!-- Content English -->
             <q-input
               v-model="form.content.en"
-              label="คำอธิบาย (English) *"
+              label="คำอธิบาย (English)"
               type="textarea"
               outlined
               autogrow
               rows="2"
-              :rules="[val => !!val || 'กรุณากรอกคำอธิบาย']"
-              lazy-rules="ondemand"
-              hide-bottom-space
             />
           </div>
         </q-card-section>
@@ -432,7 +423,7 @@ const savePrerequisiteSettings = async () => {
       ...form.value,
       prerequisite_lesson_ids: prerequisiteSettings.value.prerequisite_lesson_ids.length > 0 
         ? prerequisiteSettings.value.prerequisite_lesson_ids 
-        : []
+        : null
     });
     $q.notify({ type: 'positive', message: response.message || 'บันทึกการตั้งค่าสำเร็จ', position: 'top' });
   } catch (error) {
@@ -616,6 +607,7 @@ const saveQuestion = async () => {
   try {
     const questionData: CreateQuestionRequest = {
       question: questionForm.value.text,
+      explanation: { th: '', en: '' },
       question_type: 'MULTIPLE_CHOICE',
       sort_order: editingQuestionIndex.value !== null 
         ? questions.value[editingQuestionIndex.value].id ? editingQuestionIndex.value + 1 : questions.value.length + 1
diff --git a/frontend_management/pages/instructor/courses/[id]/chapters/[chapterId]/lessons/[lessonId]/video.vue b/frontend_management/pages/instructor/courses/[id]/chapters/[chapterId]/lessons/[lessonId]/video.vue
index e9f90c9b..6c0bb237 100644
--- a/frontend_management/pages/instructor/courses/[id]/chapters/[chapterId]/lessons/[lessonId]/video.vue
+++ b/frontend_management/pages/instructor/courses/[id]/chapters/[chapterId]/lessons/[lessonId]/video.vue
@@ -39,37 +39,28 @@
             <!-- Title English -->
             <q-input
               v-model="form.title.en"
-              label="ชื่อบทเรียน (English) *"
+              label="ชื่อบทเรียน (English)"
               outlined
-              :rules="[val => !!val || 'กรุณากรอกชื่อบทเรียน']"
-              lazy-rules="ondemand"
-              hide-bottom-space
             />
 
             <!-- Content Thai -->
             <q-input
               v-model="form.content.th"
-              label="คำอธิบาย (ภาษาไทย) *"
+              label="คำอธิบาย (ภาษาไทย)"
               type="textarea"
               outlined
               autogrow
               rows="3"
-              :rules="[val => !!val || 'กรุณากรอกคำอธิบาย']"
-              lazy-rules="ondemand"
-              hide-bottom-space
             />
 
             <!-- Content English -->
             <q-input
               v-model="form.content.en"
-              label="คำอธิบาย (English) *"
+              label="คำอธิบาย (English)"
               type="textarea"
               outlined
               autogrow
               rows="3"
-              :rules="[val => !!val || 'กรุณากรอกคำอธิบาย']"
-              lazy-rules="ondemand"
-              hide-bottom-space
             />
             <q-card-section class="flex justify-end gap-2">
           <q-btn
@@ -506,7 +497,7 @@ const savePrerequisiteSettings = async () => {
       ...form.value,
       prerequisite_lesson_ids: prerequisiteSettings.value.prerequisite_lesson_ids.length > 0 
         ? prerequisiteSettings.value.prerequisite_lesson_ids 
-        : []
+        : null
     });
     $q.notify({ type: 'positive', message: response.message || 'บันทึกการตั้งค่าสำเร็จ', position: 'top' });
   } catch (error) {
diff --git a/frontend_management/pages/instructor/courses/[id]/edit.vue b/frontend_management/pages/instructor/courses/[id]/edit.vue
index b1c966ba..6fd408f3 100644
--- a/frontend_management/pages/instructor/courses/[id]/edit.vue
+++ b/frontend_management/pages/instructor/courses/[id]/edit.vue
@@ -68,28 +68,22 @@
         <div class="mb-6">
           <q-input
             v-model="form.description.th"
-            label="คำอธิบาย (ภาษาไทย) *"
+            label="คำอธิบาย (ภาษาไทย)"
             type="textarea"
             outlined
             autogrow
             rows="3"
-            :rules="[val => !!val || 'กรุณากรอกคำอธิบาย']"
-            lazy-rules="ondemand"
-            hide-bottom-space
           />
         </div>
 
         <div class="mb-6">
           <q-input
             v-model="form.description.en"
-            label="คำอธิบาย (English) *"
+            label="คำอธิบาย (English)"
             type="textarea"
             outlined
             autogrow
             rows="3"
-            :rules="[val => !!val || 'กรุณากรอกคำอธิบาย']"
-            lazy-rules="ondemand"
-            hide-bottom-space
           />
         </div>
 
diff --git a/frontend_management/pages/instructor/courses/[id]/structure.vue b/frontend_management/pages/instructor/courses/[id]/structure.vue
index 668009e9..51d1a33e 100644
--- a/frontend_management/pages/instructor/courses/[id]/structure.vue
+++ b/frontend_management/pages/instructor/courses/[id]/structure.vue
@@ -156,34 +156,25 @@
             />
             <q-input
               v-model="chapterForm.title.en"
-              label="ชื่อบท (English) *"
+              label="ชื่อบท (English)"
               outlined
               class="mb-4"
-              :rules="[val => !!val || 'กรุณากรอกชื่อบท']"
-              lazy-rules="ondemand"
-              hide-bottom-space
             />
             <q-input
               v-model="chapterForm.description.th"
-              label="คำอธิบาย (ภาษาไทย) *"
+              label="คำอธิบาย (ภาษาไทย)"
               type="textarea"
               outlined
               autogrow
               class="mb-4"
-              :rules="[val => !!val || 'กรุณากรอกคำอธิบาย']"
-              lazy-rules="ondemand"
-              hide-bottom-space
             />
             <q-input
               v-model="chapterForm.description.en"
-              label="คำอธิบาย (English) *"
+              label="คำอธิบาย (English)"
               type="textarea"
               outlined
               autogrow
               class="mb-4"
-              :rules="[val => !!val || 'กรุณากรอกคำอธิบาย']"
-              lazy-rules="ondemand"
-              hide-bottom-space
             />
 
             <div class="flex justify-end gap-2 mt-4">
@@ -217,7 +208,7 @@
             />
             <q-input
               v-model="lessonForm.title.en"
-              label="ชื่อบทเรียน (English) *"
+              label="ชื่อบทเรียน (English)"
               outlined
               class="mb-4"
             />
@@ -244,29 +235,22 @@
             <q-input
               v-if="lessonForm.type"
               v-model="lessonForm.content.th"
-              label="เนื้อหา (ภาษาไทย) *"
+              label="เนื้อหา (ภาษาไทย)"
               type="textarea"
               outlined
               autogrow
               rows="3"
               class="mb-4"
-              :rules="[val => !!val || 'กรุณากรอกเนื้อหา']"
-              lazy-rules="ondemand"
-              hide-bottom-space
             />
 
             <q-input
               v-if="lessonForm.type"
               v-model="lessonForm.content.en"
-              label="เนื้อหา (English) *"
+              label="เนื้อหา (English)"
               type="textarea"
               outlined
               autogrow
               rows="3"
-              class="mb-4"
-              :rules="[val => !!val || 'กรุณากรอกเนื้อหา']"
-              lazy-rules="ondemand"
-              hide-bottom-space
             />
 
             <div class="flex justify-end gap-2 mt-4">
diff --git a/frontend_management/pages/instructor/courses/index.vue b/frontend_management/pages/instructor/courses/index.vue
index 43b17b11..cdda8b84 100644
--- a/frontend_management/pages/instructor/courses/index.vue
+++ b/frontend_management/pages/instructor/courses/index.vue
@@ -39,8 +39,8 @@
 
     <!-- Filter Bar -->
     <div class="bg-white rounded-xl shadow-sm p-4 mb-6">
-      <div class="flex gap-4 items-center">
-        <div class="flex-1">
+      <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+        <div class="md:col-span-2">
           <q-input
             v-model="searchQuery"
             placeholder="ค้นหาหลักสูตร..."
@@ -62,39 +62,15 @@
           dense
           emit-value
           map-options
-          style="min-width: 160px"
         />
-
-        <q-btn-toggle
-          v-model="viewMode"
-          toggle-color="primary"
-          :options="[
-            { value: 'card', slot: 'card' },
-            { value: 'table', slot: 'table' }
-          ]"
-          dense
-          rounded
-          unelevated
-          class="border"
-        >
-          <template v-slot:card>
-            <q-icon name="grid_view" size="20px" />
-            <q-tooltip>มุมมองการ์ด</q-tooltip>
-          </template>
-          <template v-slot:table>
-            <q-icon name="view_list" size="20px" />
-            <q-tooltip>มุมมองตาราง</q-tooltip>
-          </template>
-        </q-btn-toggle>
       </div>
     </div>
 
-    <!-- Loading -->
+    <!-- Courses Grid -->
     <div v-if="loading" class="flex justify-center py-10">
       <q-spinner-dots size="50px" color="primary" />
     </div>
 
-    <!-- Empty State -->
     <div v-else-if="filteredCourses.length === 0" class="bg-white rounded-xl shadow-sm p-10 text-center">
       <q-icon name="school" size="60px" color="grey-5" class="mb-4" />
       <p class="text-gray-500 text-lg">ยังไม่มีหลักสูตร</p>
@@ -106,8 +82,7 @@
       />
     </div>
 
-    <!-- Card View -->
-    <div v-else-if="viewMode === 'card'" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+    <div v-else class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
       <div
         v-for="course in filteredCourses"
         :key="course.id"
@@ -159,17 +134,26 @@
           >
             <q-tooltip>ดูรายละเอียด</q-tooltip>
           </q-btn>
+          <!-- <q-btn
+            flat
+            dense
+            icon="edit"
+            color="primary"
+            @click="navigateTo(`/instructor/courses/${course.id}/edit`)"
+          >
+            <q-tooltip>แก้ไข</q-tooltip>
+          </q-btn> -->
           <q-space />
           <q-btn flat round dense icon="more_vert">
             <q-menu>
               <q-list style="min-width: 150px">
-                <q-item v-if="course.status === 'APPROVED'" clickable v-close-popup @click="duplicateCourse(course)">
+                <q-item clickable v-close-popup @click="duplicateCourse(course)">
                   <q-item-section avatar>
                     <q-icon name="content_copy" />
                   </q-item-section>
                   <q-item-section>ทำสำเนา</q-item-section>
                 </q-item>
-                <q-separator v-if="course.status === 'APPROVED'" />
+                <q-separator />
                 <q-item clickable v-close-popup @click="confirmDelete(course)">
                   <q-item-section avatar>
                     <q-icon name="delete" color="negative" />
@@ -183,94 +167,6 @@
       </div>
     </div>
 
-    <!-- Table View -->
-    <div v-else class="bg-white rounded-xl shadow-sm overflow-hidden">
-      <q-table
-        :rows="filteredCourses"
-        :columns="tableColumns"
-        row-key="id"
-        flat
-        :pagination="tablePagination"
-        :rows-per-page-options="[10, 20, 50, 0]"
-        @update:pagination="tablePagination = $event"
-      >
-        <!-- Thumbnail + Title -->
-        <template v-slot:body-cell-title="props">
-          <q-td :props="props">
-            <div class="flex items-center gap-3">
-              <div class="w-16 h-10 rounded overflow-hidden flex-shrink-0 bg-gradient-to-br from-primary-400 to-primary-600 flex items-center justify-center">
-                <img
-                  v-if="props.row.thumbnail_url"
-                  :src="props.row.thumbnail_url"
-                  :alt="props.row.title.th"
-                  class="w-full h-full object-cover"
-                  @error="($event.target as HTMLImageElement).style.display = 'none'"
-                />
-                <q-icon v-else name="school" size="20px" color="white" />
-              </div>
-              <div class="min-w-0">
-                <div class="font-medium text-gray-900 truncate">{{ props.row.title.th }}</div>
-                <div class="text-xs text-gray-400 truncate">{{ props.row.title.en }}</div>
-              </div>
-            </div>
-          </q-td>
-        </template>
-
-        <!-- Status Badge -->
-        <template v-slot:body-cell-status="props">
-          <q-td :props="props">
-            <q-badge :color="getStatusColor(props.row.status)">
-              {{ getStatusLabel(props.row.status) }}
-            </q-badge>
-          </q-td>
-        </template>
-
-        <!-- Price -->
-        <template v-slot:body-cell-price="props">
-          <q-td :props="props">
-            <span class="font-medium" :class="props.row.is_free ? 'text-green-600' : 'text-primary-600'">
-              {{ props.row.is_free ? 'ฟรี' : `฿${parseFloat(props.row.price).toLocaleString()}` }}
-            </span>
-          </q-td>
-        </template>
-
-        <!-- Date -->
-        <template v-slot:body-cell-created_at="props">
-          <q-td :props="props">
-            {{ formatDate(props.row.created_at) }}
-          </q-td>
-        </template>
-
-        <!-- Actions -->
-        <template v-slot:body-cell-actions="props">
-          <q-td :props="props">
-            <q-btn flat round dense icon="visibility" color="grey" size="sm" @click="handleViewDetails(props.row)">
-              <q-tooltip>ดูรายละเอียด</q-tooltip>
-            </q-btn>
-            <q-btn flat round dense icon="more_vert" size="sm">
-              <q-menu>
-                <q-list style="min-width: 150px">
-                  <q-item v-if="props.row.status === 'APPROVED'" clickable v-close-popup @click="duplicateCourse(props.row)">
-                    <q-item-section avatar>
-                      <q-icon name="content_copy" />
-                    </q-item-section>
-                    <q-item-section>ทำสำเนา</q-item-section>
-                  </q-item>
-                  <q-separator v-if="props.row.status === 'APPROVED'" />
-                  <q-item clickable v-close-popup @click="confirmDelete(props.row)">
-                    <q-item-section avatar>
-                      <q-icon name="delete" color="negative" />
-                    </q-item-section>
-                    <q-item-section class="text-negative">ลบ</q-item-section>
-                  </q-item>
-                </q-list>
-              </q-menu>
-            </q-btn>
-          </q-td>
-        </template>
-      </q-table>
-    </div>
-
     <!-- Rejection Details Dialog -->
     <q-dialog v-model="rejectionDialog">
       <q-card style="min-width: 400px">
@@ -360,17 +256,6 @@ const courses = ref<CourseResponse[]>([]);
 const loading = ref(true);
 const searchQuery = ref('');
 const filterStatus = ref<string | null>(null);
-const viewMode = ref<'card' | 'table'>('card');
-
-// Table config
-const tablePagination = ref({ page: 1, rowsPerPage: 10 });
-const tableColumns = [
-  { name: 'title', label: 'หลักสูตร', field: 'title', align: 'left' as const, sortable: true },
-  { name: 'status', label: 'สถานะ', field: 'status', align: 'center' as const, sortable: true },
-  { name: 'price', label: 'ราคา', field: 'price', align: 'center' as const, sortable: true },
-  { name: 'created_at', label: 'วันที่สร้าง', field: 'created_at', align: 'center' as const, sortable: true },
-  { name: 'actions', label: 'จัดการ', field: 'actions', align: 'center' as const }
-];
 
 // Status options
 const statusOptions = [
diff --git a/frontend_management/pages/instructor/index.vue b/frontend_management/pages/instructor/index.vue
index 16411da0..8b7fb904 100644
--- a/frontend_management/pages/instructor/index.vue
+++ b/frontend_management/pages/instructor/index.vue
@@ -171,8 +171,6 @@
 </template>
 
 <script setup lang="ts">
-import { useQuasar } from 'quasar';
-
 definePageMeta({
   layout: 'instructor',
   middleware: 'auth'
@@ -181,7 +179,6 @@ definePageMeta({
 const authStore = useAuthStore();
 const instructorStore = useInstructorStore();
 const router = useRouter();
-const $q = useQuasar();
 
 // Navigation functions
 const goToProfile = () => {
@@ -193,23 +190,8 @@ const goToSettings = () => {
 };
 
 const handleLogout = () => {
-  $q.dialog({
-    title: 'ยืนยันการออกจากระบบ',
-    message: 'คุณต้องการออกจากระบบใช่หรือไม่?',
-    cancel: {
-      label: 'ยกเลิก',
-      flat: true,
-      color: 'grey-8'
-    },
-    ok: {
-      label: 'ออกจากระบบ',
-      color: 'negative'
-    },
-    persistent: true
-  }).onOk(() => {
-    authStore.logout();
-    router.push('/login');
-  });
+  authStore.logout();
+  router.push('/login');
 };
 
 // Fetch dashboard data on mount
diff --git a/frontend_management/playwright.config.ts b/frontend_management/playwright.config.ts
deleted file mode 100644
index 4c0c0541..00000000
--- a/frontend_management/playwright.config.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import { defineConfig, devices } from '@playwright/test';
-import { fileURLToPath } from 'url';
-import path from 'path';
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-
-/**
- * Read environment variables from file.
- * https://github.com/motdotla/dotenv
- */
-// import dotenv from 'dotenv';
-// import path from 'path';
-// dotenv.config({ path: path.resolve(__dirname, '.env') });
-
-/**
- * See https://playwright.dev/docs/test-configuration.
- */
-export default defineConfig({
-  testDir: './tests',
-  /* Run tests in files in parallel */
-  timeout: 60000,                   // timeout ต่อ test (ms)
-  fullyParallel: true,
-  /* Fail the build on CI if you accidentally left test.only in the source code. */
-  forbidOnly: !!process.env.CI,
-  /* Retry on CI only */
-  retries: process.env.CI ? 2 : 0,
-  /* Opt out of parallel tests on CI. */
-  // workers: process.env.CI ? 1 : undefined,
-  workers: 1,
-
-  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: 'html',
-  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
-  use: {
-    baseURL: 'http://localhost:3000/',// ปรับเป็น URL ที่ทดสอบ
-    headless: false,                  // false = เห็น browser ขณะรัน
-    screenshot: 'only-on-failure',   // เก็บ screenshot เมื่อ fail
-    trace: 'retain-on-failure',       // เก็บ trace เพื่อดีบักเมื่อ fail
-    // launchOptions: {
-    //   slowMo: 1000,
-    // },          // ช้าลง 10 วินาที
-  },
-
-  /* ──── Setup Projects: login ครั้งเดียว แล้ว save cookies ──── */
-  projects: [
-    {
-      name: 'admin-setup',
-      testMatch: /admin\.setup\.ts/,
-      testDir: './tests',
-    },
-    {
-      name: 'instructor-setup',
-      testMatch: /instructor\.setup\.ts/,
-      testDir: './tests',
-    },
-
-    /* ──── Auth tests: ไม่ต้อง login ก่อน ──── */
-    {
-      name: 'auth-tests',
-      testDir: './tests/auth',
-      use: { ...devices['Desktop Chrome'] },
-    },
-
-    /* ──── Admin tests: ใช้ cookies จาก admin-setup ──── */
-    {
-      name: 'admin-tests',
-      testDir: './tests/admin',
-      use: {
-        ...devices['Desktop Chrome'],
-        storageState: path.resolve(__dirname, 'tests/.auth/admin.json'),
-      },
-      dependencies: ['admin-setup'],
-    },
-
-    /* ──── Instructor tests: ใช้ cookies จาก instructor-setup ──── */
-    {
-      name: 'instructor-tests',
-      testDir: './tests/instructor',
-      use: {
-        ...devices['Desktop Chrome'],
-        storageState: path.resolve(__dirname, 'tests/.auth/instructor.json'),
-      },
-      dependencies: ['instructor-setup'],
-    },
-  ],
-
-  /* Run your local dev server before starting the tests */
-  // webServer: {
-  //   command: 'npm run start',
-  //   url: 'http://localhost:3000',
-  //   reuseExistingServer: !process.env.CI,
-  // },
-});
diff --git a/frontend_management/services/admin.service.ts b/frontend_management/services/admin.service.ts
index 8a90c27f..cdea0ea4 100644
--- a/frontend_management/services/admin.service.ts
+++ b/frontend_management/services/admin.service.ts
@@ -320,25 +320,7 @@ const getAuthToken = (): string => {
     return tokenCookie.value || '';
 };
 
-// Role interface
-export interface RoleResponse {
-    id: number;
-    code: string;
-}
-
 export const adminService = {
-    async getRoles(): Promise<RoleResponse[]> {
-        const config = useRuntimeConfig();
-        const token = getAuthToken();
-        const response = await $fetch<{ roles: RoleResponse[] }>('/api/user/roles', {
-            baseURL: config.public.apiBaseUrl as string,
-            headers: {
-                Authorization: `Bearer ${token}`
-            }
-        });
-        return response.roles;
-    },
-
     async getUsers(): Promise<AdminUserResponse[]> {
         const config = useRuntimeConfig();
         const token = getAuthToken();
diff --git a/frontend_management/tests/admin/audit-log.spec.ts b/frontend_management/tests/admin/audit-log.spec.ts
deleted file mode 100644
index d71ab27a..00000000
--- a/frontend_management/tests/admin/audit-log.spec.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-import { test, expect } from '@playwright/test';
-import { TEST_URLS } from '../fixtures/test-data';
-
-/**
- * Admin Audit Log Page Tests
- * ใช้ cookies จาก admin-setup project (ไม่ต้อง login ซ้ำ)
- */
-test.describe('Admin Audit Log', () => {
-    test.beforeEach(async ({ page }) => {
-        await page.goto(TEST_URLS.adminAuditLog);
-        await page.waitForLoadState('networkidle');
-    });
-
-    test('check display page', async ({ page }) => {
-        // Header
-        await expect(page.getByText('Audit Logs', { exact: true })).toBeVisible();
-        await expect(page.getByText('ประวัติการใช้งานระบบและกิจกรรมต่างๆ')).toBeVisible();
-
-        // Stats cards
-        await expect(page.getByText('Logs ทั้งหมด')).toBeVisible();
-        await expect(page.getByText('Logs วันนี้')).toBeVisible();
-
-        await expect(page.getByRole('button', { name: 'รีเฟรช' })).toBeVisible();
-        await expect(page.getByRole('button', { name: 'ล้างประวัติเก่า' })).toBeVisible();
-    });
-
-    test('should refresh data when clicking refresh button', async ({ page }) => {
-        const refreshBtn = page.getByRole('button', { name: 'รีเฟรช' });
-        await refreshBtn.click();
-        await page.waitForLoadState('networkidle');
-
-        // Table should still be visible after refresh
-        await expect(page.locator('.q-table')).toBeVisible();
-    });
-
-    test('should filter by Action', async ({ page }) => {
-        // Click the Action select
-        const actionSelect = page.locator('label').filter({ hasText: 'Action' });
-        await actionSelect.click();
-        await page.waitForTimeout(300);
-
-        // Select an option from dropdown
-        const option = page.locator('.q-item__label').filter({ hasText: 'LOGIN' }).first();
-        await option.click();
-
-        // Click search
-        await page.getByRole('button', { name: 'ค้นหา' }).click();
-        await page.waitForLoadState('networkidle');
-
-        // Table should be visible
-        await expect(page.locator('.q-table')).toBeVisible();
-
-        await page.getByRole('button', { name: 'ล้างตัวกรอง' }).click();
-        await page.waitForLoadState('networkidle');
-
-        // Entity type input should be cleared
-        await expect(option).not.toBeVisible();
-    });
-
-    test('check open details dialog', async ({ page }) => {
-        // Wait for table data to load
-        const viewBtn = page.locator('.q-table .q-btn').filter({ has: page.locator('.q-icon') }).first();
-        const hasData = await viewBtn.isVisible().catch(() => false);
-
-        if (hasData) {
-            await viewBtn.click();
-            await page.waitForTimeout(300);
-
-            // Details dialog should be visible
-            await expect(page.getByText('รายละเอียด Audit Log')).toBeVisible();
-
-            // Close button
-            await page.getByRole('button', { name: 'ปิด' }).click();
-        }
-    });
-
-    test('check close cleanup dialog on cancel', async ({ page }) => {
-        await page.getByRole('button', { name: 'ล้างประวัติเก่า' }).click();
-        await page.waitForTimeout(300);
-        await expect(page.locator('.q-dialog')).toBeVisible();
-
-        // Click cancel
-        await page.getByRole('button', { name: 'ยกเลิก' }).click();
-        await expect(page.locator('.q-dialog')).not.toBeVisible();
-    });
-
-    test('check close cleanup dialog on confirm', async ({ page }) => {
-        await page.getByRole('button', { name: 'ล้างประวัติเก่า' }).click();
-        await page.waitForTimeout(300);
-        await expect(page.locator('.q-dialog')).toBeVisible();
-
-        // Click confirm
-        await page.getByRole('button', { name: 'ลบข้อมูล', exact: true }).click();
-        await expect(page.locator('.q-dialog')).not.toBeVisible();
-    });
-});
diff --git a/frontend_management/tests/admin/categories.spec.ts b/frontend_management/tests/admin/categories.spec.ts
deleted file mode 100644
index 3268d024..00000000
--- a/frontend_management/tests/admin/categories.spec.ts
+++ /dev/null
@@ -1,158 +0,0 @@
-import { test, expect } from '@playwright/test';
-import { TEST_URLS } from '../fixtures/test-data';
-import { faker } from '@faker-js/faker';
-
-/**
- * Admin Categories Page Tests
- * ใช้ cookies จาก admin-setup project (ไม่ต้อง login ซ้ำ)
- */
-test.describe('Admin Categories', () => {
-    test.beforeEach(async ({ page }) => {
-        await page.goto(TEST_URLS.adminCategories);
-        await page.waitForLoadState('networkidle');
-    });
-
-    test('check display page title and table', async ({ page }) => {
-        await expect(page.getByText('รายการหมวดหมู่')).toBeVisible();
-        await expect(page.locator('.q-table')).toBeVisible();
-        await expect(page.getByText('ชื่อหมวดหมู่')).toBeVisible();
-        await expect(page.getByText('คำอธิบาย')).toBeVisible();
-        await expect(page.getByText('วันที่สร้าง')).toBeVisible();
-        await expect(page.getByText('การจัดการ')).toBeVisible();
-    });
-
-
-    test('check search input', async ({ page }) => {
-        const searchInput = page.locator('input[placeholder*="ค้นหาหมวดหมู่"]');
-        await expect(searchInput).toBeVisible();
-        await searchInput.fill('ธุรกิจ');
-        await page.waitForTimeout(500);
-        await expect(page.getByText('ธุรกิจ', { exact: true })).toBeVisible();
-    });
-
-    test('check filter categories by search', async ({ page }) => {
-        const searchInput = page.locator('input[placeholder*="ค้นหาหมวดหมู่"]');
-        await searchInput.fill('ไม่มีหมวดหมู่นี้แน่นอน');
-        await page.waitForTimeout(500);
-
-        // ตารางควรไม่มีข้อมูล
-        await expect(page.getByText('No data available')).toBeVisible();
-    });
-
-
-    test('should add new category successfully', async ({ page }) => {
-        // สร้างข้อมูลสุ่มด้วย faker
-        const nameTh = faker.word.noun();
-        const nameEn = faker.commerce.department();
-        const slug = faker.helpers.slugify(nameEn.toLowerCase()) + '-' + faker.string.alpha({ length: 6, casing: 'lower' });
-        const descTh = faker.lorem.sentence();
-        const descEn = faker.lorem.sentence();
-
-        // 1. กดปุ่มเพิ่มหมวดหมู่
-        await page.getByRole('button', { name: /เพิ่มหมวดหมู่ใหม่/ }).click();
-        await expect(page.getByText('เพิ่ม', { exact: true })).toBeVisible();
-
-        // 2. กรอกข้อมูลในฟอร์ม
-        const dialog = page.locator('.q-dialog');
-        const inputs = dialog.locator('input');
-        await inputs.nth(0).fill(nameTh);
-        await inputs.nth(1).fill(nameEn);
-        await inputs.nth(2).fill(slug);
-
-        const textareas = dialog.locator('textarea');
-        await textareas.nth(0).fill(descTh);
-        await textareas.nth(1).fill(descEn);
-
-        // 3. กดปุ่ม "เพิ่ม"
-        await page.getByRole('button', { name: 'เพิ่ม', exact: true }).click();
-
-        // 4. ตรวจสอบว่ามี notification สำเร็จ
-        await expect(page.locator('.q-notification')).toBeVisible({ timeout: 10_000 });
-
-        // 5. modal ต้องปิด
-        await expect(dialog).not.toBeVisible();
-
-        // 6. ตรวจสอบว่าหมวดหมู่ใหม่แสดงในตาราง
-        const searchInput = page.locator('input[placeholder*="ค้นหาหมวดหมู่"]');
-        await searchInput.fill(nameTh);
-        await page.waitForTimeout(500);
-        await expect(page.getByText(nameTh, { exact: true })).toBeVisible();
-
-        const editBtn = page.locator('.q-table button .q-icon').filter({ hasText: 'edit' }).first();
-        const deleteBtn = page.locator('.q-table button .q-icon').filter({ hasText: 'delete' }).first();
-        await expect(editBtn).toBeVisible();
-        await expect(deleteBtn).toBeVisible();
-
-        await editBtn.click();
-        await page.waitForTimeout(500);
-        await expect(page.getByText('แก้ไขหมวดหมู่', { exact: true })).toBeVisible();
-        await inputs.nth(0).fill(nameTh + ' edit');
-        await inputs.nth(1).fill(nameEn + ' edit');
-        await inputs.nth(2).fill(slug + 'edit');
-        await textareas.nth(0).fill(descTh + ' edit');
-        await textareas.nth(1).fill(descEn + ' edit');
-        await page.getByRole('button', { name: 'บันทึก', exact: true }).click();
-        await page.waitForTimeout(500);
-
-        await searchInput.fill(nameTh + ' edit');
-        await page.waitForTimeout(500);
-        await expect(page.getByText(nameTh + ' edit', { exact: true })).toBeVisible();
-
-        await deleteBtn.click();
-        await page.waitForTimeout(500);
-        await page.getByRole('button', { name: 'OK' }).click();
-        await page.waitForTimeout(500);
-        await expect(page.locator('.q-notification').filter({ hasText: 'deleted' })).toBeVisible({ timeout: 10_000 });
-    });
-
-    test('should show validation error when submitting empty form', async ({ page }) => {
-        // 1. เปิด modal เพิ่มหมวดหมู่
-        await page.getByRole('button', { name: /เพิ่มหมวดหมู่ใหม่/ }).click();
-        await expect(page.getByText('เพิ่ม', { exact: true })).toBeVisible();
-
-        // 2. กดปุ่ม "เพิ่ม" โดยไม่กรอกข้อมูล
-        await page.getByRole('button', { name: 'เพิ่ม', exact: true }).click();
-
-        // 3. ตรวจสอบ validation error
-        await expect(page.getByText('กรุณากรอกชื่อ')).toBeVisible();
-    });
-
-    test('should close add modal on cancel', async ({ page }) => {
-        // 1. เปิด modal
-        await page.getByRole('button', { name: /เพิ่มหมวดหมู่ใหม่/ }).click();
-        await expect(page.getByText('เพิ่ม', { exact: true })).toBeVisible();
-
-        // 2. กดยกเลิก
-        await page.getByRole('button', { name: 'ยกเลิก' }).click();
-
-        // 3. modal ต้องหายไป
-        await expect(page.locator('.q-dialog')).not.toBeVisible();
-    });
-
-    test('should open edit modal when clicking edit button', async ({ page }) => {
-        // 1. กดปุ่ม edit ของแถวแรก
-        const editBtn = page.locator('.q-table button[class*="q-btn"]').first();
-        await expect(editBtn).toBeVisible();
-        await editBtn.click();
-
-        // 2. ตรวจสอบว่า modal แก้ไขเปิดขึ้น
-        await expect(page.getByText('แก้ไขหมวดหมู่')).toBeVisible();
-
-        // 3. ฟอร์มต้องมีข้อมูลอยู่แล้ว (ไม่ว่าง)
-        const nameInput = page.locator('.q-dialog input').first();
-        await expect(nameInput).not.toHaveValue('');
-
-        // 4. ปุ่มต้องเป็น "บันทึก" ไม่ใช่ "เพิ่ม"
-        await expect(page.getByRole('button', { name: 'บันทึก' })).toBeVisible();
-    });
-
-    test('should show delete confirmation dialog', async ({ page }) => {
-        // 1. กดปุ่ม delete ของแถวแรก (ปุ่มที่สองใน actions)
-        const deleteBtn = page.locator('.q-table .flex.gap-2 button').nth(1);
-        await expect(deleteBtn).toBeVisible();
-        await deleteBtn.click();
-
-        // 2. ตรวจสอบว่า dialog ยืนยันการลบแสดง
-        await expect(page.getByText('ยืนยันการลบ')).toBeVisible();
-    });
-});
diff --git a/frontend_management/tests/admin/courses-pending.spec.ts b/frontend_management/tests/admin/courses-pending.spec.ts
deleted file mode 100644
index e792a75c..00000000
--- a/frontend_management/tests/admin/courses-pending.spec.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-import { test, expect } from '@playwright/test';
-import { TEST_URLS } from '../fixtures/test-data';
-
-/**
- * Admin Pending Courses Page Tests
- * ใช้ cookies จาก admin-setup project (ไม่ต้อง login ซ้ำ)
- */
-test.describe('Admin Pending Courses', () => {
-    test.beforeEach(async ({ page }) => {
-        await page.goto(TEST_URLS.adminPendingCourses);
-        await page.waitForLoadState('networkidle');
-    });
-
-    test('should display stats cards', async ({ page }) => {
-        await expect(page.getByText('รอตรวจสอบ')).toBeVisible();
-        await expect(page.getByText('บททั้งหมด')).toBeVisible();
-        await expect(page.getByText('บทเรียนทั้งหมด')).toBeVisible();
-    });
-
-    test('should search courses by keyword "พื้นฐาน"', async ({ page }) => {
-        const searchInput = page.locator('input[placeholder*="ค้นหา"]');
-        await expect(searchInput).toBeVisible();
-
-        // ค้นหาคำว่า "พื้นฐาน"
-        await searchInput.fill('พื้นฐาน');
-        await page.waitForTimeout(500);
-
-        // ตรวจสอบว่าแสดงผลลัพธ์ที่ตรงกัน หรือแสดง empty state
-        const emptyState = page.getByText('ไม่มีคอร์สที่รอการอนุมัติ');
-        const isEmpty = await emptyState.isVisible().catch(() => false);
-
-        if (isEmpty) {
-            await expect(emptyState).toBeVisible();
-        } else {
-            // ถ้ามีผลลัพธ์ ชื่อคอร์สต้องมีคำว่า "พื้นฐาน"
-            const courseCards = page.locator('.bg-white.rounded-xl.shadow-sm.overflow-hidden');
-            const count = await courseCards.count();
-            expect(count).toBeGreaterThan(0);
-
-            for (let i = 0; i < count; i++) {
-                await expect(courseCards.nth(i)).toContainText('พื้นฐาน');
-            }
-        }
-    });
-
-    test('should filter courses by search text', async ({ page }) => {
-        const searchInput = page.locator('input[placeholder*="ค้นหา"]');
-        await searchInput.fill('nonexistent-course-xyz');
-
-        // Should show empty state or filtered results
-        // Wait briefly for filter to apply
-        await page.waitForTimeout(500);
-
-        // Either shows "ไม่มีคอร์สที่รอการอนุมัติ" or filtered results
-        const emptyState = page.getByText('ไม่มีคอร์สที่รอการอนุมัติ');
-        const courseCards = page.locator('.bg-white.rounded-xl.shadow-sm.overflow-hidden');
-
-        // One of these should be visible
-        const isEmpty = await emptyState.isVisible().catch(() => false);
-        if (isEmpty) {
-            await expect(emptyState).toBeVisible();
-        }
-    });
-
-    test('should toggle between card and table view', async ({ page }) => {
-        // Find the view toggle buttons
-        const toggleGroup = page.locator('.q-btn-toggle');
-        await expect(toggleGroup).toBeVisible();
-
-        // Click table view
-        await page.locator('.q-btn-toggle button').last().click();
-        await page.waitForTimeout(300);
-
-        // Table should be visible
-        await expect(page.locator('.q-table')).toBeVisible();
-
-        // Switch back to card view
-        await page.locator('.q-btn-toggle button').first().click();
-        await page.waitForTimeout(300);
-
-        await page.locator('.q-btn-toggle button').last().click();
-        await page.waitForTimeout(300);
-
-        // Table should have expected columns
-        await expect(page.getByText('ชื่อคอร์ส')).toBeVisible();
-        await expect(page.getByText('ผู้สอน')).toBeVisible();
-        await expect(page.getByText('วันที่ส่ง')).toBeVisible();
-    });
-
-    test('should have refresh button', async ({ page }) => {
-        const refreshBtn = page.getByRole('button', { name: /รีเฟรช/ });
-        await expect(refreshBtn).toBeVisible();
-
-        // Click refresh
-        await refreshBtn.click();
-
-        // Should trigger loading (spinner appears briefly)
-        await page.waitForLoadState('networkidle');
-    });
-
-    test('should navigate to course detail on click if ', async ({ page }) => {
-        // Check if there are any courses
-        const courseExists = await page.locator('.bg-white.rounded-xl').first().isVisible().catch(() => false);
-
-        if (courseExists) {
-            // Click "ดูรายละเอียด" button on first course
-            const viewBtn = page.locator('.q-table button[class*="q-btn"]').first();
-            if (await viewBtn.isVisible()) {
-                await viewBtn.click();
-                await page.waitForURL('**/admin/courses/**');
-                await expect(page).toHaveURL(/\/admin\/courses\/\d+/);
-                await page.waitForTimeout(1000);
-            }
-        }
-    });
-
-});
diff --git a/frontend_management/tests/admin/dashboard.spec.ts b/frontend_management/tests/admin/dashboard.spec.ts
deleted file mode 100644
index 3d03f833..00000000
--- a/frontend_management/tests/admin/dashboard.spec.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { test, expect } from '@playwright/test';
-import { TEST_URLS } from '../fixtures/test-data';
-
-/**
- * Admin Dashboard Tests
- * ใช้ cookies จาก admin-setup project (ไม่ต้อง login ซ้ำ)
- */
-test.describe('Admin Dashboard', () => {
-    test.beforeEach(async ({ page }) => {
-        await page.goto(TEST_URLS.adminDashboard);
-        await page.waitForLoadState('networkidle');
-    });
-
-    test('show display dashboard', async ({ page }) => {
-        await expect(page.locator('h1')).toContainText('สวัสดี');
-        await expect(page.locator("//p[normalize-space(text())='คอร์สรออนุมัติ']")).toBeVisible();
-        await expect(page.getByText('กิจกรรมวันนี้')).toBeVisible();
-        await expect(page.getByText('ผู้ใช้งานทั้งหมด')).toBeVisible();
-    });
-
-    test('navigate to pending courses and audit-log page', async ({ page }) => {
-        await page.locator('a[href*="pending"]', { hasText: 'ดูทั้งหมด' }).click();
-        await page.waitForURL('**/admin/courses/pending**');
-        await expect(page).toHaveURL(/\/admin\/courses\/pending/);
-        await page.waitForTimeout(500);
-
-        await page.goto(TEST_URLS.adminDashboard);
-        await page.waitForLoadState('networkidle');
-        await page.waitForTimeout(500);
-
-        await page.locator('a[href*="audit-log"]', { hasText: 'ดูทั้งหมด' }).click();
-        await page.waitForURL('**/admin/audit-log**');
-        await expect(page).toHaveURL(/\/admin\/audit-log/);
-        await page.waitForTimeout(500);
-    });
-
-    test('show user menu on avatar click', async ({ page }) => {
-        // Click the avatar / user icon area
-        await page.locator('.w-12.h-12.rounded-full').click();
-        await page.waitForTimeout(500);
-        // Menu should appear with profile and logout options
-        await expect(page.getByText('โปรไฟล์')).toBeVisible();
-    });
-});
diff --git a/frontend_management/tests/admin/recommended-courses.spec.ts b/frontend_management/tests/admin/recommended-courses.spec.ts
deleted file mode 100644
index b3cd9ea9..00000000
--- a/frontend_management/tests/admin/recommended-courses.spec.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import { test, expect } from '@playwright/test';
-import { TEST_URLS } from '../fixtures/test-data';
-
-/**
- * Admin Recommended Courses Page Tests
- * ใช้ cookies จาก admin-setup project (ไม่ต้อง login ซ้ำ)
- */
-test.describe('Admin Recommended Courses', () => {
-    test.beforeEach(async ({ page }) => {
-        await page.goto(TEST_URLS.adminRecommendedCourses);
-        await page.waitForLoadState('networkidle');
-    });
-
-    test('check display page', async ({ page }) => {
-        // Header
-        await expect(page.getByText('จัดการคอร์สแนะนำ')).toBeVisible();
-        await expect(page.getByText('Recommended Courses Management')).toBeVisible();
-        const toggles = page.locator('.q-table .q-toggle');
-        const hasData = await toggles.first().isVisible().catch(() => false);
-
-        if (hasData) {
-            await expect(toggles.first()).toBeVisible();
-        }
-    });
-
-    test('should toggle recommendation status', async ({ page }) => {
-        const toggle = page.locator('.q-table .q-toggle').first();
-        const hasData = await toggle.isVisible().catch(() => false);
-
-        if (hasData) {
-            await toggle.click();
-            await page.waitForTimeout(500);
-
-            // Should show notification (success or error)
-            await expect(page.locator('.q-notification')).toBeVisible({ timeout: 10_000 });
-
-            await toggle.click();
-            await page.waitForTimeout(500);
-
-            // Should show notification (success or error)
-            await expect(page.locator('.q-notification').last()).toBeVisible({ timeout: 10_000 });
-        }
-    });
-
-    test('open course details dialog', async ({ page }) => {
-        const viewBtn = page.locator('.q-table .q-btn').filter({ has: page.locator('.q-icon') }).first();
-        const hasData = await viewBtn.isVisible().catch(() => false);
-
-        if (hasData) {
-            await viewBtn.click();
-            await page.waitForTimeout(500);
-
-            // Dialog should be visible with course details
-            await expect(page.getByText('รายละเอียดคอร์ส (Course Details)')).toBeVisible();
-
-            // Detail sections
-            await expect(page.getByText('รายละเอียด (Description)')).toBeVisible();
-            await expect(page.getByText('หมวดหมู่ (Category):')).toBeVisible();
-            await expect(page.getByText('ผู้สอน (Instructors)')).toBeVisible();
-
-            // Close dialog via close button in q-bar
-            await page.locator('.q-bar .q-btn').filter({ has: page.locator('[class*="q-icon"]') }).click();
-            await page.waitForTimeout(300);
-            await expect(page.getByText('รายละเอียดคอร์ส (Course Details)')).not.toBeVisible();
-        }
-    });
-});
diff --git a/frontend_management/tests/admin/users.spec.ts b/frontend_management/tests/admin/users.spec.ts
deleted file mode 100644
index 2b5b63b2..00000000
--- a/frontend_management/tests/admin/users.spec.ts
+++ /dev/null
@@ -1,213 +0,0 @@
-import { test, expect } from '@playwright/test';
-import { TEST_URLS } from '../fixtures/test-data';
-
-/**
- * Admin Users Page Tests
- * ใช้ cookies จาก admin-setup project (ไม่ต้อง login ซ้ำ)
- */
-test.describe('Admin Users', () => {
-    test.beforeEach(async ({ page }) => {
-        await page.goto(TEST_URLS.adminUsers);
-        await page.waitForLoadState('networkidle');
-    });
-
-    test('check display page', async ({ page }) => {
-        // Header
-        await expect(page.getByText('จัดการผู้ใช้งาน')).toBeVisible();
-
-        // Search input
-        await expect(page.locator('input[placeholder*="ค้นหาชื่อ"]')).toBeVisible();
-
-        // Stats cards
-        await expect(page.getByText('ผู้ใช้ทั้งหมด')).toBeVisible();
-        await expect(page.getByText('Admin', { exact: true })).toBeVisible();
-        await expect(page.getByText('Instructor', { exact: true })).toBeVisible();
-        await expect(page.getByText('Student', { exact: true })).toBeVisible();
-
-        // Table
-        await expect(page.locator('.q-table')).toBeVisible();
-    });
-
-    test('should filter users by search', async ({ page }) => {
-        const searchInput = page.locator('input[placeholder*="ค้นหาชื่อ"]');
-        await searchInput.fill('admin');
-        await page.waitForTimeout(500);
-
-        // Table should still be visible with filtered results
-        await expect(page.locator('.q-table')).toBeVisible();
-    });
-
-    test('should filter users by role', async ({ page }) => {
-        // ใช้ outlined q-select (ตัว filter role ไม่ใช่ pagination)
-        const roleSelect = page.locator('.q-select.q-field--outlined');
-        await roleSelect.click();
-        await page.waitForTimeout(300);
-
-        // Select Instructor
-        await page.locator('.q-item__label').filter({ hasText: 'Instructor' }).click();
-        await page.waitForTimeout(500);
-        // Table should show filtered results
-        await expect(page.locator('.q-table')).toBeVisible();
-
-        await roleSelect.click();
-        await page.waitForTimeout(300);
-        // Select Student
-        await page.locator('.q-item__label').filter({ hasText: 'Student' }).click();
-        await page.waitForTimeout(500);
-        // Table should show filtered results
-        await expect(page.locator('.q-table')).toBeVisible();
-
-        await roleSelect.click();
-        await page.waitForTimeout(300);
-        // Select Admin
-        await page.locator('.q-item__label').filter({ hasText: 'Admin' }).click();
-        await page.waitForTimeout(500);
-        // Table should show filtered results
-        await expect(page.locator('.q-table')).toBeVisible();
-
-        // กลับไปเลือก "บทบาททั้งหมด"
-        await roleSelect.click();
-        await page.waitForTimeout(300);
-        await page.locator('.q-item__label').filter({ hasText: 'บทบาททั้งหมด' }).click();
-        await page.waitForTimeout(500);
-    });
-
-    test('should open action menu', async ({ page }) => {
-        // Click more_vert button on first row
-        const actionBtn = page.locator('.q-table .q-btn').filter({ has: page.locator('.q-icon') }).first();
-        const hasData = await actionBtn.isVisible().catch(() => false);
-
-        if (hasData) {
-            await actionBtn.click();
-            await page.waitForTimeout(300);
-
-            // Menu should show options
-            await expect(page.getByText('ดู', { exact: true })).toBeVisible();
-            await expect(page.getByText('แก้ Role', { exact: true })).toBeVisible();
-            await expect(page.getByText('ลบ', { exact: true })).toBeVisible();
-        }
-    });
-
-    test('should open view user dialog', async ({ page }) => {
-        const actionBtn = page.locator('.q-table .q-btn').filter({ has: page.locator('.q-icon') }).first();
-        const hasData = await actionBtn.isVisible().catch(() => false);
-
-        if (hasData) {
-            await actionBtn.click();
-            await page.waitForTimeout(300);
-
-            // Click "ดู" option
-            await page.getByText('ดู', { exact: true }).click();
-            await page.waitForTimeout(300);
-
-            // Dialog should show user details
-            await expect(page.getByText('รายละเอียดผู้ใช้')).toBeVisible();
-
-            // Close button
-            await page.getByRole('button', { name: 'ปิด' }).click();
-            await expect(page.locator('.q-dialog')).not.toBeVisible();
-        }
-    });
-
-    test('open change role dialog', async ({ page }) => {
-        const actionBtn = page.locator('.q-table .q-btn').filter({ has: page.locator('.q-icon') }).first();
-        const hasData = await actionBtn.isVisible().catch(() => false);
-
-        // Table should still be visible with filtered results
-        await expect(page.locator('.q-table')).toBeVisible();
-        if (hasData) {
-            await actionBtn.click();
-            await page.waitForTimeout(300);
-
-            // Click "แก้ Role"
-            await page.getByText('แก้ Role').click();
-            await page.waitForTimeout(300);
-
-            // Change role dialog should appear
-            await expect(page.getByText('เปลี่ยน Role')).toBeVisible();
-
-            // Cancel the dialog
-            await page.getByRole('button', { name: 'Cancel' }).click();
-            await page.waitForTimeout(300);
-        }
-    });
-
-    test('change role ', async ({ page }) => {
-        const actionBtn = page.locator('.q-table .q-btn').filter({ has: page.locator('.q-icon') }).first();
-        const hasData = await actionBtn.isVisible().catch(() => false);
-        const searchInput = page.locator('input[placeholder*="ค้นหาชื่อ"]');
-        await searchInput.fill('lertp');
-        await page.waitForTimeout(500);
-
-        // Table should still be visible with filtered results
-        await expect(page.locator('.q-table')).toBeVisible();
-        if (hasData) {
-            // Click "แก้ Role Student"
-            await actionBtn.click();
-            await page.waitForTimeout(300);
-            await page.getByText('แก้ Role').click();
-            await page.waitForTimeout(300);
-            // Change role dialog should appear
-            await expect(page.getByText('เปลี่ยน Role')).toBeVisible();
-            // select role Student
-            await page.waitForTimeout(300);
-            await page.locator('.q-dialog .q-radio__label').filter({ hasText: 'Student' }).click();
-            await page.waitForTimeout(500);
-            // save
-            await page.getByRole('button', { name: 'OK' }).click();
-            await page.waitForTimeout(300);
-
-            // Click "แก้ Role Admin"
-            await actionBtn.click();
-            await page.waitForTimeout(300);
-            await page.getByText('แก้ Role').click();
-            await page.waitForTimeout(300);
-            // Change role dialog should appear
-            await expect(page.getByText('เปลี่ยน Role')).toBeVisible();
-            // select role Admin
-            await page.waitForTimeout(300);
-            await page.locator('.q-dialog .q-radio__label').filter({ hasText: 'Admin' }).click();
-            await page.waitForTimeout(500);
-            // save
-            await page.getByRole('button', { name: 'OK' }).click();
-            await page.waitForTimeout(300);
-
-
-            // Click "แก้ Role Instructor"
-            await actionBtn.click();
-            await page.waitForTimeout(300);
-            await page.getByText('แก้ Role').click();
-            await page.waitForTimeout(300);
-            // Change role dialog should appear
-            await expect(page.getByText('เปลี่ยน Role')).toBeVisible();
-            // select role Instructor
-            await page.waitForTimeout(300);
-            await page.locator('.q-dialog .q-radio__label').filter({ hasText: 'Instructor' }).click();
-            await page.waitForTimeout(500);
-            // save
-            await page.getByRole('button', { name: 'OK' }).click();
-            await page.waitForTimeout(300);
-        }
-    });
-
-    // test('should open delete confirmation dialog', async ({ page }) => {
-    //     const actionBtn = page.locator('.q-table .q-btn').filter({ has: page.locator('.q-icon') }).first();
-    //     const hasData = await actionBtn.isVisible().catch(() => false);
-
-    //     if (hasData) {
-    //         await actionBtn.click();
-    //         await page.waitForTimeout(300);
-
-    //         // Click "ลบ"
-    //         await page.getByText('ลบ').click();
-    //         await page.waitForTimeout(300);
-
-    //         // Delete confirmation dialog
-    //         await expect(page.getByText('ยืนยันการลบ')).toBeVisible();
-
-    //         // Cancel the dialog
-    //         await page.getByRole('button', { name: 'Cancel' }).click();
-    //         await page.waitForTimeout(300);
-    //     }
-    // });
-});
diff --git a/frontend_management/tests/auth/login.spec.ts b/frontend_management/tests/auth/login.spec.ts
deleted file mode 100644
index d5ea9a99..00000000
--- a/frontend_management/tests/auth/login.spec.ts
+++ /dev/null
@@ -1,124 +0,0 @@
-import { test, expect } from '@playwright/test';
-import { TEST_ADMIN, TEST_INSTRUCTOR, TEST_URLS } from '../fixtures/test-data';
-
-test.describe('Login Page', () => {
-    test.beforeEach(async ({ page }) => {
-        await page.goto(TEST_URLS.login);
-    });
-
-    test('should display login form', async ({ page }) => {
-        // Title
-        await expect(page.locator('h1')).toContainText('E-Learning');
-
-        // Email & password fields
-        await expect(page.locator('input[type="email"]')).toBeVisible();
-        await expect(page.locator('input[type="password"]')).toBeVisible();
-
-        // Submit button
-        await expect(page.locator('button[type="submit"]')).toBeVisible();
-
-        // Register link
-        await expect(page.locator('a[href="/register"]')).toBeVisible();
-    });
-
-    test('should show validation errors for empty fields', async ({ page }) => {
-        // Click submit without filling fields
-        await page.locator('button[type="submit"]').click();
-
-        // Expect validation messages in Thai
-        await expect(page.getByText('กรุณากรอกอีเมล')).toBeVisible();
-    });
-
-    test('should show validation errors for empty fields password', async ({ page }) => {
-        // Click submit without filling fields
-        await page.locator('input[type="email"]').fill('test@email.com');
-        await page.locator('button[type="submit"]').click();
-
-        // Expect validation messages in Thai
-        await expect(page.getByText('กรุณากรอกรหัสผ่าน')).toBeVisible();
-    });
-
-    test('should toggle password visibility', async ({ page }) => {
-        const passwordInput = page.locator('input[type="password"]');
-
-        await page.waitForTimeout(1000);
-        await passwordInput.fill('test123');
-
-        await page.waitForTimeout(1000);
-        // Click the visibility toggle icon
-        await page.locator('//i[normalize-space(text())="visibility"]').click();
-
-        // Password field should now be text type
-        await expect(page.locator('input[type="text"]').last()).toHaveValue('test123');
-    });
-
-    test('should show error for invalid credentials', async ({ page }) => {
-        await page.waitForTimeout(1000);
-        await page.locator('input[type="email"]').fill('wrong@email.com');
-        await page.waitForTimeout(500);
-        await page.locator('input[type="password"]').fill('wrongpassword');
-        await page.locator('button[type="submit"]').click();
-
-        // Should show error notification (Quasar Notify)
-        await expect(page.locator('.q-notification')).toBeVisible({ timeout: 10_000 });
-    });
-
-    test('should login as admin and redirect to /admin', async ({ page }) => {
-        await page.waitForTimeout(1000);
-        await page.locator('input[type="email"]').fill(TEST_ADMIN.email);
-        await page.waitForTimeout(500);
-        await page.locator('input[type="password"]').fill(TEST_ADMIN.password);
-        await page.locator('button[type="submit"]').click();
-
-        // Should redirect to admin dashboard
-        await page.waitForURL('**/admin**', { timeout: 15_000 });
-        await expect(page).toHaveURL(/\/admin/);
-    });
-
-    test('should login as instructor and redirect to /instructor', async ({ page }) => {
-        await page.locator('input[type="email"]').fill(TEST_INSTRUCTOR.email);
-        await page.waitForTimeout(1000);
-        await page.locator('input[type="password"]').fill(TEST_INSTRUCTOR.password);
-        await page.waitForTimeout(1000);
-        await page.locator('button[type="submit"]').click();
-
-        // Should redirect to instructor dashboard
-        await page.waitForURL('**/instructor**', { timeout: 15_000 });
-        await expect(page).toHaveURL(/\/instructor/);
-    });
-
-    test('should open forgot password modal', async ({ page }) => {
-        await page.getByText('ลืมรหัสผ่าน?').click();
-
-        // Modal should be visible
-        await expect(page.getByText('ลืมรหัสผ่าน').nth(1)).toBeVisible();
-        await expect(page.locator('.q-dialog input[type="email"]')).toBeVisible();
-    });
-
-    test('should remember email after login with remember me checked', async ({ page }) => {
-        // 1. Fill credentials
-        await page.waitForTimeout(500);
-        await page.locator('input[type="email"]').fill(TEST_ADMIN.email);
-        await page.waitForTimeout(500);
-        await page.locator('input[type="password"]').fill(TEST_ADMIN.password);
-        await page.waitForTimeout(500);
-        // 2. Check "remember me"
-        await page.getByText('จดจำฉันไว้').click();
-
-        // 3. Login
-        await page.locator('button[type="submit"]').click();
-        await page.waitForURL('**/admin**', { timeout: 15_000 });
-
-        // 4. Logout - click avatar menu then logout
-        await page.getByText('ออกจากระบบ').click();
-        await page.waitForTimeout(1000);
-        // 5. Confirm logout dialog
-        await page.locator("(//button[@type='button'])[2]").click();
-
-        // 6. Should redirect back to login page
-        await page.waitForURL('**/login**', { timeout: 15_000 });
-
-        // 7. Verify the email is still pre-filled
-        await expect(page.locator('input[type="email"]')).toHaveValue(TEST_ADMIN.email);
-    });
-});
diff --git a/frontend_management/tests/auth/register.spec.ts b/frontend_management/tests/auth/register.spec.ts
deleted file mode 100644
index f2532089..00000000
--- a/frontend_management/tests/auth/register.spec.ts
+++ /dev/null
@@ -1,146 +0,0 @@
-import { test, expect } from '@playwright/test';
-import { TEST_URLS } from '../fixtures/test-data';
-import { faker } from '@faker-js/faker';
-
-/**
- * Register Page Tests
- * Test instructor registration flow
- */
-test.describe('Register Page', () => {
-    test.beforeEach(async ({ page }) => {
-        await page.goto(TEST_URLS.register);
-    });
-
-    test('check display register form', async ({ page }) => {
-        // Header
-        await expect(page.getByText('ลงทะเบียนเป็นผู้สอน')).toBeVisible();
-        await expect(page.getByText('สร้างบัญชีเพื่อเริ่มสร้างหลักสูตร')).toBeVisible();
-
-        // Form fields
-        await expect(page.locator('label').filter({ hasText: 'ชื่อผู้ใช้ (Username)' })).toBeVisible();
-        await expect(page.locator('label').filter({ hasText: 'อีเมล' })).toBeVisible();
-        await expect(page.locator('label').filter({ hasText: 'รหัสผ่าน *' })).toBeVisible();
-        await expect(page.locator('label').filter({ hasText: 'ยืนยันรหัสผ่าน' })).toBeVisible();
-        await expect(page.locator('label').filter({ hasText: 'คำนำหน้า' })).toBeVisible();
-        await expect(page.locator('label').filter({ hasText: 'ชื่อจริง' })).toBeVisible();
-        await expect(page.locator('label').filter({ hasText: 'นามสกุล' })).toBeVisible();
-        await expect(page.locator('label').filter({ hasText: 'เบอร์โทรศัพท์' })).toBeVisible();
-
-        // Submit button
-        await expect(page.getByRole('button', { name: 'ลงทะเบียน' })).toBeVisible();
-
-        // Login link
-        await expect(page.getByText('มีบัญชีอยู่แล้ว?')).toBeVisible();
-        await expect(page.getByText('เข้าสู่ระบบ')).toBeVisible();
-    });
-
-    test('should show validation errors for empty fields', async ({ page }) => {
-        await page.getByRole('button', { name: 'ลงทะเบียน' }).click();
-
-        await expect(page.getByText('กรุณากรอก username')).toBeVisible();
-        await expect(page.getByText('กรุณากรอกอีเมล')).toBeVisible();
-        await expect(page.getByText('กรุณากรอกรหัสผ่าน')).toBeVisible();
-        await expect(page.getByText('กรุณายืนยันรหัสผ่าน')).toBeVisible();
-        await expect(page.getByText('กรุณากรอกชื่อ')).toBeVisible();
-        await expect(page.getByText('กรุณากรอกนามสกุล')).toBeVisible();
-        await expect(page.getByText('กรุณากรอกเบอร์โทร')).toBeVisible();
-    });
-
-    test('should show username min length validation', async ({ page }) => {
-        const usernameInput = page.locator('label').filter({ hasText: 'ชื่อผู้ใช้ (Username)' }).locator('input');
-        await usernameInput.fill('ab');
-        await page.getByRole('button', { name: 'ลงทะเบียน' }).click();
-
-        await expect(page.getByText('อย่างน้อย 4 ตัวอักษร')).toBeVisible();
-    });
-
-    test('should show email format validation', async ({ page }) => {
-        const emailInput = page.locator('input[type="email"]');
-        await emailInput.fill('invalid-email');
-        await page.getByRole('button', { name: 'ลงทะเบียน' }).click();
-
-        await expect(page.getByText('รูปแบบอีเมลไม่ถูกต้อง')).toBeVisible();
-    });
-
-    test('should show password min length validation', async ({ page }) => {
-        const passwordInput = page.locator('label').filter({ hasText: 'รหัสผ่าน *' }).locator('input');
-        await passwordInput.fill('1234');
-        await page.getByRole('button', { name: 'ลงทะเบียน' }).click();
-
-        await expect(page.getByText('อย่างน้อย 8 ตัวอักษร')).toBeVisible();
-    });
-
-    test('should show password mismatch validation', async ({ page }) => {
-        const passwordInput = page.locator('label').filter({ hasText: 'รหัสผ่าน *' }).locator('input');
-        const confirmInput = page.locator('label').filter({ hasText: 'ยืนยันรหัสผ่าน' }).locator('input');
-
-        await passwordInput.fill('password123');
-        await confirmInput.fill('differentpass');
-        await page.getByRole('button', { name: 'ลงทะเบียน' }).click();
-
-        await expect(page.getByText('รหัสผ่านไม่ตรงกัน')).toBeVisible();
-    });
-
-    test('should toggle password visibility', async ({ page }) => {
-        const passwordInput = page.locator('label').filter({ hasText: 'รหัสผ่าน *' }).locator('input');
-        await passwordInput.fill('test1234');
-
-        // Click visibility icon
-        await page.locator('label').filter({ hasText: 'รหัสผ่าน *' }).locator('.q-icon').filter({ hasText: 'visibility' }).click();
-
-        // Both password fields should now be text type
-        await expect(passwordInput).toHaveAttribute('type', 'text');
-    });
-
-    test('should navigate to login page', async ({ page }) => {
-        await page.getByText('เข้าสู่ระบบ').click();
-        await page.waitForURL('**/login**', { timeout: 10_000 });
-        await expect(page).toHaveURL(/\/login/);
-    });
-
-    test('should register successfully with valid data', async ({ page }) => {
-        const username = faker.internet.username().toLowerCase().replace(/[^a-z0-9]/g, '') + faker.string.alpha({ length: 4, casing: 'lower' });
-        const email = faker.internet.email().toLowerCase();
-        const password = 'Test@1234';
-        const firstName = faker.person.firstName();
-        const lastName = faker.person.lastName();
-        const phone = `0${faker.string.numeric(9)}`;
-
-        // Fill form
-        const usernameInput = page.locator('label').filter({ hasText: 'ชื่อผู้ใช้ (Username)' }).locator('input');
-        await usernameInput.fill(username);
-
-        await page.locator('input[type="email"]').fill(email);
-
-        const passwordInput = page.locator('label').filter({ hasText: 'รหัสผ่าน *' }).locator('input');
-        await passwordInput.fill(password);
-
-        const confirmInput = page.locator('label').filter({ hasText: 'ยืนยันรหัสผ่าน' }).locator('input');
-        await confirmInput.fill(password);
-
-        // Select prefix
-        const prefixSelect = page.locator('label').filter({ hasText: 'คำนำหน้า' });
-        await prefixSelect.click();
-        await page.waitForTimeout(300);
-        await page.locator('.q-item__label').filter({ hasText: 'นาย / Mr.' }).click();
-
-        // Fill name
-        const firstNameInput = page.locator('label').filter({ hasText: 'ชื่อจริง' }).locator('input');
-        await firstNameInput.fill(firstName);
-
-        const lastNameInput = page.locator('label').filter({ hasText: 'นามสกุล' }).locator('input');
-        await lastNameInput.fill(lastName);
-
-        // Fill phone
-        const phoneInput = page.locator('label').filter({ hasText: 'เบอร์โทรศัพท์' }).locator('input');
-        await phoneInput.fill(phone);
-
-        // Submit
-        await page.getByRole('button', { name: 'ลงทะเบียน' }).click();
-
-        // Should show success notification and redirect to login
-        await expect(page.locator('.q-notification')).toBeVisible({ timeout: 10_000 });
-        await page.waitForURL('**/login**', { timeout: 15_000 });
-        await expect(page).toHaveURL(/\/login/);
-    });
-});
diff --git a/frontend_management/tests/fixtures/admin.setup.ts b/frontend_management/tests/fixtures/admin.setup.ts
deleted file mode 100644
index a1f74def..00000000
--- a/frontend_management/tests/fixtures/admin.setup.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { test as setup, expect } from '@playwright/test';
-import { TEST_ADMIN, TEST_URLS } from './test-data';
-import { fileURLToPath } from 'url';
-import path from 'path';
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const ADMIN_AUTH_FILE = path.resolve(__dirname, '../.auth/admin.json');
-
-/**
- * Admin authentication setup
- * Logs in as admin and saves browser state (cookies) for reuse
- */
-setup('authenticate as admin', async ({ page }) => {
-    await page.goto(TEST_URLS.login);
-    await page.waitForLoadState('networkidle');
-    await page.waitForTimeout(500);
-    // Fill login form
-    await page.locator('input[type="email"]').fill(TEST_ADMIN.email);
-    await page.locator('input[type="password"]').fill(TEST_ADMIN.password);
-
-    // Submit
-    await page.locator('button[type="submit"]').click();
-
-    // Wait for redirect to admin dashboard
-    await page.waitForURL('**/admin**', { timeout: 15_000 });
-    await expect(page).toHaveURL(/\/admin/);
-
-    // Save auth state
-    await page.context().storageState({ path: ADMIN_AUTH_FILE });
-});
diff --git a/frontend_management/tests/fixtures/instructor.setup.ts b/frontend_management/tests/fixtures/instructor.setup.ts
deleted file mode 100644
index 9a4dfb8f..00000000
--- a/frontend_management/tests/fixtures/instructor.setup.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { test as setup, expect } from '@playwright/test';
-import { TEST_INSTRUCTOR, TEST_URLS } from './test-data';
-import { fileURLToPath } from 'url';
-import path from 'path';
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const INSTRUCTOR_AUTH_FILE = path.resolve(__dirname, '../.auth/instructor.json');
-
-/**
- * Instructor authentication setup
- * Logs in as instructor and saves browser state (cookies) for reuse
- */
-setup('authenticate as instructor', async ({ page }) => {
-    await page.goto(TEST_URLS.login);
-    await page.waitForLoadState('networkidle');
-    await page.waitForTimeout(500);
-
-    // Fill login form
-    await page.locator('input[type="email"]').fill(TEST_INSTRUCTOR.email);
-    await page.locator('input[type="password"]').fill(TEST_INSTRUCTOR.password);
-
-    // Submit
-    await page.locator('button[type="submit"]').click();
-
-    // Wait for redirect to instructor dashboard
-    await page.waitForURL('**/instructor**', { timeout: 15_000 });
-    await expect(page).toHaveURL(/\/instructor/);
-
-    // Save auth state
-    await page.context().storageState({ path: INSTRUCTOR_AUTH_FILE });
-});
diff --git a/frontend_management/tests/instructor/courses-list.spec.ts b/frontend_management/tests/instructor/courses-list.spec.ts
deleted file mode 100644
index fadb8452..00000000
--- a/frontend_management/tests/instructor/courses-list.spec.ts
+++ /dev/null
@@ -1,133 +0,0 @@
-import { test, expect } from '@playwright/test';
-import { TEST_URLS } from '../fixtures/test-data';
-
-/**
- * Instructor Courses List Page Tests
- * ใช้ cookies จาก instructor-setup project (ไม่ต้อง login ซ้ำ)
- */
-test.describe('Instructor Courses List', () => {
-    test.beforeEach(async ({ page }) => {
-        await page.goto(TEST_URLS.instructorCourses);
-        await page.waitForLoadState('networkidle');
-    });
-
-    test('should display page header', async ({ page }) => {
-        await expect(page.getByText('หลักสูตรของฉัน')).toBeVisible();
-        await expect(page.getByText('จัดการหลักสูตรที่คุณสร้าง')).toBeVisible();
-    });
-
-    test('should have create course button', async ({ page }) => {
-        const createBtn = page.getByRole('button', { name: /สร้างหลักสูตรใหม่/ });
-        await expect(createBtn).toBeVisible();
-    });
-
-    test('should navigate to create course page', async ({ page }) => {
-        await page.getByRole('button', { name: /สร้างหลักสูตรใหม่/ }).click();
-        await page.waitForURL('**/instructor/courses/create**');
-        await expect(page).toHaveURL(/\/instructor\/courses\/create/);
-    });
-
-    test('should display stats cards', async ({ page }) => {
-        await expect(page.getByText('หลักสูตรทั้งหมด')).toBeVisible();
-        await expect(page.getByText('เผยแพร่แล้ว')).toBeVisible();
-        await expect(page.getByText('รอตรวจสอบ')).toBeVisible();
-        await expect(page.getByText('แบบร่าง')).toBeVisible();
-        await expect(page.getByText('ถูกปฏิเสธ')).toBeVisible();
-    });
-
-    test('should have search input', async ({ page }) => {
-        const searchInput = page.locator('input[placeholder*="ค้นหา"]');
-        await expect(searchInput).toBeVisible();
-    });
-
-    test('should have status filter dropdown', async ({ page }) => {
-        // Click the status select to open dropdown
-        const statusSelect = page.locator('.q-select').first();
-        await expect(statusSelect).toBeVisible();
-    });
-
-    test('should filter by status', async ({ page }) => {
-        // Open status dropdown
-        await page.locator('.q-select').first().click();
-
-        // Select "เผยแพร่แล้ว" (APPROVED)
-        await page.getByText('เผยแพร่แล้ว').click();
-
-        // Wait for API re-fetch
-        await page.waitForLoadState('networkidle');
-    });
-
-    test('should toggle between card and table view', async ({ page }) => {
-        // Switch to table view
-        await page.locator('.q-btn-toggle button').last().click();
-        await page.waitForTimeout(300);
-
-        // Table should appear
-        await expect(page.locator('.q-table')).toBeVisible();
-
-        // Table should have expected columns
-        await expect(page.getByText('หลักสูตร')).toBeVisible();
-        await expect(page.getByText('สถานะ')).toBeVisible();
-        await expect(page.getByText('ราคา')).toBeVisible();
-
-        // Switch back to card view
-        await page.locator('.q-btn-toggle button').first().click();
-        await page.waitForTimeout(300);
-    });
-
-    test('should show course cards with status badges', async ({ page }) => {
-        // Wait for courses to load (either card or empty state)
-        const hasCards = await page.locator('.q-badge').first().isVisible().catch(() => false);
-        const isEmpty = await page.getByText('ยังไม่มีหลักสูตร').isVisible().catch(() => false);
-
-        // Either courses exist with badges or empty state shows
-        expect(hasCards || isEmpty).toBeTruthy();
-    });
-
-    test('should show course action menu', async ({ page }) => {
-        const moreBtn = page.locator('button:has(.q-icon[class*="more_vert"])').first();
-        const hasCourses = await moreBtn.isVisible().catch(() => false);
-
-        if (hasCourses) {
-            await moreBtn.click();
-
-            // Menu should show duplicate and delete options
-            await expect(page.getByText('ทำสำเนา')).toBeVisible();
-            await expect(page.getByText('ลบ')).toBeVisible();
-        }
-    });
-
-    test('should open clone dialog from menu', async ({ page }) => {
-        const moreBtn = page.locator('button:has(.q-icon[class*="more_vert"])').first();
-        const hasCourses = await moreBtn.isVisible().catch(() => false);
-
-        if (hasCourses) {
-            await moreBtn.click();
-            await page.getByText('ทำสำเนา').click();
-
-            // Clone dialog should appear
-            await expect(page.getByText('ทำสำเนาหลักสูตร')).toBeVisible();
-            await expect(page.locator('.q-dialog input').first()).toBeVisible();
-        }
-    });
-
-    test('should handle rejected course view details', async ({ page }) => {
-        // Filter by rejected status
-        await page.locator('.q-select').first().click();
-        await page.getByText('ถูกปฏิเสธ').click();
-        await page.waitForLoadState('networkidle');
-
-        // If there are rejected courses, clicking view should show rejection dialog
-        const viewBtn = page.locator('button:has(.q-icon[class*="visibility"])').first();
-        const hasRejected = await viewBtn.isVisible().catch(() => false);
-
-        if (hasRejected) {
-            await viewBtn.click();
-
-            // Rejection dialog should appear
-            await expect(page.getByText('หลักสูตรถูกปฏิเสธ')).toBeVisible();
-            await expect(page.getByText('เหตุผลการปฏิเสธ')).toBeVisible();
-            await expect(page.getByRole('button', { name: /คืนสถานะเป็นแบบร่าง/ })).toBeVisible();
-        }
-    });
-});
diff --git a/frontend_management/tests/instructor/dashboard.spec.ts b/frontend_management/tests/instructor/dashboard.spec.ts
deleted file mode 100644
index 0ac7b077..00000000
--- a/frontend_management/tests/instructor/dashboard.spec.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import { test, expect } from '@playwright/test';
-import { TEST_URLS } from '../fixtures/test-data';
-
-/**
- * Instructor Dashboard Tests
- * ใช้ cookies จาก instructor-setup project (ไม่ต้อง login ซ้ำ)
- */
-test.describe('Instructor Dashboard', () => {
-    test.beforeEach(async ({ page }) => {
-        await page.goto(TEST_URLS.instructorDashboard);
-        await page.waitForLoadState('networkidle');
-    });
-
-    test('should display welcome message', async ({ page }) => {
-        await expect(page.locator('h1')).toContainText('สวัสดี');
-    });
-
-    test('should display stats cards', async ({ page }) => {
-        await expect(page.getByText('หลักสูตรทั้งหมด')).toBeVisible();
-        await expect(page.getByText('ผู้เรียนทั้งหมด')).toBeVisible();
-        await expect(page.getByText('เรียนจบแล้ว')).toBeVisible();
-    });
-
-    test('should display course status breakdown', async ({ page }) => {
-        await expect(page.getByText('สถานะหลักสูตร')).toBeVisible();
-        await expect(page.getByText('เผยแพร่แล้ว')).toBeVisible();
-        await expect(page.getByText('รอตรวจสอบ')).toBeVisible();
-        await expect(page.getByText('แบบร่าง')).toBeVisible();
-    });
-
-    test('should display recent courses section', async ({ page }) => {
-        await expect(page.getByText('หลักสูตร')).toBeVisible();
-        await expect(page.getByRole('button', { name: 'ดูทั้งหมด' })).toBeVisible();
-    });
-
-    test('should navigate to courses list', async ({ page }) => {
-        await page.getByRole('button', { name: 'ดูทั้งหมด' }).click();
-        await page.waitForURL('**/instructor/courses**');
-        await expect(page).toHaveURL(/\/instructor\/courses/);
-    });
-
-    test('should show user menu on avatar click', async ({ page }) => {
-        await page.locator('.w-12.h-12.rounded-full').click();
-
-        await expect(page.getByText('โปรไฟล์')).toBeVisible();
-        await expect(page.getByText('ออกจากระบบ')).toBeVisible();
-    });
-
-    test('should navigate to profile', async ({ page }) => {
-        await page.locator('.w-12.h-12.rounded-full').click();
-        await page.getByText('โปรไฟล์').click();
-
-        await page.waitForURL('**/instructor/profile**');
-        await expect(page).toHaveURL(/\/instructor\/profile/);
-    });
-
-    test('should logout and redirect to login', async ({ page }) => {
-        await page.locator('.w-12.h-12.rounded-full').click();
-        await page.getByText('ออกจากระบบ').click();
-
-        // Confirm logout dialog
-        await page.locator('.q-dialog').getByText('ออกจากระบบ').click();
-
-        await page.waitForURL('**/login**', { timeout: 10_000 });
-        await expect(page).toHaveURL(/\/login/);
-    });
-});
diff --git a/tests/e2e/screenshots/forgot-01-smoke.png b/tests/e2e/screenshots/forgot-01-smoke.png
deleted file mode 100644
index b04aec7f..00000000
Binary files a/tests/e2e/screenshots/forgot-01-smoke.png and /dev/null differ
diff --git a/tests/e2e/screenshots/forgot-02-thai-email.png b/tests/e2e/screenshots/forgot-02-thai-email.png
deleted file mode 100644
index 874b61b1..00000000
Binary files a/tests/e2e/screenshots/forgot-02-thai-email.png and /dev/null differ
diff --git a/tests/e2e/screenshots/forgot-03-back-login.png b/tests/e2e/screenshots/forgot-03-back-login.png
deleted file mode 100644
index 506f9126..00000000
Binary files a/tests/e2e/screenshots/forgot-03-back-login.png and /dev/null differ
diff --git a/tests/e2e/screenshots/forgot-04-mock-success.png b/tests/e2e/screenshots/forgot-04-mock-success.png
deleted file mode 100644
index 187b27c8..00000000
Binary files a/tests/e2e/screenshots/forgot-04-mock-success.png and /dev/null differ
diff --git a/tests/e2e/screenshots/login-invalid-email.png b/tests/e2e/screenshots/login-invalid-email.png
deleted file mode 100644
index 82a0519e..00000000
Binary files a/tests/e2e/screenshots/login-invalid-email.png and /dev/null differ
diff --git a/tests/e2e/screenshots/login-thai-email.png b/tests/e2e/screenshots/login-thai-email.png
deleted file mode 100644
index 8e86c501..00000000
Binary files a/tests/e2e/screenshots/login-thai-email.png and /dev/null differ
diff --git a/tests/e2e/screenshots/login-to-dashboard.png b/tests/e2e/screenshots/login-to-dashboard.png
deleted file mode 100644
index 87b0b9ed..00000000
Binary files a/tests/e2e/screenshots/login-to-dashboard.png and /dev/null differ
diff --git a/tests/e2e/screenshots/login-wrong-password.png b/tests/e2e/screenshots/login-wrong-password.png
deleted file mode 100644
index 0ab6a6b7..00000000
Binary files a/tests/e2e/screenshots/login-wrong-password.png and /dev/null differ
diff --git a/tests/e2e/screenshots/register-go-login.png b/tests/e2e/screenshots/register-go-login.png
deleted file mode 100644
index a3d22a50..00000000
Binary files a/tests/e2e/screenshots/register-go-login.png and /dev/null differ
diff --git a/tests/e2e/screenshots/register-happy-error.png b/tests/e2e/screenshots/register-happy-error.png
deleted file mode 100644
index 61ce0c9f..00000000
Binary files a/tests/e2e/screenshots/register-happy-error.png and /dev/null differ
diff --git a/tests/e2e/screenshots/register-invalid-email-thai.png b/tests/e2e/screenshots/register-invalid-email-thai.png
deleted file mode 100644
index 4692e492..00000000
Binary files a/tests/e2e/screenshots/register-invalid-email-thai.png and /dev/null differ
diff --git a/tests/e2e/screenshots/register-page.png b/tests/e2e/screenshots/register-page.png
deleted file mode 100644
index e1648998..00000000
Binary files a/tests/e2e/screenshots/register-page.png and /dev/null differ
diff --git a/tests/e2e/screenshots/register-password-mismatch.png b/tests/e2e/screenshots/register-password-mismatch.png
deleted file mode 100644
index 74d49e04..00000000
Binary files a/tests/e2e/screenshots/register-password-mismatch.png and /dev/null differ
diff --git a/tests/e2e/screenshots/register-redirect-login.png b/tests/e2e/screenshots/register-redirect-login.png
deleted file mode 100644
index 0024f95a..00000000
Binary files a/tests/e2e/screenshots/register-redirect-login.png and /dev/null differ