feat: add licensing and access controls

web/src/pages/APIConfigsPage.tsx

@@ -3,6 +3,7 @@ import toast from 'react-hot-toast'
 import { Eye, KeyRound, Save, Trash2 } from 'lucide-react'
 
 import { apiConfigsAPI, type APIConfig } from '../api/api_configs'
+import { confirmAction } from '../components/ConfirmDialog'
 
 // APIConfigsPage manages third-party API keys (TMDb / Bangumi / TheTVDB /
 // Fanart / OpenAI / Douban). Plaintext keys are never returned by the
@@ -78,7 +79,7 @@ function ProviderCard({ item, onUpdated }: { item: APIConfig; onUpdated: () => v
   }
 
   const removeKey = async () => {
-    if (!confirm(`确定清除 ${item.provider} 的 API Key?`)) return
+    if (!(await confirmAction({ title: '清除 API Key', message: `确定清除 ${item.provider} 的 API Key?`, confirmText: '清除' }))) return
     await apiConfigsAPI.remove(item.provider)
     toast.success('已清除')
     onUpdated()