diff --git a/webui/package-lock.json b/webui/package-lock.json
index 55ac557..63f1eed 100644
--- a/webui/package-lock.json
+++ b/webui/package-lock.json
@@ -13,7 +13,8 @@
                 "react": "^18.2.0",
                 "react-dom": "^18.2.0",
                 "react-router-dom": "^7.13.0",
-                "tailwind-merge": "^3.4.0"
+                "tailwind-merge": "^3.4.0",
+                "uuid": "^14.0.0"
             },
             "devDependencies": {
                 "@vitejs/plugin-react": "^6.0.1",
@@ -2021,6 +2022,19 @@
             "dev": true,
             "license": "MIT"
         },
+        "node_modules/uuid": {
+            "version": "14.0.0",
+            "resolved": "https://registry.npmjs.org/uuid/-/uuid-14.0.0.tgz",
+            "integrity": "sha512-Qo+uWgilfSmAhXCMav1uYFynlQO7fMFiMVZsQqZRMIXp0O7rR7qjkj+cPvBHLgBqi960QCoo/PH2/6ZtVqKvrg==",
+            "funding": [
+                "https://github.com/sponsors/broofa",
+                "https://github.com/sponsors/ctavan"
+            ],
+            "license": "MIT",
+            "bin": {
+                "uuid": "dist-node/bin/uuid"
+            }
+        },
         "node_modules/vite": {
             "version": "8.0.5",
             "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.5.tgz",
diff --git a/webui/package.json b/webui/package.json
index 3f41ca9..bc69afb 100644
--- a/webui/package.json
+++ b/webui/package.json
@@ -14,7 +14,8 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-router-dom": "^7.13.0",
-        "tailwind-merge": "^3.4.0"
+        "tailwind-merge": "^3.4.0",
+        "uuid": "^14.0.0"
     },
     "devDependencies": {
         "@vitejs/plugin-react": "^6.0.1",
diff --git a/webui/src/features/account/AddKeyModal.jsx b/webui/src/features/account/AddKeyModal.jsx
index 875101a..061a1a5 100644
--- a/webui/src/features/account/AddKeyModal.jsx
+++ b/webui/src/features/account/AddKeyModal.jsx
@@ -1,4 +1,5 @@
 import { X } from 'lucide-react'
+import { v4 as uuidv4 } from 'uuid'
 
 export default function AddKeyModal({ show, t, editingKey, newKey, setNewKey, loading, onClose, onAdd }) {
     if (!show) {
@@ -32,7 +33,7 @@ export default function AddKeyModal({ show, t, editingKey, newKey, setNewKey, lo
                             {!isEditing && (
                                 <button
                                     type="button"
-                                    onClick={() => setNewKey({ ...newKey, key: 'sk-' + crypto.randomUUID().replace(/-/g, '') })}
+                                    onClick={() => setNewKey({ ...newKey, key: 'sk-' + uuidv4().replace(/-/g, '') })}
                                     className="px-3 py-2 bg-secondary text-secondary-foreground rounded-lg hover:bg-secondary/80 transition-colors text-sm font-medium border border-border whitespace-nowrap"
                                 >
                                     {t('accountManager.generate')}