(0);
+ const [isPruning, setIsPruning] = useState(false);
+
+ // Load storage size on mount
+ useEffect(() => {
+ const loadStorageSize = async () => {
+ try {
+ const size = await backupService.getBackupStorageSize();
+ setStorageSize(size);
+ } catch (error) {
+ console.error('Failed to load backup storage size:', error);
+ }
+ };
+
+ loadStorageSize();
+ }, []);
+
+ const formatSize = (bytes: number) => {
+ const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+ if (bytes === 0) return '0 Bytes';
+ const i = Math.floor(Math.log(bytes) / Math.log(1024));
+ return Math.round(bytes / Math.pow(1024, i) * 100) / 100 + ' ' + sizes[i];
+ };
+
+ const handleToggleBackup = (enabled: boolean) => {
+ setConfig({
+ ...config,
+ backup: {
+ ...backupConfig,
+ enabled
+ }
+ });
+ };
+
+ const handleRetentionDaysChange = (value: string) => {
+ const retentionDays = parseInt(value) || 0;
+ setConfig({
+ ...config,
+ backup: {
+ ...backupConfig,
+ retentionDays
+ }
+ });
+ };
+
+ const handleMaxBackupsChange = (value: string) => {
+ const maxBackupsPerType = parseInt(value) || 0;
+ setConfig({
+ ...config,
+ backup: {
+ ...backupConfig,
+ maxBackupsPerType
+ }
+ });
+ };
+
+ const handleAutoPruneToggle = (autoPruneOnStartup: boolean) => {
+ setConfig({
+ ...config,
+ backup: {
+ ...backupConfig,
+ autoPruneOnStartup
+ }
+ });
+ };
+
+ const handlePruneNow = async () => {
+ try {
+ setIsPruning(true);
+ const deletedCount = await backupService.pruneOldBackups(config.backup?.retentionDays || 30);
+
+ // Refresh storage size
+ const newSize = await backupService.getBackupStorageSize();
+ setStorageSize(newSize);
+
+ console.log(`Pruned ${deletedCount} old backups`);
+ } catch (error) {
+ console.error('Failed to prune backups:', error);
+ } finally {
+ setIsPruning(false);
+ }
+ };
+
+ // Ensure backup config exists
+ const backupConfig = config.backup || {
+ enabled: true,
+ retentionDays: 30,
+ maxBackupsPerType: 10,
+ autoPruneOnStartup: false
+ };
+
+ return (
+
+
+
+
+ {t('settings.backup.title', 'Backup Settings')}
+
+
+ {t('settings.backup.description', 'Configure automatic backup of translation files')}
+
+
+
+ {/* Enable Backup */}
+
+
+
+
+ {t('settings.backup.enabledDescription', 'Create backups before overwriting translation files')}
+
+
+
+
+
+
+ handleRetentionDaysChange(e.target.value)}
+ className="w-32"
+ disabled={!backupConfig.enabled}
+ />
+
+ {backupConfig.retentionDays === 0
+ ? t('settings.backup.keepForever', 'Keep forever')
+ : t('settings.backup.days', 'days')
+ }
+
+
+
+ {t('settings.backup.retentionDescription', 'Backups older than this will be automatically deleted. Set to 0 to keep forever.')}
+
+
+
+
+ handleMaxBackupsChange(e.target.value)}
+ className="w-32"
+ disabled={!backupConfig.enabled}
+ />
+
+ {backupConfig.maxBackupsPerType === 0
+ ? t('settings.backup.unlimited', 'Unlimited')
+ : t('settings.backup.backups', 'backups')
+ }
+
+
+
+ {t('settings.backup.maxBackupsDescription', 'Maximum number of backups to keep for each translation type. Set to 0 for unlimited.')}
+
+
+
+
+
+ {t('settings.backup.autoPruneDescription', 'Automatically delete old backups when the application starts')}
+
+
+
+
+
+
+
+
+ {t('settings.backup.storageUsed', 'Storage Used')}
+
+
+
+ {formatSize(storageSize)}
+
+
+
+
+
+
+
+
+
{
+ config.llm.temperature = parseFloat(e.target.value);
+ setConfig({ ...config });
+ }}
+ placeholder={DEFAULT_API_CONFIG.temperature.toString()}
+ min="0"
+ max="2"
+ step="0.1"
+ />
+
+ {t('settings.temperatureHint')}
+
+
-
+