feat: Add YubiKey OTP support and management features

- Implemented YubiKey OTP settings management in useAccountSecurityActions hook.
- Added API functions for retrieving, saving, and bootstrapping YubiKey OTP credentials.
- Enhanced authentication flow to support multiple two-factor providers, including YubiKey.
- Updated localization files to include new YubiKey-related strings in English, Spanish, Russian, and Chinese.
- Introduced new styles for YubiKey management UI components.
- Created utility functions for YubiKey OTP validation and credential handling.
This commit is contained in:
shuaiplus
2026-07-04 02:49:46 +08:00
parent c7eb6c663d
commit f63b745d05
27 changed files with 1325 additions and 61 deletions
+36
View File
@@ -745,6 +745,42 @@
font-size: 13px;
}
.yubikey-manage-dialog-body {
@apply mt-3 space-y-4;
}
.settings-plain-steps {
@apply m-0 space-y-1 border-b pb-3 pl-5;
border-color: var(--line);
color: var(--text);
}
.yubikey-input-row {
@apply grid items-center gap-2;
grid-template-columns: minmax(0, 1fr) auto;
}
.yubikey-stored-key {
@apply block min-h-9 rounded-md border border-transparent px-0 py-2 text-sm text-slate-800 dark:text-slate-100;
overflow-wrap: anywhere;
}
.yubikey-remove-btn {
@apply h-9 w-9 p-0;
}
.settings-checkbox-block {
@apply space-y-2;
}
.checkbox-inline {
@apply flex items-center gap-2 text-sm;
}
.checkbox-inline input {
@apply h-4 w-4;
}
.dialog-close-btn {
@apply absolute right-3 top-3 flex h-9 w-9 cursor-pointer items-center justify-center rounded-full border-0 p-0;
background: transparent;