diff --git a/package-lock.json b/package-lock.json
index a9f796d..1b6c1da 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,11 +17,85 @@
       },
       "devDependencies": {
         "@tailwindcss/vite": "^4.2.2",
+        "@testing-library/jest-dom": "^6.9.1",
+        "@testing-library/react": "^16.3.2",
+        "@testing-library/user-event": "^14.6.1",
         "@vitejs/plugin-react": "^4.3.4",
+        "jsdom": "^29.0.1",
+        "supertest": "^7.2.2",
         "tailwindcss": "^4.2.2",
-        "vite": "^6.0.0"
+        "vite": "^6.0.0",
+        "vitest": "^4.1.0"
       }
     },
+    "node_modules/@adobe/css-tools": {
+      "version": "4.4.4",
+      "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.4.tgz",
+      "integrity": "sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "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.7",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.7.tgz",
+      "integrity": "sha512-aY/R+aEsRelme17KGQa/1ZSIpLpNYYrhcrepKTZgE+W3WM16YMCaPwOHLHsmopZHELU0Ojin1lPVxKR0MihncA==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@asamuzakjp/dom-selector": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/dom-selector/-/dom-selector-7.0.4.tgz",
+      "integrity": "sha512-jXR6x4AcT3eIrS2fSNAwJpwirOkGcd+E7F7CP3zjdTqz9B/2huHOL8YJZBgekKwLML+u7qB/6P1LXQuMScsx0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/nwsapi": "^2.3.9",
+        "bidi-js": "^1.0.3",
+        "css-tree": "^3.2.1",
+        "is-potential-custom-element-name": "^1.0.1",
+        "lru-cache": "^11.2.7"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@asamuzakjp/dom-selector/node_modules/lru-cache": {
+      "version": "11.2.7",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.7.tgz",
+      "integrity": "sha512-aY/R+aEsRelme17KGQa/1ZSIpLpNYYrhcrepKTZgE+W3WM16YMCaPwOHLHsmopZHELU0Ojin1lPVxKR0MihncA==",
+      "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.29.0",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
@@ -256,6 +330,16 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/@babel/runtime": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.2.tgz",
+      "integrity": "sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/template": {
       "version": "7.28.6",
       "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
@@ -304,6 +388,159 @@
         "node": ">=6.9.0"
       }
     },
+    "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/@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",
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "peerDependencies": {
+        "@csstools/css-tokenizer": "^4.0.0"
+      }
+    },
+    "node_modules/@csstools/css-syntax-patches-for-csstree": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.1.1.tgz",
+      "integrity": "sha512-BvqN0AMWNAnLk9G8jnUT77D+mUbY/H2b3uDTvg2isJkHaOufUE2R3AOwxWo7VBQKT1lOdwdvorddo2B/lk64+w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "peerDependencies": {
+        "css-tree": "^3.2.1"
+      },
+      "peerDependenciesMeta": {
+        "css-tree": {
+          "optional": true
+        }
+      }
+    },
+    "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",
+      "engines": {
+        "node": ">=20.19.0"
+      }
+    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.25.12",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
@@ -746,6 +983,24 @@
         "node": ">=18"
       }
     },
+    "node_modules/@exodus/bytes": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/@exodus/bytes/-/bytes-1.15.0.tgz",
+      "integrity": "sha512-UY0nlA+feH81UGSHv92sLEPLCeZFjXOuHhrIo0HQydScuQc8s0A7kL/UdgwgDq8g8ilksmuoF35YVTNphV2aBQ==",
+      "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/@jridgewell/gen-mapping": {
       "version": "0.3.13",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
@@ -796,6 +1051,29 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@noble/hashes": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.8.0.tgz",
+      "integrity": "sha512-jCs9ldd7NwzpgXDIf6P3+NrHh9/sD6CQdxHyjQI+h/6rDNo88ypBxxz45UDuZHz9r3tNz7N/VInSVoVdtXEI4A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@paralleldrive/cuid2": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@paralleldrive/cuid2/-/cuid2-2.3.1.tgz",
+      "integrity": "sha512-XO7cAxhnTZl0Yggq6jOgjiOHhbgcO4NqFqwSmQpjK3b6TEE6Uj/jfSk6wzYyemh3+I0sHirKSetjQwn5cZktFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@noble/hashes": "^1.1.5"
+      }
+    },
     "node_modules/@rolldown/pluginutils": {
       "version": "1.0.0-beta.27",
       "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz",
@@ -1153,6 +1431,13 @@
         "win32"
       ]
     },
+    "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/@tailwindcss/node": {
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.2.2.tgz",
@@ -1425,6 +1710,104 @@
         "vite": "^5.2.0 || ^6 || ^7 || ^8"
       }
     },
+    "node_modules/@testing-library/dom": {
+      "version": "10.4.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.1.tgz",
+      "integrity": "sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.10.4",
+        "@babel/runtime": "^7.12.5",
+        "@types/aria-query": "^5.0.1",
+        "aria-query": "5.3.0",
+        "dom-accessibility-api": "^0.5.9",
+        "lz-string": "^1.5.0",
+        "picocolors": "1.1.1",
+        "pretty-format": "^27.0.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@testing-library/jest-dom": {
+      "version": "6.9.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.9.1.tgz",
+      "integrity": "sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@adobe/css-tools": "^4.4.0",
+        "aria-query": "^5.0.0",
+        "css.escape": "^1.5.1",
+        "dom-accessibility-api": "^0.6.3",
+        "picocolors": "^1.1.1",
+        "redent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6",
+        "yarn": ">=1"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz",
+      "integrity": "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@testing-library/react": {
+      "version": "16.3.2",
+      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-16.3.2.tgz",
+      "integrity": "sha512-XU5/SytQM+ykqMnAnvB2umaJNIOsLF3PVv//1Ew4CTcpz0/BRyy/af40qqrt7SjKpDdT1saBMc42CUok5gaw+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@testing-library/dom": "^10.0.0",
+        "@types/react": "^18.0.0 || ^19.0.0",
+        "@types/react-dom": "^18.0.0 || ^19.0.0",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@testing-library/user-event": {
+      "version": "14.6.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.6.1.tgz",
+      "integrity": "sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      },
+      "peerDependencies": {
+        "@testing-library/dom": ">=7.21.4"
+      }
+    },
+    "node_modules/@types/aria-query": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
+      "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
     "node_modules/@types/babel__core": {
       "version": "7.20.5",
       "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
@@ -1470,6 +1853,24 @@
         "@babel/types": "^7.28.2"
       }
     },
+    "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",
@@ -1498,39 +1899,221 @@
         "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
       }
     },
-    "node_modules/accepts": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
-      "integrity": "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==",
+    "node_modules/@vitest/expect": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-4.1.0.tgz",
+      "integrity": "sha512-EIxG7k4wlWweuCLG9Y5InKFwpMEOyrMb6ZJ1ihYu02LVj/bzUwn2VMU+13PinsjRW75XnITeFrQBMH5+dLvCDA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "mime-types": "^3.0.0",
-        "negotiator": "^1.0.0"
+        "@standard-schema/spec": "^1.1.0",
+        "@types/chai": "^5.2.2",
+        "@vitest/spy": "4.1.0",
+        "@vitest/utils": "4.1.0",
+        "chai": "^6.2.2",
+        "tinyrainbow": "^3.0.3"
       },
-      "engines": {
-        "node": ">= 0.6"
+      "funding": {
+        "url": "https://opencollective.com/vitest"
       }
     },
-    "node_modules/adm-zip": {
-      "version": "0.5.16",
-      "resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.5.16.tgz",
-      "integrity": "sha512-TGw5yVi4saajsSEgz25grObGHEUaDrniwvA2qwSC060KfqGPdglhvPMA2lPIoxs3PQIItj2iag35fONcQqgUaQ==",
+    "node_modules/@vitest/mocker": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-4.1.0.tgz",
+      "integrity": "sha512-evxREh+Hork43+Y4IOhTo+h5lGmVRyjqI739Rz4RlUPqwrkFFDF6EMvOOYjTx4E8Tl6gyCLRL8Mu7Ry12a13Tw==",
+      "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=12.0"
+      "dependencies": {
+        "@vitest/spy": "4.1.0",
+        "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 || ^8.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "msw": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        }
       }
     },
-    "node_modules/baseline-browser-mapping": {
-      "version": "2.10.9",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.9.tgz",
-      "integrity": "sha512-OZd0e2mU11ClX8+IdXe3r0dbqMEznRiT4TfbhYIbcRPZkqJ7Qwer8ij3GZAmLsRKa+II9V1v5czCkvmHH3XZBg==",
+    "node_modules/@vitest/pretty-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-4.1.0.tgz",
+      "integrity": "sha512-3RZLZlh88Ib0J7NQTRATfc/3ZPOnSUn2uDBUoGNn5T36+bALixmzphN26OUD3LRXWkJu4H0s5vvUeqBiw+kS0A==",
       "dev": true,
-      "license": "Apache-2.0",
-      "bin": {
-        "baseline-browser-mapping": "dist/cli.cjs"
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^3.0.3"
       },
-      "engines": {
-        "node": ">=6.0.0"
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/runner": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-4.1.0.tgz",
+      "integrity": "sha512-Duvx2OzQ7d6OjchL+trw+aSrb9idh7pnNfxrklo14p3zmNL4qPCDeIJAK+eBKYjkIwG96Bc6vYuxhqDXQOWpoQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/utils": "4.1.0",
+        "pathe": "^2.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/snapshot": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-4.1.0.tgz",
+      "integrity": "sha512-0Vy9euT1kgsnj1CHttwi9i9o+4rRLEaPRSOJ5gyv579GJkNpgJK+B4HSv/rAWixx2wdAFci1X4CEPjiu2bXIMg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "4.1.0",
+        "@vitest/utils": "4.1.0",
+        "magic-string": "^0.30.21",
+        "pathe": "^2.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/spy": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-4.1.0.tgz",
+      "integrity": "sha512-pz77k+PgNpyMDv2FV6qmk5ZVau6c3R8HC8v342T2xlFxQKTrSeYw9waIJG8KgV9fFwAtTu4ceRzMivPTH6wSxw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/utils": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-4.1.0.tgz",
+      "integrity": "sha512-XfPXT6a8TZY3dcGY8EdwsBulFCIw+BeeX0RZn2x/BtiY/75YGh8FeWGG8QISN/WhaqSrE2OrlDgtF8q5uhOTmw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "4.1.0",
+        "convert-source-map": "^2.0.0",
+        "tinyrainbow": "^3.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/accepts": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
+      "integrity": "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "^3.0.0",
+        "negotiator": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/adm-zip": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.5.16.tgz",
+      "integrity": "sha512-TGw5yVi4saajsSEgz25grObGHEUaDrniwvA2qwSC060KfqGPdglhvPMA2lPIoxs3PQIItj2iag35fONcQqgUaQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/asap": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
+      "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "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/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.9",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.9.tgz",
+      "integrity": "sha512-OZd0e2mU11ClX8+IdXe3r0dbqMEznRiT4TfbhYIbcRPZkqJ7Qwer8ij3GZAmLsRKa+II9V1v5czCkvmHH3XZBg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "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/body-parser": {
@@ -1656,6 +2239,39 @@
       ],
       "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/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/component-emitter": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.1.tgz",
+      "integrity": "sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/content-disposition": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.0.1.tgz",
@@ -1703,6 +2319,48 @@
         "node": ">=6.6.0"
       }
     },
+    "node_modules/cookiejar": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/cookiejar/-/cookiejar-2.1.4.tgz",
+      "integrity": "sha512-LDx6oHrK+PhzLKJU9j5S7/Y3jM/mUHvD/DeI1WQmJn652iPC5Y4TBzC9l+5OMOXlyTTA+SmVUPm0HQUwpD5Jqw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/css-tree": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.2.1.tgz",
+      "integrity": "sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.27.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/css.escape": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
+      "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
+      "dev": true,
+      "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/debug": {
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
@@ -1720,6 +2378,23 @@
         }
       }
     },
+    "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/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/depd": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
@@ -1729,6 +2404,16 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/detect-libc": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
@@ -1739,6 +2424,25 @@
         "node": ">=8"
       }
     },
+    "node_modules/dezalgo": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/dezalgo/-/dezalgo-1.0.4.tgz",
+      "integrity": "sha512-rXSP0bf+5n0Qonsb+SVVfNfIsimO4HEtmnIpPHY8Q1UCzKlQrDMfdobr8nJOOsRgWCyMRqeSBQzmWUMq7zvVig==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "asap": "^2.0.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/dom-accessibility-api": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
+      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
     "node_modules/dunder-proto": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
@@ -1798,6 +2502,19 @@
         "node": ">=10.13.0"
       }
     },
+    "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/es-define-property": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
@@ -1816,6 +2533,13 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/es-module-lexer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.0.0.tgz",
+      "integrity": "sha512-5POEcUuZybH7IdmGsD8wlf0AI55wMecM9rVBTI/qEAy2c1kTOm3DjFYjrBdI2K3BaJjJYfYFeRtM0t9ssnRuxw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/es-object-atoms": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
@@ -1828,6 +2552,22 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/esbuild": {
       "version": "0.25.12",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
@@ -1886,6 +2626,16 @@
       "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
       "license": "MIT"
     },
+    "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/etag": {
       "version": "1.8.1",
       "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
@@ -1895,6 +2645,16 @@
         "node": ">= 0.6"
       }
     },
+    "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/express": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/express/-/express-5.2.1.tgz",
@@ -1938,6 +2698,13 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/fast-safe-stringify": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/fast-safe-stringify/-/fast-safe-stringify-2.1.1.tgz",
+      "integrity": "sha512-W+KJc2dmILlPplD/H4K9l9LcAHAfPtP6BY84uVLXQ6Evcz9Lcg33Y2z1IVblT6xdY54PXYVHEv+0Wpq8Io6zkA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/fdir": {
       "version": "6.5.0",
       "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
@@ -1977,6 +2744,64 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/form-data": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.5.tgz",
+      "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/form-data/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/form-data/node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/formidable": {
+      "version": "3.5.4",
+      "resolved": "https://registry.npmjs.org/formidable/-/formidable-3.5.4.tgz",
+      "integrity": "sha512-YikH+7CUTOtP44ZTnUhR7Ic2UASBPOqmaRkRKxRbywPTe5VxF7RRCck4af9wutiZ/QKM5nME9Bie2fFaPz5Gug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@paralleldrive/cuid2": "^2.2.2",
+        "dezalgo": "^1.0.4",
+        "once": "^1.4.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "url": "https://ko-fi.com/tunnckoCore/commissions"
+      }
+    },
     "node_modules/forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -2097,6 +2922,22 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/hasown": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
@@ -2109,6 +2950,19 @@
         "node": ">= 0.4"
       }
     },
+    "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/http-errors": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
@@ -2145,6 +2999,16 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
@@ -2160,6 +3024,13 @@
         "node": ">= 0.10"
       }
     },
+    "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-promise": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
@@ -2176,11 +3047,62 @@
         "jiti": "lib/jiti-cli.mjs"
       }
     },
-    "node_modules/js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "license": "MIT"
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/jsdom": {
+      "version": "29.0.1",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-29.0.1.tgz",
+      "integrity": "sha512-z6JOK5gRO7aMybVq/y/MlIpKh8JIi68FBKMUtKkK2KH/wMSRlCxQ682d08LB9fYXplyY/UXG8P4XXTScmdjApg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/css-color": "^5.0.1",
+        "@asamuzakjp/dom-selector": "^7.0.3",
+        "@bramus/specificity": "^2.4.2",
+        "@csstools/css-syntax-patches-for-csstree": "^1.1.1",
+        "@exodus/bytes": "^1.15.0",
+        "css-tree": "^3.2.1",
+        "data-urls": "^7.0.0",
+        "decimal.js": "^10.6.0",
+        "html-encoding-sniffer": "^6.0.0",
+        "is-potential-custom-element-name": "^1.0.1",
+        "lru-cache": "^11.2.7",
+        "parse5": "^8.0.0",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^6.0.1",
+        "undici": "^7.24.5",
+        "w3c-xmlserializer": "^5.0.0",
+        "webidl-conversions": "^8.0.1",
+        "whatwg-mimetype": "^5.0.0",
+        "whatwg-url": "^16.0.1",
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "canvas": "^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jsdom/node_modules/lru-cache": {
+      "version": "11.2.7",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.7.tgz",
+      "integrity": "sha512-aY/R+aEsRelme17KGQa/1ZSIpLpNYYrhcrepKTZgE+W3WM16YMCaPwOHLHsmopZHELU0Ojin1lPVxKR0MihncA==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
     },
     "node_modules/jsesc": {
       "version": "3.1.0",
@@ -2588,6 +3510,17 @@
         "yallist": "^3.0.2"
       }
     },
+    "node_modules/lz-string": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
+      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "lz-string": "bin/bin.js"
+      }
+    },
     "node_modules/magic-string": {
       "version": "0.30.21",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
@@ -2607,6 +3540,13 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/mdn-data": {
+      "version": "2.27.1",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.27.1.tgz",
+      "integrity": "sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
     "node_modules/media-typer": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz",
@@ -2628,6 +3568,29 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
     "node_modules/mime-db": {
       "version": "1.54.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
@@ -2653,6 +3616,16 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/min-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -2706,6 +3679,17 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/obug": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/obug/-/obug-2.1.1.tgz",
+      "integrity": "sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/sxzz",
+        "https://opencollective.com/debug"
+      ],
+      "license": "MIT"
+    },
     "node_modules/on-finished": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
@@ -2727,6 +3711,19 @@
         "wrappy": "1"
       }
     },
+    "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/parseurl": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
@@ -2746,6 +3743,13 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -2795,6 +3799,22 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/pretty-format": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
+      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^17.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
     "node_modules/proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -2808,6 +3828,16 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/qs": {
       "version": "6.15.0",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.0.tgz",
@@ -2872,6 +3902,14 @@
         "react": "^18.3.1"
       }
     },
+    "node_modules/react-is": {
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
     "node_modules/react-refresh": {
       "version": "0.17.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz",
@@ -2882,6 +3920,30 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/redent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "indent-string": "^4.0.0",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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/rollup": {
       "version": "4.59.0",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.59.0.tgz",
@@ -2969,6 +4031,19 @@
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
       "license": "MIT"
     },
+    "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/scheduler": {
       "version": "0.23.2",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
@@ -3111,6 +4186,13 @@
         "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/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -3121,6 +4203,13 @@
         "node": ">=0.10.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/statuses": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
@@ -3130,6 +4219,69 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/std-env": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-4.0.0.tgz",
+      "integrity": "sha512-zUMPtQ/HBY3/50VbpkupYHbRroTRZJPRLvreamgErJVys0ceuzMkD44J/QjqhHjOzK42GQ3QZIeFG1OYfOtKqQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/strip-indent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "min-indent": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/superagent": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/superagent/-/superagent-10.3.0.tgz",
+      "integrity": "sha512-B+4Ik7ROgVKrQsXTV0Jwp2u+PXYLSlqtDAhYnkkD+zn3yg8s/zjA2MeGayPoY/KICrbitwneDHrjSotxKL+0XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "component-emitter": "^1.3.1",
+        "cookiejar": "^2.1.4",
+        "debug": "^4.3.7",
+        "fast-safe-stringify": "^2.1.1",
+        "form-data": "^4.0.5",
+        "formidable": "^3.5.4",
+        "methods": "^1.1.2",
+        "mime": "2.6.0",
+        "qs": "^6.14.1"
+      },
+      "engines": {
+        "node": ">=14.18.0"
+      }
+    },
+    "node_modules/supertest": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/supertest/-/supertest-7.2.2.tgz",
+      "integrity": "sha512-oK8WG9diS3DlhdUkcFn4tkNIiIbBx9lI2ClF8K+b2/m8Eyv47LSawxUzZQSNKUrVb2KsqeTDCcjAAVPYaSLVTA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cookie-signature": "^1.2.2",
+        "methods": "^1.1.2",
+        "superagent": "^10.3.0"
+      },
+      "engines": {
+        "node": ">=14.18.0"
+      }
+    },
+    "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/tailwindcss": {
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.2.tgz",
@@ -3151,6 +4303,23 @@
         "url": "https://opencollective.com/webpack"
       }
     },
+    "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.4",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.0.4.tgz",
+      "integrity": "sha512-u9r3uZC0bdpGOXtlxUIdwf9pkmvhqJdrVCH9fapQtgy/OeTTMZ1nqH7agtvEfmGui6e1XxjcdrlxvxJvc3sMqw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/tinyglobby": {
       "version": "0.2.15",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
@@ -3168,6 +4337,36 @@
         "url": "https://github.com/sponsors/SuperchupuDev"
       }
     },
+    "node_modules/tinyrainbow": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-3.1.0.tgz",
+      "integrity": "sha512-Bf+ILmBgretUrdJxzXM0SgXLZ3XfiaUuOj/IKQHuTXip+05Xn+uyEYdVg0kYDipTBcLrCVyUzAPz7QmArb0mmw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tldts": {
+      "version": "7.0.27",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-7.0.27.tgz",
+      "integrity": "sha512-I4FZcVFcqCRuT0ph6dCDpPuO4Xgzvh+spkcTr1gK7peIvxWauoloVO0vuy1FQnijT63ss6AsHB6+OIM4aXHbPg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tldts-core": "^7.0.27"
+      },
+      "bin": {
+        "tldts": "bin/cli.js"
+      }
+    },
+    "node_modules/tldts-core": {
+      "version": "7.0.27",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.0.27.tgz",
+      "integrity": "sha512-YQ7uPjgWUibIK6DW5lrKujGwUKhLevU4hcGbP5O6TcIUb+oTjJYJVWPS4nZsIHrEEEG6myk/oqAJUEQmpZrHsg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/toidentifier": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
@@ -3177,6 +4376,32 @@
         "node": ">=0.6"
       }
     },
+    "node_modules/tough-cookie": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-6.0.1.tgz",
+      "integrity": "sha512-LktZQb3IeoUWB9lqR5EWTHgW/VTITCXg4D21M+lvybRVdylLrRMnqaIONLVb5mav8vM19m44HIcGq4qASeu2Qw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tldts": "^7.0.5"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "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/type-is": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-2.0.1.tgz",
@@ -3191,6 +4416,16 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/undici": {
+      "version": "7.24.5",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-7.24.5.tgz",
+      "integrity": "sha512-3IWdCpjgxp15CbJnsi/Y9TCDE7HWVN19j1hmzVhoAkY/+CJx449tVxT5wZc1Gwg8J+P0LWvzlBzxYRnHJ+1i7Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.18.1"
+      }
+    },
     "node_modules/unpipe": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
@@ -3315,12 +4550,176 @@
         }
       }
     },
+    "node_modules/vitest": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-4.1.0.tgz",
+      "integrity": "sha512-YbDrMF9jM2Lqc++2530UourxZHmkKLxrs4+mYhEwqWS97WJ7wOYEkcr+QfRgJ3PW9wz3odRijLZjHEaRLTNbqw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/expect": "4.1.0",
+        "@vitest/mocker": "4.1.0",
+        "@vitest/pretty-format": "4.1.0",
+        "@vitest/runner": "4.1.0",
+        "@vitest/snapshot": "4.1.0",
+        "@vitest/spy": "4.1.0",
+        "@vitest/utils": "4.1.0",
+        "es-module-lexer": "^2.0.0",
+        "expect-type": "^1.3.0",
+        "magic-string": "^0.30.21",
+        "obug": "^2.1.1",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.3",
+        "std-env": "^4.0.0-rc.1",
+        "tinybench": "^2.9.0",
+        "tinyexec": "^1.0.2",
+        "tinyglobby": "^0.2.15",
+        "tinyrainbow": "^3.0.3",
+        "vite": "^6.0.0 || ^7.0.0 || ^8.0.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.1.0",
+        "@vitest/browser-preview": "4.1.0",
+        "@vitest/browser-webdriverio": "4.1.0",
+        "@vitest/ui": "4.1.0",
+        "happy-dom": "*",
+        "jsdom": "*",
+        "vite": "^6.0.0 || ^7.0.0 || ^8.0.0-0"
+      },
+      "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
+        },
+        "vite": {
+          "optional": false
+        }
+      }
+    },
+    "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/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/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": "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/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/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
       "license": "ISC"
     },
+    "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/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/yallist": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
diff --git a/package.json b/package.json
index aa97ba1..1708578 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,9 @@
     "server": "node --watch server/index.js",
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "test": "vitest run",
+    "test:watch": "vitest"
   },
   "dependencies": {
     "adm-zip": "^0.5.16",
@@ -37,8 +39,14 @@
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.2.2",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
     "@vitejs/plugin-react": "^4.3.4",
+    "jsdom": "^29.0.1",
+    "supertest": "^7.2.2",
     "tailwindcss": "^4.2.2",
-    "vite": "^6.0.0"
+    "vite": "^6.0.0",
+    "vitest": "^4.1.0"
   }
 }
diff --git a/server/routes/apps.js b/server/routes/apps.js
index 90502e1..b7fca0b 100644
--- a/server/routes/apps.js
+++ b/server/routes/apps.js
@@ -424,6 +424,138 @@ router.patch("/:appId/versions/:versionId/build", async (req, res) => {
   }
 });
 
+// ── Version Localizations ───────────────────────────────────────────────────
+
+function normalizeVersionLocalization(item) {
+  return {
+    id: item.id,
+    locale: item.attributes.locale,
+    description: item.attributes.description,
+    whatsNew: item.attributes.whatsNew,
+    keywords: item.attributes.keywords,
+    promotionalText: item.attributes.promotionalText,
+    supportUrl: item.attributes.supportUrl,
+    marketingUrl: item.attributes.marketingUrl,
+  };
+}
+
+router.get("/:appId/versions/:versionId/localizations", async (req, res) => {
+  const { versionId } = req.params;
+  const { accountId } = req.query;
+
+  const cacheKey = `apps:version-locs:${versionId}:${accountId || "default"}`;
+  const cached = apiCache.get(cacheKey);
+  if (cached) return res.json(cached);
+
+  const accounts = getAccounts();
+  const account = accounts.find((a) => a.id === accountId) || accounts[0];
+
+  try {
+    const data = await ascFetch(
+      account,
+      `/v1/appStoreVersions/${versionId}/appStoreVersionLocalizations?fields[appStoreVersionLocalizations]=locale,description,whatsNew,keywords,promotionalText,supportUrl,marketingUrl`
+    );
+    const locs = (data.data || []).map(normalizeVersionLocalization);
+    apiCache.set(cacheKey, locs);
+    res.json(locs);
+  } catch (err) {
+    console.error(`Failed to fetch version localizations for ${versionId}:`, err.message);
+    res.status(502).json({ error: err.message });
+  }
+});
+
+router.post("/:appId/versions/:versionId/localizations", async (req, res) => {
+  const { versionId } = req.params;
+  const { accountId, locale, description, whatsNew, keywords, promotionalText, supportUrl, marketingUrl } = req.body;
+
+  if (!accountId || !locale) {
+    return res.status(400).json({ error: "accountId and locale are required" });
+  }
+
+  const accounts = getAccounts();
+  const account = accounts.find((a) => a.id === accountId);
+  if (!account) return res.status(400).json({ error: "Account not found" });
+
+  const attributes = { locale };
+  if (description !== undefined) attributes.description = description;
+  if (whatsNew !== undefined) attributes.whatsNew = whatsNew;
+  if (keywords !== undefined) attributes.keywords = keywords;
+  if (promotionalText !== undefined) attributes.promotionalText = promotionalText;
+  if (supportUrl !== undefined) attributes.supportUrl = supportUrl;
+  if (marketingUrl !== undefined) attributes.marketingUrl = marketingUrl;
+
+  try {
+    const data = await ascFetch(account, "/v1/appStoreVersionLocalizations", {
+      method: "POST",
+      body: {
+        data: {
+          type: "appStoreVersionLocalizations",
+          attributes,
+          relationships: {
+            appStoreVersion: { data: { type: "appStoreVersions", id: versionId } },
+          },
+        },
+      },
+    });
+    apiCache.deleteByPrefix(`apps:version-locs:${versionId}:`);
+    res.json(normalizeVersionLocalization(data.data));
+  } catch (err) {
+    console.error(`Failed to create version localization for ${versionId}:`, err.message);
+    res.status(502).json({ error: err.message });
+  }
+});
+
+router.patch("/:appId/versions/:versionId/localizations/:locId", async (req, res) => {
+  const { versionId, locId } = req.params;
+  const { accountId, description, whatsNew, keywords, promotionalText, supportUrl, marketingUrl } = req.body;
+
+  if (!accountId) return res.status(400).json({ error: "accountId is required" });
+
+  const accounts = getAccounts();
+  const account = accounts.find((a) => a.id === accountId);
+  if (!account) return res.status(400).json({ error: "Account not found" });
+
+  const attributes = {};
+  if (description !== undefined) attributes.description = description;
+  if (whatsNew !== undefined) attributes.whatsNew = whatsNew;
+  if (keywords !== undefined) attributes.keywords = keywords;
+  if (promotionalText !== undefined) attributes.promotionalText = promotionalText;
+  if (supportUrl !== undefined) attributes.supportUrl = supportUrl;
+  if (marketingUrl !== undefined) attributes.marketingUrl = marketingUrl;
+
+  try {
+    const data = await ascFetch(account, `/v1/appStoreVersionLocalizations/${locId}`, {
+      method: "PATCH",
+      body: {
+        data: { type: "appStoreVersionLocalizations", id: locId, attributes },
+      },
+    });
+    apiCache.deleteByPrefix(`apps:version-locs:${versionId}:`);
+    res.json(normalizeVersionLocalization(data.data));
+  } catch (err) {
+    console.error(`Failed to update version localization ${locId}:`, err.message);
+    res.status(502).json({ error: err.message });
+  }
+});
+
+router.delete("/:appId/versions/:versionId/localizations/:locId", async (req, res) => {
+  const { versionId, locId } = req.params;
+  const { accountId } = req.query;
+
+  const accounts = getAccounts();
+  const account = accounts.find((a) => a.id === accountId) || accounts[0];
+  if (!account) return res.status(400).json({ error: "No accounts configured" });
+
+  try {
+    await ascFetch(account, `/v1/appStoreVersionLocalizations/${locId}`, { method: "DELETE" });
+    apiCache.deleteByPrefix(`apps:version-locs:${versionId}:`);
+    res.json({ success: true });
+  } catch (err) {
+    console.error(`Failed to delete version localization ${locId}:`, err.message);
+    res.status(502).json({ error: err.message });
+  }
+});
+
 router.post("/:appId/versions/:versionId/submit", async (req, res) => {
   const { appId, versionId } = req.params;
   const { accountId } = req.body;
diff --git a/src/api/index.js b/src/api/index.js
index fad5a18..9d6aafb 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -104,6 +104,51 @@ export async function fetchAppLookup(bundleId) {
   return res.json();
 }
 
+// ── Version Localizations ───────────────────────────────────────────────────
+
+export async function fetchVersionLocalizations(appId, versionId, accountId) {
+  const params = new URLSearchParams({ accountId });
+  const res = await fetch(`/api/apps/${appId}/versions/${versionId}/localizations?${params}`);
+  if (!res.ok) throw new Error(`Failed to fetch version localizations: ${res.status}`);
+  return res.json();
+}
+
+export async function createVersionLocalization(appId, versionId, { accountId, locale, ...fields }) {
+  const res = await fetch(`/api/apps/${appId}/versions/${versionId}/localizations`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ accountId, locale, ...fields }),
+  });
+  if (!res.ok) {
+    const err = await res.json().catch(() => ({}));
+    throw new Error(err.error || `Failed to create version localization: ${res.status}`);
+  }
+  return res.json();
+}
+
+export async function updateVersionLocalization(appId, versionId, locId, { accountId, ...fields }) {
+  const res = await fetch(`/api/apps/${appId}/versions/${versionId}/localizations/${locId}`, {
+    method: "PATCH",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ accountId, ...fields }),
+  });
+  if (!res.ok) {
+    const err = await res.json().catch(() => ({}));
+    throw new Error(err.error || `Failed to update version localization: ${res.status}`);
+  }
+  return res.json();
+}
+
+export async function deleteVersionLocalization(appId, versionId, locId, accountId) {
+  const params = new URLSearchParams({ accountId });
+  const res = await fetch(`/api/apps/${appId}/versions/${versionId}/localizations/${locId}?${params}`, { method: "DELETE" });
+  if (!res.ok) {
+    const err = await res.json().catch(() => ({}));
+    throw new Error(err.error || `Failed to delete version localization: ${res.status}`);
+  }
+  return res.json();
+}
+
 // ── In-App Purchases ─────────────────────────────────────────────────────────
 
 export async function fetchIAPs(appId, accountId) {
diff --git a/src/components/BuildSelector.jsx b/src/components/BuildSelector.jsx
index bb43dfe..d38b7d3 100644
--- a/src/components/BuildSelector.jsx
+++ b/src/components/BuildSelector.jsx
@@ -1,4 +1,9 @@
-export default function BuildSelector({ builds, attachedBuild, loading, attaching, attachingBuildId, error, onAttach }) {
+import { useState } from "react";
+import BuildSelectorModal from "./BuildSelectorModal.jsx";
+
+export default function BuildSelector({ builds, attachedBuild, loading, attaching, attachingBuildId, error, onAttach, isMobile }) {
+  const [showModal, setShowModal] = useState(false);
+
   function formatDate(dateString) {
     if (!dateString) return "\u2014";
     const d = new Date(dateString);
@@ -25,6 +30,11 @@ export default function BuildSelector({ builds, attachedBuild, loading, attachin
     }
   }
 
+  async function handleAttachFromModal(buildId) {
+    await onAttach(buildId);
+    setShowModal(false);
+  }
+
   if (loading) {
     return (
       <div className="text-center py-8 text-dark-dim">
@@ -44,11 +54,9 @@ export default function BuildSelector({ builds, attachedBuild, loading, attachin
   }
 
   return (
-    <div className="space-y-3">
-      {/* Attached build card */}
-      {attachedBuild && (
+    <>
+      {attachedBuild ? (
         <div className="border border-success/30 bg-success/5 rounded-[10px] px-4 py-3">
-          <div className="text-[10px] text-success font-bold uppercase tracking-wide mb-2">Selected Build</div>
           <div className="flex items-center justify-between gap-3">
             <div className="min-w-0">
               <div className="text-[13px] font-semibold text-dark-text font-mono">
@@ -65,68 +73,42 @@ export default function BuildSelector({ builds, attachedBuild, loading, attachin
                 )}
               </div>
             </div>
+            <button
+              onClick={() => setShowModal(true)}
+              className="px-3 py-1.5 rounded-lg text-[11px] font-semibold bg-accent/10 text-accent border border-accent/20 cursor-pointer font-sans hover:bg-accent/20 transition-colors shrink-0"
+            >
+              Change
+            </button>
           </div>
         </div>
-      )}
-
-      {/* Build list */}
-      {builds.length === 0 ? (
-        <div className="text-center py-8 text-dark-ghost">
-          <div className="text-xs font-semibold">No builds available</div>
-          <div className="text-[11px] text-dark-dim mt-1">Upload a build via Xcode or Transporter</div>
-        </div>
       ) : (
-        <div className="space-y-1.5">
-          {builds.map((b) => {
-            const isAttached = attachedBuild?.id === b.id;
-            const isAttaching = attaching && attachingBuildId === b.id;
-            const canSelect = b.processingState === "VALID" && !isAttached;
-
-            return (
-              <div key={b.id} className="bg-dark-surface rounded-[10px] px-4 py-3">
-                <div className="flex items-center justify-between gap-3">
-                  <div className="min-w-0">
-                    <div className="text-[13px] font-semibold text-dark-text font-mono">
-                      Build {b.version}
-                    </div>
-                    <div className="flex items-center gap-3 mt-1 flex-wrap">
-                      <span className="flex items-center gap-1 text-[11px]">
-                        <span className="w-1.5 h-1.5 rounded-full" style={{ background: stateColor(b.processingState) }} />
-                        <span style={{ color: stateColor(b.processingState) }}>{stateLabel(b.processingState)}</span>
-                      </span>
-                      <span className="text-[11px] text-dark-dim">{formatDate(b.uploadedDate)}</span>
-                      {b.minOsVersion && (
-                        <span className="text-[11px] text-dark-dim">Min OS {b.minOsVersion}</span>
-                      )}
-                    </div>
-                  </div>
-                  <div className="shrink-0">
-                    {isAttached ? (
-                      <span className="px-3 py-1.5 rounded-lg text-[11px] font-semibold text-success bg-success/10 border border-success/20">
-                        Selected
-                      </span>
-                    ) : canSelect ? (
-                      <button
-                        onClick={() => onAttach(b.id)}
-                        disabled={attaching}
-                        className="px-3 py-1.5 rounded-lg text-[11px] font-semibold bg-accent/10 text-accent border border-accent/20 cursor-pointer font-sans hover:bg-accent/20 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
-                      >
-                        {isAttaching ? (
-                          <span className="inline-block" style={{ animation: "asc-spin 1s linear infinite" }}>{"\u21bb"}</span>
-                        ) : "Select"}
-                      </button>
-                    ) : (
-                      <span className="px-3 py-1.5 rounded-lg text-[11px] font-semibold text-dark-ghost bg-dark-hover">
-                        {stateLabel(b.processingState)}
-                      </span>
-                    )}
-                  </div>
-                </div>
-              </div>
-            );
-          })}
+        <div className="bg-dark-surface rounded-[10px] px-4 py-3 flex items-center justify-between">
+          <div>
+            <div className="text-[13px] text-dark-dim font-medium">No build selected</div>
+            <div className="text-[11px] text-dark-ghost mt-0.5">Select a build to attach to this version</div>
+          </div>
+          {builds.length > 0 && (
+            <button
+              onClick={() => setShowModal(true)}
+              className="px-3 py-1.5 rounded-lg text-[11px] font-semibold bg-accent/10 text-accent border border-accent/20 cursor-pointer font-sans hover:bg-accent/20 transition-colors shrink-0"
+            >
+              Select Build
+            </button>
+          )}
         </div>
       )}
-    </div>
+
+      {showModal && (
+        <BuildSelectorModal
+          builds={builds}
+          attachedBuild={attachedBuild}
+          attaching={attaching}
+          attachingBuildId={attachingBuildId}
+          onAttach={handleAttachFromModal}
+          onClose={() => setShowModal(false)}
+          isMobile={isMobile}
+        />
+      )}
+    </>
   );
 }
diff --git a/src/components/BuildSelectorModal.jsx b/src/components/BuildSelectorModal.jsx
new file mode 100644
index 0000000..c8ab0bf
--- /dev/null
+++ b/src/components/BuildSelectorModal.jsx
@@ -0,0 +1,119 @@
+export default function BuildSelectorModal({ builds, attachedBuild, attaching, attachingBuildId, onAttach, onClose, isMobile }) {
+  function formatDate(dateString) {
+    if (!dateString) return "\u2014";
+    const d = new Date(dateString);
+    return d.toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric" });
+  }
+
+  function stateLabel(state) {
+    switch (state) {
+      case "VALID": return "Ready";
+      case "PROCESSING": return "Processing";
+      case "FAILED": return "Failed";
+      case "INVALID": return "Invalid";
+      default: return state || "\u2014";
+    }
+  }
+
+  function stateColor(state) {
+    switch (state) {
+      case "VALID": return "#34c759";
+      case "PROCESSING": return "#ff9500";
+      case "FAILED":
+      case "INVALID": return "#ff3b30";
+      default: return "#8e8e93";
+    }
+  }
+
+  return (
+    <div
+      onClick={onClose}
+      className={`fixed inset-0 bg-black/40 backdrop-blur-[8px] flex justify-center z-[100] ${isMobile ? "items-end" : "items-center"}`}
+    >
+      <div
+        onClick={(e) => e.stopPropagation()}
+        style={{ animation: "asc-fadein 0.3s ease" }}
+        className={`bg-dark-card border border-dark-border-light w-full overflow-y-auto shadow-[0_32px_64px_rgba(0,0,0,0.15)] ${
+          isMobile
+            ? "rounded-t-2xl max-w-full max-h-[90vh]"
+            : "rounded-2xl max-w-[540px] max-h-[85vh]"
+        }`}
+      >
+        {/* Header */}
+        <div className="px-6 py-4 border-b border-dark-border flex items-center justify-between sticky top-0 bg-dark-card z-[1]">
+          <span className="text-[15px] font-bold text-dark-text">Select Build</span>
+          <button
+            onClick={onClose}
+            className="w-7 h-7 rounded-full bg-dark-surface flex items-center justify-center cursor-pointer border-none hover:bg-dark-hover transition-colors"
+          >
+            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#86868b" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
+              <line x1="18" y1="6" x2="6" y2="18" />
+              <line x1="6" y1="6" x2="18" y2="18" />
+            </svg>
+          </button>
+        </div>
+
+        {/* Build list */}
+        <div className={isMobile ? "px-4 py-4" : "px-5 py-5"}>
+          {builds.length === 0 ? (
+            <div className="text-center py-8 text-dark-ghost">
+              <div className="text-xs font-semibold">No builds available</div>
+              <div className="text-[11px] text-dark-dim mt-1">Upload a build via Xcode or Transporter</div>
+            </div>
+          ) : (
+            <div className="space-y-1.5">
+              {[...builds].sort((a, b) => new Date(b.uploadedDate) - new Date(a.uploadedDate)).map((b) => {
+                const isAttached = attachedBuild?.id === b.id;
+                const isAttaching = attaching && attachingBuildId === b.id;
+                const canSelect = b.processingState === "VALID" && !isAttached;
+
+                return (
+                  <div key={b.id} className={`rounded-[10px] px-4 py-3 ${isAttached ? "border border-success/30 bg-success/5" : "bg-dark-surface"}`}>
+                    <div className="flex items-center justify-between gap-3">
+                      <div className="min-w-0">
+                        <div className="text-[13px] font-semibold text-dark-text font-mono">
+                          Build {b.version}
+                        </div>
+                        <div className="flex items-center gap-3 mt-1 flex-wrap">
+                          <span className="flex items-center gap-1 text-[11px]">
+                            <span className="w-1.5 h-1.5 rounded-full" style={{ background: stateColor(b.processingState) }} />
+                            <span style={{ color: stateColor(b.processingState) }}>{stateLabel(b.processingState)}</span>
+                          </span>
+                          <span className="text-[11px] text-dark-dim">{formatDate(b.uploadedDate)}</span>
+                          {b.minOsVersion && (
+                            <span className="text-[11px] text-dark-dim">Min OS {b.minOsVersion}</span>
+                          )}
+                        </div>
+                      </div>
+                      <div className="shrink-0">
+                        {isAttached ? (
+                          <span className="px-3 py-1.5 rounded-lg text-[11px] font-semibold text-success bg-success/10 border border-success/20">
+                            Selected
+                          </span>
+                        ) : canSelect ? (
+                          <button
+                            onClick={() => onAttach(b.id)}
+                            disabled={attaching}
+                            className="px-3 py-1.5 rounded-lg text-[11px] font-semibold bg-accent/10 text-accent border border-accent/20 cursor-pointer font-sans hover:bg-accent/20 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+                          >
+                            {isAttaching ? (
+                              <span className="inline-block" style={{ animation: "asc-spin 1s linear infinite" }}>{"\u21bb"}</span>
+                            ) : "Select"}
+                          </button>
+                        ) : (
+                          <span className="px-3 py-1.5 rounded-lg text-[11px] font-semibold text-dark-ghost bg-dark-hover">
+                            {stateLabel(b.processingState)}
+                          </span>
+                        )}
+                      </div>
+                    </div>
+                  </div>
+                );
+              })}
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/VersionDetailPage.jsx b/src/components/VersionDetailPage.jsx
index 03673e3..86815c6 100644
--- a/src/components/VersionDetailPage.jsx
+++ b/src/components/VersionDetailPage.jsx
@@ -2,6 +2,7 @@ import { useState, useEffect } from "react";
 import { fetchVersionDetail, fetchVersionBuilds, fetchAttachedBuild, attachBuild } from "../api/index.js";
 import Badge from "./Badge.jsx";
 import BuildSelector from "./BuildSelector.jsx";
+import VersionLocalizationsSection from "./VersionLocalizationsSection.jsx";
 
 export default function VersionDetailPage({ app, version, accounts, isMobile }) {
   const [detail, setDetail] = useState(null);
@@ -167,8 +168,17 @@ export default function VersionDetailPage({ app, version, accounts, isMobile })
             attachingBuildId={attachingBuildId}
             error={buildsError}
             onAttach={handleAttachBuild}
+            isMobile={isMobile}
           />
         </div>
+
+        {/* Localizations Section */}
+        <VersionLocalizationsSection
+          appId={app.id}
+          versionId={version.id}
+          accountId={app.accountId}
+          isMobile={isMobile}
+        />
       </div>
     </div>
   );
diff --git a/src/components/VersionLocalizationsSection.jsx b/src/components/VersionLocalizationsSection.jsx
new file mode 100644
index 0000000..1b0d517
--- /dev/null
+++ b/src/components/VersionLocalizationsSection.jsx
@@ -0,0 +1,272 @@
+import { useState, useEffect } from "react";
+import {
+  fetchVersionLocalizations,
+  createVersionLocalization,
+  updateVersionLocalization,
+  deleteVersionLocalization,
+} from "../api/index.js";
+
+const labelCls = "text-[11px] uppercase tracking-wide font-semibold text-dark-dim mb-1.5 block";
+const inputCls = "w-full px-3.5 py-2.5 bg-dark-surface border border-dark-border-light rounded-lg text-dark-text outline-none font-sans text-[13px] transition-colors";
+
+const FIELDS = [
+  { key: "description", label: "Description", type: "textarea", height: "h-[100px]" },
+  { key: "whatsNew", label: "What's New", type: "textarea", height: "h-[80px]" },
+  { key: "keywords", label: "Keywords", type: "input" },
+  { key: "promotionalText", label: "Promotional Text", type: "textarea", height: "h-[60px]" },
+  { key: "supportUrl", label: "Support URL", type: "input" },
+  { key: "marketingUrl", label: "Marketing URL", type: "input" },
+];
+
+function emptyFields() {
+  return { description: "", whatsNew: "", keywords: "", promotionalText: "", supportUrl: "", marketingUrl: "" };
+}
+
+export default function VersionLocalizationsSection({ appId, versionId, accountId, isMobile }) {
+  const [expanded, setExpanded] = useState(false);
+  const [locs, setLocs] = useState([]);
+  const [locsLoading, setLocsLoading] = useState(false);
+  const [locsError, setLocsError] = useState(null);
+
+  const [editingLocId, setEditingLocId] = useState(null);
+  const [editFields, setEditFields] = useState(emptyFields());
+  const [savingLocId, setSavingLocId] = useState(null);
+  const [deletingLocId, setDeletingLocId] = useState(null);
+  const [saveError, setSaveError] = useState(null);
+
+  const [newLocale, setNewLocale] = useState("");
+  const [newFields, setNewFields] = useState(emptyFields());
+  const [addingLoc, setAddingLoc] = useState(false);
+
+  useEffect(() => {
+    if (!expanded) return;
+    let cancelled = false;
+    setLocsLoading(true);
+    setLocsError(null);
+
+    fetchVersionLocalizations(appId, versionId, accountId)
+      .then((data) => { if (!cancelled) setLocs(data); })
+      .catch((err) => { if (!cancelled) setLocsError(err.message); })
+      .finally(() => { if (!cancelled) setLocsLoading(false); });
+
+    return () => { cancelled = true; };
+  }, [expanded, appId, versionId, accountId]);
+
+  function startEdit(loc) {
+    setEditingLocId(loc.id);
+    setSaveError(null);
+    setEditFields({
+      description: loc.description || "",
+      whatsNew: loc.whatsNew || "",
+      keywords: loc.keywords || "",
+      promotionalText: loc.promotionalText || "",
+      supportUrl: loc.supportUrl || "",
+      marketingUrl: loc.marketingUrl || "",
+    });
+  }
+
+  function cancelEdit() {
+    setEditingLocId(null);
+    setSaveError(null);
+  }
+
+  async function handleSave(loc) {
+    setSavingLocId(loc.id);
+    setSaveError(null);
+    try {
+      const updated = await updateVersionLocalization(appId, versionId, loc.id, { accountId, ...editFields });
+      setLocs((prev) => prev.map((l) => (l.id === loc.id ? updated : l)));
+      setEditingLocId(null);
+    } catch (err) {
+      setSaveError(err.message);
+    } finally {
+      setSavingLocId(null);
+    }
+  }
+
+  async function handleDelete(loc) {
+    setDeletingLocId(loc.id);
+    setSaveError(null);
+    try {
+      await deleteVersionLocalization(appId, versionId, loc.id, accountId);
+      setLocs((prev) => prev.filter((l) => l.id !== loc.id));
+      if (editingLocId === loc.id) setEditingLocId(null);
+    } catch (err) {
+      setSaveError(err.message);
+    } finally {
+      setDeletingLocId(null);
+    }
+  }
+
+  async function handleAdd() {
+    if (!newLocale.trim()) return;
+    setAddingLoc(true);
+    setSaveError(null);
+    try {
+      const created = await createVersionLocalization(appId, versionId, {
+        accountId,
+        locale: newLocale.trim(),
+        ...newFields,
+      });
+      setLocs((prev) => [...prev, created]);
+      setNewLocale("");
+      setNewFields(emptyFields());
+    } catch (err) {
+      setSaveError(err.message);
+    } finally {
+      setAddingLoc(false);
+    }
+  }
+
+  function renderFieldInputs(fields, setFields, prefix) {
+    return (
+      <div className="space-y-3">
+        {FIELDS.map((f) => (
+          <div key={f.key}>
+            <label className={labelCls}>{f.label}</label>
+            {f.type === "textarea" ? (
+              <textarea
+                className={`${inputCls} ${f.height} resize-y`}
+                value={fields[f.key]}
+                onChange={(e) => setFields((prev) => ({ ...prev, [f.key]: e.target.value }))}
+                placeholder={f.label}
+              />
+            ) : (
+              <input
+                className={inputCls}
+                value={fields[f.key]}
+                onChange={(e) => setFields((prev) => ({ ...prev, [f.key]: e.target.value }))}
+                placeholder={f.label}
+              />
+            )}
+          </div>
+        ))}
+      </div>
+    );
+  }
+
+  return (
+    <div className="mt-8">
+      <div className="flex items-center justify-between mb-2">
+        <button
+          onClick={() => setExpanded(!expanded)}
+          className="flex items-center gap-2 bg-transparent border-none cursor-pointer px-0 font-sans"
+        >
+          <span className="text-dark-dim text-xs transition-transform" style={{ display: "inline-block", transform: expanded ? "rotate(0deg)" : "rotate(-90deg)" }}>
+            {"\u25BE"}
+          </span>
+          <span className="text-[13px] font-bold text-dark-text uppercase tracking-wide">Localizations</span>
+          {expanded && !locsLoading && (
+            <span className="text-[11px] text-dark-dim font-semibold bg-dark-hover px-1.5 py-0.5 rounded">{locs.length}</span>
+          )}
+        </button>
+      </div>
+
+      {expanded && (
+        <>
+          {locsLoading ? (
+            <div className="text-center py-8 text-dark-dim">
+              <div className="text-lg inline-block" style={{ animation: "asc-spin 1s linear infinite" }}>{"\u21bb"}</div>
+              <div className="text-xs font-semibold mt-1">Loading localizations...</div>
+            </div>
+          ) : locsError ? (
+            <div className="text-center py-6">
+              <div className="text-xs text-danger font-semibold mb-1">Failed to load localizations</div>
+              <div className="text-[11px] text-dark-dim">{locsError}</div>
+            </div>
+          ) : (
+            <>
+              {saveError && (
+                <div className="text-[11px] text-danger font-medium mb-3">{saveError}</div>
+              )}
+
+              {locs.length === 0 ? (
+                <div className="text-center py-6 text-dark-ghost">
+                  <div className="text-xs font-semibold">No localizations yet</div>
+                </div>
+              ) : (
+                <div className="space-y-1.5">
+                  {locs.map((loc) => (
+                    <div key={loc.id} className="bg-dark-surface rounded-[10px] px-4 py-3">
+                      {editingLocId === loc.id ? (
+                        <div>
+                          <div className="flex items-center justify-between mb-3">
+                            <span className="text-[11px] font-bold text-accent-light bg-accent-bg px-2 py-0.5 rounded">{loc.locale}</span>
+                            <div className="flex items-center gap-2">
+                              <button
+                                onClick={() => handleSave(loc)}
+                                disabled={savingLocId === loc.id}
+                                className="text-[11px] font-semibold text-accent bg-transparent border-none cursor-pointer font-sans px-0 hover:underline disabled:opacity-50"
+                              >
+                                {savingLocId === loc.id ? "Saving..." : "Save"}
+                              </button>
+                              <button
+                                onClick={cancelEdit}
+                                className="text-[11px] font-semibold text-dark-dim bg-transparent border-none cursor-pointer font-sans px-0 hover:underline"
+                              >
+                                Cancel
+                              </button>
+                            </div>
+                          </div>
+                          {renderFieldInputs(editFields, setEditFields, "edit")}
+                        </div>
+                      ) : (
+                        <div className="flex items-center justify-between gap-3">
+                          <div className="min-w-0 flex-1">
+                            <div className="flex items-center gap-2 mb-0.5">
+                              <span className="text-[11px] font-bold text-accent-light bg-accent-bg px-2 py-0.5 rounded">{loc.locale}</span>
+                            </div>
+                            {loc.description && (
+                              <div className="text-[12px] text-dark-dim mt-1 truncate">{loc.description}</div>
+                            )}
+                          </div>
+                          <div className="flex items-center gap-3 shrink-0">
+                            <button
+                              onClick={() => startEdit(loc)}
+                              className="text-[11px] font-semibold text-accent bg-transparent border-none cursor-pointer font-sans px-0 hover:underline"
+                            >
+                              Edit
+                            </button>
+                            <button
+                              onClick={() => handleDelete(loc)}
+                              disabled={deletingLocId === loc.id}
+                              className="text-[11px] font-semibold text-dark-dim bg-transparent border-none cursor-pointer font-sans px-0 hover:text-danger disabled:opacity-50"
+                            >
+                              {deletingLocId === loc.id ? "Deleting..." : "Delete"}
+                            </button>
+                          </div>
+                        </div>
+                      )}
+                    </div>
+                  ))}
+                </div>
+              )}
+
+              {/* Add new locale */}
+              <div className="mt-4 bg-dark-surface rounded-[10px] px-4 py-3">
+                <div className="text-[11px] font-bold text-dark-text uppercase tracking-wide mb-3">Add Locale</div>
+                <div className="mb-3">
+                  <label className={labelCls}>Locale Code</label>
+                  <input
+                    className={inputCls}
+                    value={newLocale}
+                    onChange={(e) => setNewLocale(e.target.value)}
+                    placeholder="e.g. en-US, ja, de"
+                  />
+                </div>
+                {renderFieldInputs(newFields, setNewFields, "new")}
+                <button
+                  onClick={handleAdd}
+                  disabled={!newLocale.trim() || addingLoc}
+                  className="mt-3 text-[12px] font-semibold text-white bg-accent px-4 py-2 rounded-lg border-none cursor-pointer font-sans disabled:opacity-50 hover:opacity-90 transition-opacity"
+                >
+                  {addingLoc ? "Adding..." : "Add Localization"}
+                </button>
+              </div>
+            </>
+          )}
+        </>
+      )}
+    </div>
+  );
+}
diff --git a/tests/api/version-localizations.test.js b/tests/api/version-localizations.test.js
new file mode 100644
index 0000000..516f1e6
--- /dev/null
+++ b/tests/api/version-localizations.test.js
@@ -0,0 +1,159 @@
+import { describe, it, expect, vi, beforeEach } from "vitest";
+import {
+  fetchVersionLocalizations,
+  createVersionLocalization,
+  updateVersionLocalization,
+  deleteVersionLocalization,
+} from "../../src/api/index.js";
+
+const MOCK_LOC = {
+  id: "loc-1",
+  locale: "en-US",
+  description: "Test",
+  whatsNew: "Fixes",
+  keywords: "test",
+  promotionalText: "",
+  supportUrl: "",
+  marketingUrl: "",
+};
+
+describe("Version Localization API functions", () => {
+  beforeEach(() => {
+    vi.restoreAllMocks();
+  });
+
+  describe("fetchVersionLocalizations", () => {
+    it("fetches localizations with correct URL and query params", async () => {
+      global.fetch = vi.fn().mockResolvedValue({
+        ok: true,
+        json: () => Promise.resolve([MOCK_LOC]),
+      });
+
+      const result = await fetchVersionLocalizations("app-1", "ver-1", "acc-1");
+
+      expect(result).toEqual([MOCK_LOC]);
+      expect(global.fetch).toHaveBeenCalledWith(
+        "/api/apps/app-1/versions/ver-1/localizations?accountId=acc-1"
+      );
+    });
+
+    it("throws on non-ok response", async () => {
+      global.fetch = vi.fn().mockResolvedValue({ ok: false, status: 502 });
+
+      await expect(fetchVersionLocalizations("app-1", "ver-1", "acc-1"))
+        .rejects.toThrow("Failed to fetch version localizations: 502");
+    });
+  });
+
+  describe("createVersionLocalization", () => {
+    it("sends POST with locale and fields", async () => {
+      global.fetch = vi.fn().mockResolvedValue({
+        ok: true,
+        json: () => Promise.resolve(MOCK_LOC),
+      });
+
+      const result = await createVersionLocalization("app-1", "ver-1", {
+        accountId: "acc-1",
+        locale: "en-US",
+        description: "Test",
+      });
+
+      expect(result).toEqual(MOCK_LOC);
+      const [url, opts] = global.fetch.mock.calls[0];
+      expect(url).toBe("/api/apps/app-1/versions/ver-1/localizations");
+      expect(opts.method).toBe("POST");
+      const body = JSON.parse(opts.body);
+      expect(body.accountId).toBe("acc-1");
+      expect(body.locale).toBe("en-US");
+      expect(body.description).toBe("Test");
+    });
+
+    it("throws with server error message on failure", async () => {
+      global.fetch = vi.fn().mockResolvedValue({
+        ok: false,
+        status: 400,
+        json: () => Promise.resolve({ error: "Invalid locale" }),
+      });
+
+      await expect(
+        createVersionLocalization("app-1", "ver-1", { accountId: "acc-1", locale: "bad" })
+      ).rejects.toThrow("Invalid locale");
+    });
+
+    it("throws generic message when error body is not JSON", async () => {
+      global.fetch = vi.fn().mockResolvedValue({
+        ok: false,
+        status: 500,
+        json: () => Promise.reject(new Error("not json")),
+      });
+
+      await expect(
+        createVersionLocalization("app-1", "ver-1", { accountId: "acc-1", locale: "en" })
+      ).rejects.toThrow("Failed to create version localization: 500");
+    });
+  });
+
+  describe("updateVersionLocalization", () => {
+    it("sends PATCH with fields", async () => {
+      global.fetch = vi.fn().mockResolvedValue({
+        ok: true,
+        json: () => Promise.resolve(MOCK_LOC),
+      });
+
+      const result = await updateVersionLocalization("app-1", "ver-1", "loc-1", {
+        accountId: "acc-1",
+        description: "Updated",
+        whatsNew: "New stuff",
+      });
+
+      expect(result).toEqual(MOCK_LOC);
+      const [url, opts] = global.fetch.mock.calls[0];
+      expect(url).toBe("/api/apps/app-1/versions/ver-1/localizations/loc-1");
+      expect(opts.method).toBe("PATCH");
+      const body = JSON.parse(opts.body);
+      expect(body.accountId).toBe("acc-1");
+      expect(body.description).toBe("Updated");
+      expect(body.whatsNew).toBe("New stuff");
+    });
+
+    it("throws with server error on failure", async () => {
+      global.fetch = vi.fn().mockResolvedValue({
+        ok: false,
+        status: 502,
+        json: () => Promise.resolve({ error: "ASC error" }),
+      });
+
+      await expect(
+        updateVersionLocalization("app-1", "ver-1", "loc-1", { accountId: "acc-1" })
+      ).rejects.toThrow("ASC error");
+    });
+  });
+
+  describe("deleteVersionLocalization", () => {
+    it("sends DELETE with accountId as query param", async () => {
+      global.fetch = vi.fn().mockResolvedValue({
+        ok: true,
+        json: () => Promise.resolve({ success: true }),
+      });
+
+      const result = await deleteVersionLocalization("app-1", "ver-1", "loc-1", "acc-1");
+
+      expect(result).toEqual({ success: true });
+      const [url, opts] = global.fetch.mock.calls[0];
+      expect(url).toBe("/api/apps/app-1/versions/ver-1/localizations/loc-1?accountId=acc-1");
+      expect(opts.method).toBe("DELETE");
+    });
+
+    it("throws with server error on failure", async () => {
+      global.fetch = vi.fn().mockResolvedValue({
+        ok: false,
+        status: 502,
+        json: () => Promise.resolve({ error: "Cannot delete primary locale" }),
+      });
+
+      await expect(
+        deleteVersionLocalization("app-1", "ver-1", "loc-1", "acc-1")
+      ).rejects.toThrow("Cannot delete primary locale");
+    });
+  });
+});
diff --git a/tests/components/VersionLocalizationsSection.test.jsx b/tests/components/VersionLocalizationsSection.test.jsx
new file mode 100644
index 0000000..d609fdb
--- /dev/null
+++ b/tests/components/VersionLocalizationsSection.test.jsx
@@ -0,0 +1,343 @@
+import { describe, it, expect, vi, beforeEach } from "vitest";
+import { render, screen, waitFor, within } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import VersionLocalizationsSection from "../../src/components/VersionLocalizationsSection.jsx";
+
+vi.mock("../../src/api/index.js", () => ({
+  fetchVersionLocalizations: vi.fn(),
+  createVersionLocalization: vi.fn(),
+  updateVersionLocalization: vi.fn(),
+  deleteVersionLocalization: vi.fn(),
+}));
+
+import {
+  fetchVersionLocalizations,
+  createVersionLocalization,
+  updateVersionLocalization,
+  deleteVersionLocalization,
+} from "../../src/api/index.js";
+
+const MOCK_LOCS = [
+  {
+    id: "loc-1",
+    locale: "en-US",
+    description: "English description",
+    whatsNew: "Bug fixes",
+    keywords: "test,app",
+    promotionalText: "Try now",
+    supportUrl: "https://support.example.com",
+    marketingUrl: "https://example.com",
+  },
+  {
+    id: "loc-2",
+    locale: "ja",
+    description: "Japanese description",
+    whatsNew: "",
+    keywords: "",
+    promotionalText: "",
+    supportUrl: "",
+    marketingUrl: "",
+  },
+];
+
+const DEFAULT_PROPS = {
+  appId: "app-1",
+  versionId: "ver-1",
+  accountId: "acc-1",
+  isMobile: false,
+};
+
+describe("VersionLocalizationsSection", () => {
+  let user;
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+    user = userEvent.setup();
+    fetchVersionLocalizations.mockResolvedValue(MOCK_LOCS);
+  });
+
+  it("renders collapsed by default", () => {
+    render(<VersionLocalizationsSection {...DEFAULT_PROPS} />);
+
+    expect(screen.getByText("Localizations")).toBeInTheDocument();
+    expect(screen.queryByText("en-US")).not.toBeInTheDocument();
+    expect(fetchVersionLocalizations).not.toHaveBeenCalled();
+  });
+
+  it("fetches and displays localizations when expanded", async () => {
+    render(<VersionLocalizationsSection {...DEFAULT_PROPS} />);
+
+    await user.click(screen.getByText("Localizations"));
+
+    await waitFor(() => {
+      expect(screen.getByText("en-US")).toBeInTheDocument();
+      expect(screen.getByText("ja")).toBeInTheDocument();
+    });
+
+    expect(fetchVersionLocalizations).toHaveBeenCalledWith("app-1", "ver-1", "acc-1");
+  });
+
+  it("shows loading state while fetching", async () => {
+    let resolvePromise;
+    fetchVersionLocalizations.mockReturnValue(
+      new Promise((resolve) => { resolvePromise = resolve; })
+    );
+
+    render(<VersionLocalizationsSection {...DEFAULT_PROPS} />);
+    await user.click(screen.getByText("Localizations"));
+
+    expect(screen.getByText("Loading localizations...")).toBeInTheDocument();
+
+    resolvePromise(MOCK_LOCS);
+    await waitFor(() => {
+      expect(screen.queryByText("Loading localizations...")).not.toBeInTheDocument();
+    });
+  });
+
+  it("shows error state on fetch failure", async () => {
+    fetchVersionLocalizations.mockRejectedValue(new Error("Network error"));
+
+    render(<VersionLocalizationsSection {...DEFAULT_PROPS} />);
+    await user.click(screen.getByText("Localizations"));
+
+    await waitFor(() => {
+      expect(screen.getByText("Failed to load localizations")).toBeInTheDocument();
+      expect(screen.getByText("Network error")).toBeInTheDocument();
+    });
+  });
+
+  it("shows empty state when no localizations exist", async () => {
+    fetchVersionLocalizations.mockResolvedValue([]);
+
+    render(<VersionLocalizationsSection {...DEFAULT_PROPS} />);
+    await user.click(screen.getByText("Localizations"));
+
+    await waitFor(() => {
+      expect(screen.getByText("No localizations yet")).toBeInTheDocument();
+    });
+  });
+
+  it("displays count badge after loading", async () => {
+    render(<VersionLocalizationsSection {...DEFAULT_PROPS} />);
+    await user.click(screen.getByText("Localizations"));
+
+    await waitFor(() => {
+      expect(screen.getByText("2")).toBeInTheDocument();
+    });
+  });
+
+  it("shows truncated description in collapsed locale row", async () => {
+    render(<VersionLocalizationsSection {...DEFAULT_PROPS} />);
+    await user.click(screen.getByText("Localizations"));
+
+    await waitFor(() => {
+      expect(screen.getByText("English description")).toBeInTheDocument();
+    });
+  });
+
+  describe("Edit mode", () => {
+    async function expandAndWait() {
+      render(<VersionLocalizationsSection {...DEFAULT_PROPS} />);
+      await user.click(screen.getByText("Localizations"));
+      await waitFor(() => expect(screen.getByText("en-US")).toBeInTheDocument());
+    }
+
+    it("enters edit mode when Edit is clicked", async () => {
+      await expandAndWait();
+
+      const editButtons = screen.getAllByText("Edit");
+      await user.click(editButtons[0]);
+
+      expect(screen.getByDisplayValue("English description")).toBeInTheDocument();
+      expect(screen.getByDisplayValue("Bug fixes")).toBeInTheDocument();
+      expect(screen.getByDisplayValue("test,app")).toBeInTheDocument();
+      expect(screen.getByDisplayValue("Try now")).toBeInTheDocument();
+      expect(screen.getByDisplayValue("https://support.example.com")).toBeInTheDocument();
+      expect(screen.getByDisplayValue("https://example.com")).toBeInTheDocument();
+    });
+
+    it("cancels edit mode", async () => {
+      await expandAndWait();
+
+      await user.click(screen.getAllByText("Edit")[0]);
+      expect(screen.getByDisplayValue("English description")).toBeInTheDocument();
+
+      await user.click(screen.getByText("Cancel"));
+      expect(screen.queryByDisplayValue("English description")).not.toBeInTheDocument();
+    });
+
+    it("saves changes and updates the list", async () => {
+      updateVersionLocalization.mockResolvedValue({
+        ...MOCK_LOCS[0],
+        description: "Updated description",
+      });
+
+      await expandAndWait();
+      await user.click(screen.getAllByText("Edit")[0]);
+
+      const descField = screen.getByDisplayValue("English description");
+      await user.clear(descField);
+      await user.type(descField, "Updated description");
+
+      await user.click(screen.getByText("Save"));
+
+      await waitFor(() => {
+        expect(updateVersionLocalization).toHaveBeenCalledWith(
+          "app-1", "ver-1", "loc-1",
+          expect.objectContaining({
+            accountId: "acc-1",
+            description: "Updated description",
+          })
+        );
+      });
+
+      await waitFor(() => {
+        expect(screen.getByText("Updated description")).toBeInTheDocument();
+      });
+    });
+
+    it("shows error when save fails", async () => {
+      updateVersionLocalization.mockRejectedValue(new Error("Save failed"));
+
+      await expandAndWait();
+      await user.click(screen.getAllByText("Edit")[0]);
+      await user.click(screen.getByText("Save"));
+
+      await waitFor(() => {
+        expect(screen.getByText("Save failed")).toBeInTheDocument();
+      });
+    });
+  });
+
+  describe("Delete", () => {
+    it("deletes a localization and removes it from the list", async () => {
+      deleteVersionLocalization.mockResolvedValue({ success: true });
+
+      render(<VersionLocalizationsSection {...DEFAULT_PROPS} />);
+      await user.click(screen.getByText("Localizations"));
+      await waitFor(() => expect(screen.getByText("en-US")).toBeInTheDocument());
+
+      const deleteButtons = screen.getAllByText("Delete");
+      await user.click(deleteButtons[0]);
+
+      await waitFor(() => {
+        expect(deleteVersionLocalization).toHaveBeenCalledWith("app-1", "ver-1", "loc-1", "acc-1");
+      });
+
+      await waitFor(() => {
+        expect(screen.queryByText("English description")).not.toBeInTheDocument();
+        expect(screen.getByText("ja")).toBeInTheDocument();
+      });
+    });
+
+    it("shows error when delete fails", async () => {
+      deleteVersionLocalization.mockRejectedValue(new Error("Cannot delete primary"));
+
+      render(<VersionLocalizationsSection {...DEFAULT_PROPS} />);
+      await user.click(screen.getByText("Localizations"));
+      await waitFor(() => expect(screen.getByText("en-US")).toBeInTheDocument());
+
+      await user.click(screen.getAllByText("Delete")[0]);
+
+      await waitFor(() => {
+        expect(screen.getByText("Cannot delete primary")).toBeInTheDocument();
+      });
+    });
+  });
+
+  describe("Add localization", () => {
+    it("creates a new localization and appends to the list", async () => {
+      const newLoc = {
+        id: "loc-3",
+        locale: "de",
+        description: "German desc",
+        whatsNew: "",
+        keywords: "",
+        promotionalText: "",
+        supportUrl: "",
+        marketingUrl: "",
+      };
+      createVersionLocalization.mockResolvedValue(newLoc);
+
+      render(<VersionLocalizationsSection {...DEFAULT_PROPS} />);
+      await user.click(screen.getByText("Localizations"));
+      await waitFor(() => expect(screen.getByText("en-US")).toBeInTheDocument());
+
+      const localeInput = screen.getByPlaceholderText("e.g. en-US, ja, de");
+      await user.type(localeInput, "de");
+
+      const descFields = screen.getAllByPlaceholderText("Description");
+      const addDescField = descFields[descFields.length - 1];
+      await user.type(addDescField, "German desc");
+
+      await user.click(screen.getByText("Add Localization"));
+
+      await waitFor(() => {
+        expect(createVersionLocalization).toHaveBeenCalledWith(
+          "app-1", "ver-1",
+          expect.objectContaining({
+            accountId: "acc-1",
+            locale: "de",
+            description: "German desc",
+          })
+        );
+      });
+
+      await waitFor(() => {
+        expect(screen.getByText("de")).toBeInTheDocument();
+      });
+    });
+
+    it("disables Add button when locale is empty", async () => {
+      render(<VersionLocalizationsSection {...DEFAULT_PROPS} />);
+      await user.click(screen.getByText("Localizations"));
+      await waitFor(() => expect(screen.getByText("en-US")).toBeInTheDocument());
+
+      expect(screen.getByText("Add Localization")).toBeDisabled();
+    });
+
+    it("clears form after successful add", async () => {
+      createVersionLocalization.mockResolvedValue({
+        id: "loc-3", locale: "fr", description: "", whatsNew: "",
+        keywords: "", promotionalText: "", supportUrl: "", marketingUrl: "",
+      });
+
+      render(<VersionLocalizationsSection {...DEFAULT_PROPS} />);
+      await user.click(screen.getByText("Localizations"));
+      await waitFor(() => expect(screen.getByText("en-US")).toBeInTheDocument());
+
+      const localeInput = screen.getByPlaceholderText("e.g. en-US, ja, de");
+      await user.type(localeInput, "fr");
+      await user.click(screen.getByText("Add Localization"));
+
+      await waitFor(() => {
+        expect(localeInput).toHaveValue("");
+      });
+    });
+
+    it("shows error when add fails", async () => {
+      createVersionLocalization.mockRejectedValue(new Error("Duplicate locale"));
+
+      render(<VersionLocalizationsSection {...DEFAULT_PROPS} />);
+      await user.click(screen.getByText("Localizations"));
+      await waitFor(() => expect(screen.getByText("en-US")).toBeInTheDocument());
+
+      const localeInput = screen.getByPlaceholderText("e.g. en-US, ja, de");
+      await user.type(localeInput, "en-US");
+      await user.click(screen.getByText("Add Localization"));
+
+      await waitFor(() => {
+        expect(screen.getByText("Duplicate locale")).toBeInTheDocument();
+      });
+    });
+  });
+
+  it("collapses when clicking the header again", async () => {
+    render(<VersionLocalizationsSection {...DEFAULT_PROPS} />);
+    await user.click(screen.getByText("Localizations"));
+    await waitFor(() => expect(screen.getByText("en-US")).toBeInTheDocument());
+
+    await user.click(screen.getByText("Localizations"));
+    expect(screen.queryByText("en-US")).not.toBeInTheDocument();
+  });
+});
diff --git a/tests/server/version-localizations.test.js b/tests/server/version-localizations.test.js
new file mode 100644
index 0000000..2b547eb
--- /dev/null
+++ b/tests/server/version-localizations.test.js
@@ -0,0 +1,312 @@
+import { describe, it, expect, vi, beforeEach } from "vitest";
+import express from "express";
+import request from "supertest";
+
+// Mock dependencies before importing the router
+vi.mock("../../server/lib/account-store.js", () => ({
+  getAccounts: vi.fn(() => [
+    { id: "acc-1", name: "Test Account" },
+  ]),
+}));
+
+vi.mock("../../server/lib/asc-client.js", () => ({
+  ascFetch: vi.fn(),
+}));
+
+vi.mock("../../server/lib/cache.js", () => {
+  const store = new Map();
+  return {
+    apiCache: {
+      get: vi.fn((key) => store.get(key)),
+      set: vi.fn((key, val) => store.set(key, val)),
+      delete: vi.fn((key) => store.delete(key)),
+      deleteByPrefix: vi.fn((prefix) => {
+        for (const key of store.keys()) {
+          if (key.startsWith(prefix)) store.delete(key);
+        }
+      }),
+      _store: store,
+    },
+  };
+});
+
+import appsRouter from "../../server/routes/apps.js";
+import { ascFetch } from "../../server/lib/asc-client.js";
+import { apiCache } from "../../server/lib/cache.js";
+
+function createApp() {
+  const app = express();
+  app.use(express.json());
+  app.use("/api/apps", appsRouter);
+  return app;
+}
+
+const MOCK_ASC_LOC = {
+  id: "loc-1",
+  type: "appStoreVersionLocalizations",
+  attributes: {
+    locale: "en-US",
+    description: "Test description",
+    whatsNew: "Bug fixes",
+    keywords: "test,app",
+    promotionalText: "Try it now",
+    supportUrl: "https://support.example.com",
+    marketingUrl: "https://example.com",
+  },
+};
+
+const NORMALIZED_LOC = {
+  id: "loc-1",
+  locale: "en-US",
+  description: "Test description",
+  whatsNew: "Bug fixes",
+  keywords: "test,app",
+  promotionalText: "Try it now",
+  supportUrl: "https://support.example.com",
+  marketingUrl: "https://example.com",
+};
+
+describe("Version Localizations Routes", () => {
+  let app;
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+    apiCache._store.clear();
+    app = createApp();
+  });
+
+  describe("GET /:appId/versions/:versionId/localizations", () => {
+    it("returns normalized localizations from ASC API", async () => {
+      ascFetch.mockResolvedValue({ data: [MOCK_ASC_LOC] });
+
+      const res = await request(app)
+        .get("/api/apps/app-1/versions/ver-1/localizations?accountId=acc-1");
+
+      expect(res.status).toBe(200);
+      expect(res.body).toEqual([NORMALIZED_LOC]);
+      expect(ascFetch).toHaveBeenCalledWith(
+        { id: "acc-1", name: "Test Account" },
+        expect.stringContaining("/v1/appStoreVersions/ver-1/appStoreVersionLocalizations")
+      );
+    });
+
+    it("returns cached data when available", async () => {
+      apiCache._store.set("apps:version-locs:ver-1:acc-1", [NORMALIZED_LOC]);
+
+      const res = await request(app)
+        .get("/api/apps/app-1/versions/ver-1/localizations?accountId=acc-1");
+
+      expect(res.status).toBe(200);
+      expect(res.body).toEqual([NORMALIZED_LOC]);
+      expect(ascFetch).not.toHaveBeenCalled();
+    });
+
+    it("returns 502 on ASC API failure", async () => {
+      ascFetch.mockRejectedValue(new Error("API down"));
+
+      const res = await request(app)
+        .get("/api/apps/app-1/versions/ver-1/localizations?accountId=acc-1");
+
+      expect(res.status).toBe(502);
+      expect(res.body.error).toBe("API down");
+    });
+
+    it("handles empty data array", async () => {
+      ascFetch.mockResolvedValue({ data: [] });
+
+      const res = await request(app)
+        .get("/api/apps/app-1/versions/ver-1/localizations?accountId=acc-1");
+
+      expect(res.status).toBe(200);
+      expect(res.body).toEqual([]);
+    });
+  });
+
+  describe("POST /:appId/versions/:versionId/localizations", () => {
+    it("creates a localization and returns normalized result", async () => {
+      ascFetch.mockResolvedValue({ data: MOCK_ASC_LOC });
+
+      const res = await request(app)
+        .post("/api/apps/app-1/versions/ver-1/localizations")
+        .send({ accountId: "acc-1", locale: "en-US", description: "Test description" });
+
+      expect(res.status).toBe(200);
+      expect(res.body).toEqual(NORMALIZED_LOC);
+      expect(ascFetch).toHaveBeenCalledWith(
+        { id: "acc-1", name: "Test Account" },
+        "/v1/appStoreVersionLocalizations",
+        expect.objectContaining({
+          method: "POST",
+          body: {
+            data: {
+              type: "appStoreVersionLocalizations",
+              attributes: { locale: "en-US", description: "Test description" },
+              relationships: {
+                appStoreVersion: { data: { type: "appStoreVersions", id: "ver-1" } },
+              },
+            },
+          },
+        })
+      );
+    });
+
+    it("returns 400 when locale is missing", async () => {
+      const res = await request(app)
+        .post("/api/apps/app-1/versions/ver-1/localizations")
+        .send({ accountId: "acc-1" });
+
+      expect(res.status).toBe(400);
+      expect(res.body.error).toMatch(/locale/i);
+    });
+
+    it("returns 400 when accountId is missing", async () => {
+      const res = await request(app)
+        .post("/api/apps/app-1/versions/ver-1/localizations")
+        .send({ locale: "en-US" });
+
+      expect(res.status).toBe(400);
+    });
+
+    it("returns 400 for unknown account", async () => {
+      const res = await request(app)
+        .post("/api/apps/app-1/versions/ver-1/localizations")
+        .send({ accountId: "nonexistent", locale: "en-US" });
+
+      expect(res.status).toBe(400);
+      expect(res.body.error).toBe("Account not found");
+    });
+
+    it("invalidates cache on success", async () => {
+      ascFetch.mockResolvedValue({ data: MOCK_ASC_LOC });
+      apiCache._store.set("apps:version-locs:ver-1:acc-1", []);
+
+      await request(app)
+        .post("/api/apps/app-1/versions/ver-1/localizations")
+        .send({ accountId: "acc-1", locale: "en-US" });
+
+      expect(apiCache.deleteByPrefix).toHaveBeenCalledWith("apps:version-locs:ver-1:");
+    });
+
+    it("only includes defined optional fields in attributes", async () => {
+      ascFetch.mockResolvedValue({ data: MOCK_ASC_LOC });
+
+      await request(app)
+        .post("/api/apps/app-1/versions/ver-1/localizations")
+        .send({ accountId: "acc-1", locale: "ja", whatsNew: "New stuff" });
+
+      const callArgs = ascFetch.mock.calls[0][2];
+      const attributes = callArgs.body.data.attributes;
+      expect(attributes).toEqual({ locale: "ja", whatsNew: "New stuff" });
+      expect(attributes).not.toHaveProperty("description");
+      expect(attributes).not.toHaveProperty("keywords");
+    });
+  });
+
+  describe("PATCH /:appId/versions/:versionId/localizations/:locId", () => {
+    it("updates a localization with sparse fields", async () => {
+      ascFetch.mockResolvedValue({ data: MOCK_ASC_LOC });
+
+      const res = await request(app)
+        .patch("/api/apps/app-1/versions/ver-1/localizations/loc-1")
+        .send({ accountId: "acc-1", description: "Updated desc" });
+
+      expect(res.status).toBe(200);
+      expect(res.body).toEqual(NORMALIZED_LOC);
+      expect(ascFetch).toHaveBeenCalledWith(
+        { id: "acc-1", name: "Test Account" },
+        "/v1/appStoreVersionLocalizations/loc-1",
+        expect.objectContaining({
+          method: "PATCH",
+          body: {
+            data: {
+              type: "appStoreVersionLocalizations",
+              id: "loc-1",
+              attributes: { description: "Updated desc" },
+            },
+          },
+        })
+      );
+    });
+
+    it("returns 400 when accountId is missing", async () => {
+      const res = await request(app)
+        .patch("/api/apps/app-1/versions/ver-1/localizations/loc-1")
+        .send({ description: "test" });
+
+      expect(res.status).toBe(400);
+      expect(res.body.error).toBe("accountId is required");
+    });
+
+    it("invalidates cache on success", async () => {
+      ascFetch.mockResolvedValue({ data: MOCK_ASC_LOC });
+
+      await request(app)
+        .patch("/api/apps/app-1/versions/ver-1/localizations/loc-1")
+        .send({ accountId: "acc-1", whatsNew: "Fixed bugs" });
+
+      expect(apiCache.deleteByPrefix).toHaveBeenCalledWith("apps:version-locs:ver-1:");
+    });
+
+    it("handles all 6 fields in a single update", async () => {
+      ascFetch.mockResolvedValue({ data: MOCK_ASC_LOC });
+
+      await request(app)
+        .patch("/api/apps/app-1/versions/ver-1/localizations/loc-1")
+        .send({
+          accountId: "acc-1",
+          description: "d",
+          whatsNew: "w",
+          keywords: "k",
+          promotionalText: "p",
+          supportUrl: "s",
+          marketingUrl: "m",
+        });
+
+      const attributes = ascFetch.mock.calls[0][2].body.data.attributes;
+      expect(attributes).toEqual({
+        description: "d",
+        whatsNew: "w",
+        keywords: "k",
+        promotionalText: "p",
+        supportUrl: "s",
+        marketingUrl: "m",
+      });
+    });
+  });
+
+  describe("DELETE /:appId/versions/:versionId/localizations/:locId", () => {
+    it("deletes a localization", async () => {
+      ascFetch.mockResolvedValue({});
+
+      const res = await request(app)
+        .delete("/api/apps/app-1/versions/ver-1/localizations/loc-1?accountId=acc-1");
+
+      expect(res.status).toBe(200);
+      expect(res.body).toEqual({ success: true });
+      expect(ascFetch).toHaveBeenCalledWith(
+        { id: "acc-1", name: "Test Account" },
+        "/v1/appStoreVersionLocalizations/loc-1",
+        { method: "DELETE" }
+      );
+    });
+
+    it("invalidates cache on success", async () => {
+      ascFetch.mockResolvedValue({});
+
+      await request(app)
+        .delete("/api/apps/app-1/versions/ver-1/localizations/loc-1?accountId=acc-1");
+
+      expect(apiCache.deleteByPrefix).toHaveBeenCalledWith("apps:version-locs:ver-1:");
+    });
+
+    it("returns 502 on ASC API failure", async () => {
+      ascFetch.mockRejectedValue(new Error("Delete failed"));
+
+      const res = await request(app)
+        .delete("/api/apps/app-1/versions/ver-1/localizations/loc-1?accountId=acc-1");
+
+      expect(res.status).toBe(502);
+      expect(res.body.error).toBe("Delete failed");
+    });
+  });
+});
diff --git a/tests/setup.js b/tests/setup.js
new file mode 100644
index 0000000..f149f27
--- /dev/null
+++ b/tests/setup.js
@@ -0,0 +1 @@
+import "@testing-library/jest-dom/vitest";
diff --git a/vite.config.js b/vite.config.js
index c2d3ae4..805e162 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -9,6 +9,11 @@ export default defineConfig(({ mode }) => {
   return {
     plugins: [react(), tailwindcss()],
     appType: "spa",
+    test: {
+      environment: "jsdom",
+      globals: true,
+      setupFiles: ["./tests/setup.js"],
+    },
     server: {
       port: parseInt(env.PORT || "5173"),
       proxy: {