chore: bump frontend version to 1.0.85

feat: add complete translation support for backup admin page
- Add comprehensive backup translation keys to en.json and de.json - Update all backup components to use i18next translations: - BackupManagement.jsx: main page with tab navigation - BackupDashboard.jsx: health status and statistics - BackupConfiguration.jsx: settings and destination configuration - BackupHistory.jsx: backup history table and details - RestoreWizard.jsx: multi-step restore process - Replace all hardcoded strings with translation keys - Support dynamic values with interpolation - Fix Drone CI/CD github-release step: - Write release.json to /tmp to avoid permission issues - Use quoted heredoc to prevent shell interpretation errors - Replace placeholders with actual tag values using sed 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-23 08:19:38 +00:00 · 2025-07-23 10:14:04 +02:00 · 2025-07-23 07:36:39 +00:00 · 2025-07-23 09:35:36 +02:00 · 2025-07-23 09:30:35 +02:00 · 2025-07-23 07:13:22 +00:00
23 changed files with 1345 additions and 524 deletions
@@ -110,50 +110,36 @@ steps:

  # -------- NEW: Create GitHub Release --------
  - name: github-release
-    image: plugins/github-release
-    settings:
-      api_key:
+    image: curlimages/curl:latest
+    when:
+      event: tag
+    environment:
+      GITHUB_TOKEN:
        from_secret: GITHUB_TOKEN
-      base_url: https://api.github.com/
-      upload_url: https://uploads.github.com/
-      repo: the-luap/picpeak
-      owner: the-luap
-      title: "PicPeak ${DRONE_TAG}"
-      note: |
-        # PicPeak ${DRONE_TAG}
+    commands:
+      - |
+        # Create release payload in /tmp to avoid permission issues
+        cat > /tmp/release.json <<'RELEASE_EOF'
+        {
+          "tag_name": "DRONE_TAG_PLACEHOLDER",
+          "target_commitish": "main",
+          "name": "PicPeak DRONE_TAG_PLACEHOLDER",
+          "body": "# PicPeak DRONE_TAG_PLACEHOLDER\n\n## 🐳 Docker Images\n\nThis release includes Docker images published to GitHub Container Registry:\n\n```bash\n# Backend\ndocker pull ghcr.io/the-luap/picpeak-backend:DRONE_TAG_PLACEHOLDER\ndocker pull ghcr.io/the-luap/picpeak-backend:latest\n\n# Frontend\ndocker pull ghcr.io/the-luap/picpeak-frontend:DRONE_TAG_PLACEHOLDER\ndocker pull ghcr.io/the-luap/picpeak-frontend:latest\n```\n\n## 📦 What's New\n\nSee the [README](https://github.com/the-luap/picpeak#readme) for features and documentation.\n\n## 🚀 Quick Start\n\n```bash\n# Clone and deploy\ngit clone https://github.com/the-luap/picpeak.git\ncd picpeak\n\n# Use the tagged version\ndocker-compose -f docker-compose.prod.yml up -d\n```\n\n---\n\nFor detailed deployment instructions, see the [Deployment Guide](https://github.com/the-luap/picpeak/blob/main/DEPLOYMENT.md).",
+          "draft": false,
+          "prerelease": false
+        }
+        RELEASE_EOF
        
-        ## 🐳 Docker Images
+        # Replace placeholders with actual tag
+        sed -i "s/DRONE_TAG_PLACEHOLDER/${DRONE_TAG}/g" /tmp/release.json
        
-        This release includes Docker images published to GitHub Container Registry:
-        
-        ```bash
-        # Backend
-        docker pull ghcr.io/the-luap/picpeak-backend:${DRONE_TAG}
-        docker pull ghcr.io/the-luap/picpeak-backend:latest
-        
-        # Frontend
-        docker pull ghcr.io/the-luap/picpeak-frontend:${DRONE_TAG}
-        docker pull ghcr.io/the-luap/picpeak-frontend:latest
-        ```
-        
-        ## 📦 What's New
-        
-        See the [README](https://github.com/the-luap/picpeak#readme) for features and documentation.
-        
-        ## 🚀 Quick Start
-        
-        ```bash
-        # Clone and deploy
-        git clone https://github.com/the-luap/picpeak.git
-        cd picpeak
-        
-        # Use the tagged version
-        docker-compose -f docker-compose.prod.yml up -d
-        ```
-        
-        ---
-        
-        For detailed deployment instructions, see the [Deployment Guide](https://github.com/the-luap/picpeak/blob/main/DEPLOYMENT.md).
+        # Create the release on GitHub
+        curl -X POST \
+          -H "Accept: application/vnd.github+json" \
+          -H "Authorization: Bearer ${GITHUB_TOKEN}" \
+          -H "X-GitHub-Api-Version: 2022-11-28" \
+          https://api.github.com/repos/the-luap/picpeak/releases \
+          -d @/tmp/release.json

 trigger:
  event:
@@ -48,6 +48,10 @@ coverage/
 *.tmp
 *.temp

+# Backup and test directories
+backups/
+test-archiver/
+
 # Keep directory structure
 !storage/events/active/.gitkeep
 !storage/events/archived/.gitkeep
@@ -8,8 +8,7 @@ exports.up = async function(knex) {
    await knex('app_settings').insert({
      setting_key: 'general_default_welcome_message',
      setting_value: JSON.stringify('Thank you for using our photo sharing service! We hope you enjoy your photos.'),
-      setting_type: 'general',
-      updated_at: new Date()
+      setting_type: 'general'
    });
  }

@@ -41,8 +41,7 @@ exports.up = async function(knex) {
    
    if (!exists) {
      await knex('app_settings').insert({
-        ...setting,
-        updated_at: knex.fn.now()
+        ...setting
      });
    }
  }
@@ -1,131 +0,0 @@
-exports.up = function(knex) {
-  return knex.schema
-    // Add new settings to app_settings table
-    .table('app_settings', table => {
-      // S3 configuration enhancements
-      table.boolean('backup_s3_force_path_style').defaultTo(false).comment('Force path-style S3 URLs (for MinIO/self-hosted)');
-      table.boolean('backup_s3_ssl_enabled').defaultTo(true).comment('Enable SSL/TLS for S3 connections');
-      table.string('backup_s3_prefix', 255).comment('S3 key prefix for organizing backups');
-      
-      // Backup features
-      table.boolean('backup_incremental').defaultTo(false).comment('Enable incremental backups');
-      table.boolean('backup_include_database').defaultTo(true).comment('Include database dumps in backups');
-      table.boolean('backup_manifest_enabled').defaultTo(true).comment('Generate backup manifests');
-      table.enum('backup_manifest_format', ['json', 'yaml']).defaultTo('json').comment('Manifest file format');
-      table.boolean('backup_encryption_enabled').defaultTo(false).comment('Enable backup encryption');
-      table.string('backup_database_schedule', 100).comment('Separate cron schedule for database-only backups');
-    })
-    
-    // Enhance backup_runs table
-    .table('backup_runs', table => {
-      // Manifest tracking
-      table.string('manifest_path', 500).comment('Path to backup manifest file');
-      table.uuid('manifest_id').comment('Unique identifier for the manifest');
-      table.enum('manifest_format', ['json', 'yaml']).comment('Format of the manifest file');
-      
-      // Incremental backup support
-      table.integer('parent_backup_id').unsigned().references('id').inTable('backup_runs').onDelete('SET NULL').comment('Parent backup for incremental backups');
-      table.enum('backup_mode', ['full', 'incremental', 'database']).defaultTo('full').comment('Type of backup performed');
-      
-      // Add indexes for better query performance
-      table.index(['backup_mode', 'status'], 'idx_backup_runs_mode_status');
-      table.index(['parent_backup_id'], 'idx_backup_runs_parent');
-      table.index(['created_at', 'backup_mode'], 'idx_backup_runs_created_mode');
-    })
-    
-    // Create backup_manifest table for storing detailed manifest metadata
-    .createTable('backup_manifest', table => {
-      table.increments('id').primary();
-      table.integer('backup_run_id').unsigned().notNullable().references('id').inTable('backup_runs').onDelete('CASCADE');
-      table.uuid('manifest_id').notNullable().unique().comment('Unique identifier matching backup_runs.manifest_id');
-      table.string('version', 20).notNullable().defaultTo('1.0.0').comment('Manifest schema version');
-      table.enum('format', ['json', 'yaml']).notNullable().defaultTo('json');
-      
-      // Backup metadata
-      table.timestamp('backup_start').notNullable();
-      table.timestamp('backup_end').notNullable();
-      table.bigInteger('total_size').unsigned().comment('Total size of backup in bytes');
-      table.integer('file_count').unsigned().comment('Number of files in backup');
-      table.integer('photo_count').unsigned().comment('Number of photos backed up');
-      table.integer('event_count').unsigned().comment('Number of events backed up');
-      
-      // Incremental backup metadata
-      table.boolean('is_incremental').defaultTo(false);
-      table.uuid('parent_manifest_id').comment('Parent manifest ID for incremental backups');
-      table.timestamp('incremental_since').comment('Timestamp for incremental backup baseline');
-      
-      // Content checksums
-      table.string('checksum_algorithm', 50).defaultTo('sha256').comment('Algorithm used for checksums');
-      table.text('manifest_checksum').comment('Checksum of the manifest file itself');
-      
-      // Storage information
-      table.string('storage_location', 500).comment('Primary storage location (local path or S3 URI)');
-      table.string('storage_provider', 50).comment('Storage provider (local, s3, etc.)');
-      
-      // Encryption metadata
-      table.boolean('is_encrypted').defaultTo(false);
-      table.string('encryption_algorithm', 100).comment('Encryption algorithm used');
-      table.string('encryption_key_id', 255).comment('ID of encryption key used');
-      
-      // Additional metadata as JSON
-      table.json('metadata').comment('Additional metadata as JSON');
-      
-      // Timestamps
-      table.timestamps(true, true);
-      
-      // Indexes
-      table.index(['backup_run_id'], 'idx_manifest_backup_run');
-      table.index(['manifest_id'], 'idx_manifest_uuid');
-      table.index(['parent_manifest_id'], 'idx_manifest_parent');
-      table.index(['backup_start', 'backup_end'], 'idx_manifest_time_range');
-      table.index(['is_incremental', 'created_at'], 'idx_manifest_incremental_created');
-    })
-    
-    // Add composite indexes for common query patterns
-    .raw(`
-      CREATE INDEX IF NOT EXISTS idx_backup_runs_recent_successful 
-      ON backup_runs(created_at DESC) 
-      WHERE status = 'completed' AND backup_mode = 'full';
-    `)
-    .raw(`
-      CREATE INDEX IF NOT EXISTS idx_backup_runs_incremental_chain 
-      ON backup_runs(parent_backup_id, created_at) 
-      WHERE backup_mode = 'incremental';
-    `);
-};
-
-exports.down = function(knex) {
-  return knex.schema
-    // Drop indexes first
-    .raw('DROP INDEX IF EXISTS idx_backup_runs_incremental_chain;')
-    .raw('DROP INDEX IF EXISTS idx_backup_runs_recent_successful;')
-    
-    // Drop backup_manifest table
-    .dropTableIfExists('backup_manifest')
-    
-    // Remove columns from backup_runs table
-    .table('backup_runs', table => {
-      table.dropIndex(['backup_mode', 'status'], 'idx_backup_runs_mode_status');
-      table.dropIndex(['parent_backup_id'], 'idx_backup_runs_parent');
-      table.dropIndex(['created_at', 'backup_mode'], 'idx_backup_runs_created_mode');
-      
-      table.dropColumn('manifest_path');
-      table.dropColumn('manifest_id');
-      table.dropColumn('manifest_format');
-      table.dropColumn('parent_backup_id');
-      table.dropColumn('backup_mode');
-    })
-    
-    // Remove columns from app_settings table
-    .table('app_settings', table => {
-      table.dropColumn('backup_s3_force_path_style');
-      table.dropColumn('backup_s3_ssl_enabled');
-      table.dropColumn('backup_s3_prefix');
-      table.dropColumn('backup_incremental');
-      table.dropColumn('backup_include_database');
-      table.dropColumn('backup_manifest_enabled');
-      table.dropColumn('backup_manifest_format');
-      table.dropColumn('backup_encryption_enabled');
-      table.dropColumn('backup_database_schedule');
-    });
-};
@@ -1,4 +1,4 @@
-const { formatBoolean, parseBoolean } = require('./helpers');
+// No helpers needed for this migration

 /**
 * Add restore_runs table for tracking restore operations
@@ -30,9 +30,9 @@ exports.up = async function(knex) {
    table.string('pre_restore_backup_path', 500); // Path to pre-restore safety backup
    
    // Flags
-    table.boolean('is_dry_run').defaultTo(formatBoolean(false));
-    table.boolean('was_rollback_attempted').defaultTo(formatBoolean(false));
-    table.boolean('was_successful').defaultTo(formatBoolean(false));
+    table.boolean('is_dry_run').defaultTo(false);
+    table.boolean('was_rollback_attempted').defaultTo(false);
+    table.boolean('was_successful').defaultTo(false);
    
    // Operator information
    table.string('operator_type', 50).defaultTo('manual'); // manual, scheduled, api
@@ -59,7 +59,7 @@ exports.up = async function(knex) {
    
    table.bigInteger('file_size');
    table.string('checksum', 64);
-    table.boolean('checksum_verified').defaultTo(formatBoolean(false));
+    table.boolean('checksum_verified').defaultTo(false);
    
    table.text('error_message');
    table.timestamp('started_at');
@@ -92,60 +92,43 @@ exports.up = async function(knex) {
  await knex('app_settings').insert([
    {
      setting_key: 'restore_allow_force',
-      setting_value: formatBoolean(false),
-      setting_type: 'restore',
-      description: 'Allow force restore with warnings',
-      created_at: knex.fn.now(),
-      updated_at: knex.fn.now()
+      setting_value: JSON.stringify(false),
+      setting_type: 'restore'
    },
    {
      setting_key: 'restore_require_pre_backup',
-      setting_value: formatBoolean(true),
-      setting_type: 'restore',
-      description: 'Require pre-restore backup',
-      created_at: knex.fn.now(),
-      updated_at: knex.fn.now()
+      setting_value: JSON.stringify(true),
+      setting_type: 'restore'
    },
    {
      setting_key: 'restore_max_file_size_mb',
      setting_value: '5000',
-      setting_type: 'restore',
-      description: 'Maximum file size for restore (MB)',
-      created_at: knex.fn.now(),
-      updated_at: knex.fn.now()
+      setting_type: 'restore'
    },
    {
      setting_key: 'restore_verify_checksums',
-      setting_value: formatBoolean(true),
-      setting_type: 'restore',
-      description: 'Verify file checksums during restore',
-      created_at: knex.fn.now(),
-      updated_at: knex.fn.now()
+      setting_value: JSON.stringify(true),
+      setting_type: 'restore'
    },
    {
      setting_key: 'restore_email_on_completion',
-      setting_value: formatBoolean(true),
-      setting_type: 'restore',
-      description: 'Send email on restore completion',
-      created_at: knex.fn.now(),
-      updated_at: knex.fn.now()
+      setting_value: JSON.stringify(true),
+      setting_type: 'restore'
    },
    {
      setting_key: 'restore_retention_days',
      setting_value: '30',
-      setting_type: 'restore',
-      description: 'Days to retain restore history',
-      created_at: knex.fn.now(),
-      updated_at: knex.fn.now()
+      setting_type: 'restore'
    }
  ]);
  
  // Add new email templates for restore notifications
  const emailTemplates = [
    {
-      name: 'restore_completed',
-      subject: '✅ Restore Completed Successfully',
-      body: `<h2>Restore Operation Completed</h2>
+      template_key: 'restore_completed',
+      subject_en: '✅ Restore Completed Successfully',
+      subject_de: '✅ Wiederherstellung erfolgreich abgeschlossen',
+      body_html_en: `<h2>Restore Operation Completed</h2>
 <p>A restore operation has completed successfully.</p>

 <h3>Details:</h3>
@@ -158,36 +141,7 @@ exports.up = async function(knex) {
 </ul>

 <p>Please verify that all systems are functioning correctly after the restore.</p>`,
-      language: 'en',
-      is_active: formatBoolean(true),
-      created_at: knex.fn.now(),
-      updated_at: knex.fn.now()
-    },
-    {
-      name: 'restore_failed',
-      subject: '❌ Restore Operation Failed',
-      body: `<h2>Restore Operation Failed</h2>
-<p>A restore operation has failed and requires attention.</p>
-
-<h3>Details:</h3>
-<ul>
-  <li><strong>Restore Type:</strong> {{restore_type}}</li>
-  <li><strong>Error:</strong> {{error_message}}</li>
-  <li><strong>Timestamp:</strong> {{timestamp}}</li>
-</ul>
-
-<p>Please check the system logs for more details and take appropriate action.</p>
-
-<p><strong>Important:</strong> If a pre-restore backup was created, it may be used for recovery.</p>`,
-      language: 'en',
-      is_active: formatBoolean(true),
-      created_at: knex.fn.now(),
-      updated_at: knex.fn.now()
-    },
-    {
-      name: 'restore_completed',
-      subject: '✅ Wiederherstellung erfolgreich abgeschlossen',
-      body: `<h2>Wiederherstellungsvorgang abgeschlossen</h2>
+      body_html_de: `<h2>Wiederherstellungsvorgang abgeschlossen</h2>
 <p>Ein Wiederherstellungsvorgang wurde erfolgreich abgeschlossen.</p>

 <h3>Details:</h3>
@@ -200,15 +154,50 @@ exports.up = async function(knex) {
 </ul>

 <p>Bitte überprüfen Sie, ob alle Systeme nach der Wiederherstellung ordnungsgemäß funktionieren.</p>`,
-      language: 'de',
-      is_active: formatBoolean(true),
-      created_at: knex.fn.now(),
-      updated_at: knex.fn.now()
+      body_text_en: `Restore Operation Completed
+
+A restore operation has completed successfully.
+
+Details:
+- Restore Type: {{restore_type}}
+- Duration: {{duration}}
+- Files Restored: {{files_restored}}
+- Backup ID: {{backup_id}}
+- Timestamp: {{timestamp}}
+
+Please verify that all systems are functioning correctly after the restore.`,
+      body_text_de: `Wiederherstellungsvorgang abgeschlossen
+
+Ein Wiederherstellungsvorgang wurde erfolgreich abgeschlossen.
+
+Details:
+- Wiederherstellungstyp: {{restore_type}}
+- Dauer: {{duration}}
+- Wiederhergestellte Dateien: {{files_restored}}
+- Backup-ID: {{backup_id}}
+- Zeitstempel: {{timestamp}}
+
+Bitte überprüfen Sie, ob alle Systeme nach der Wiederherstellung ordnungsgemäß funktionieren.`,
+      variables: JSON.stringify(['restore_type', 'duration', 'files_restored', 'backup_id', 'timestamp'])
    },
    {
-      name: 'restore_failed',
-      subject: '❌ Wiederherstellungsvorgang fehlgeschlagen',
-      body: `<h2>Wiederherstellungsvorgang fehlgeschlagen</h2>
+      template_key: 'restore_failed',
+      subject_en: '❌ Restore Operation Failed',
+      subject_de: '❌ Wiederherstellungsvorgang fehlgeschlagen',
+      body_html_en: `<h2>Restore Operation Failed</h2>
+<p>A restore operation has failed and requires attention.</p>
+
+<h3>Details:</h3>
+<ul>
+  <li><strong>Restore Type:</strong> {{restore_type}}</li>
+  <li><strong>Error:</strong> {{error_message}}</li>
+  <li><strong>Timestamp:</strong> {{timestamp}}</li>
+</ul>
+
+<p>Please check the system logs for more details and take appropriate action.</p>
+
+<p><strong>Important:</strong> If a pre-restore backup was created, it may be used for recovery.</p>`,
+      body_html_de: `<h2>Wiederherstellungsvorgang fehlgeschlagen</h2>
 <p>Ein Wiederherstellungsvorgang ist fehlgeschlagen und erfordert Ihre Aufmerksamkeit.</p>

 <h3>Details:</h3>
@@ -221,10 +210,31 @@ exports.up = async function(knex) {
 <p>Bitte überprüfen Sie die Systemprotokolle für weitere Details und ergreifen Sie entsprechende Maßnahmen.</p>

 <p><strong>Wichtig:</strong> Falls ein Backup vor der Wiederherstellung erstellt wurde, kann es zur Wiederherstellung verwendet werden.</p>`,
-      language: 'de',
-      is_active: formatBoolean(true),
-      created_at: knex.fn.now(),
-      updated_at: knex.fn.now()
+      body_text_en: `Restore Operation Failed
+
+A restore operation has failed and requires attention.
+
+Details:
+- Restore Type: {{restore_type}}
+- Error: {{error_message}}
+- Timestamp: {{timestamp}}
+
+Please check the system logs for more details and take appropriate action.
+
+Important: If a pre-restore backup was created, it may be used for recovery.`,
+      body_text_de: `Wiederherstellungsvorgang fehlgeschlagen
+
+Ein Wiederherstellungsvorgang ist fehlgeschlagen und erfordert Ihre Aufmerksamkeit.
+
+Details:
+- Wiederherstellungstyp: {{restore_type}}
+- Fehler: {{error_message}}
+- Zeitstempel: {{timestamp}}
+
+Bitte überprüfen Sie die Systemprotokolle für weitere Details und ergreifen Sie entsprechende Maßnahmen.
+
+Wichtig: Falls ein Backup vor der Wiederherstellung erstellt wurde, kann es zur Wiederherstellung verwendet werden.`,
+      variables: JSON.stringify(['restore_type', 'error_message', 'timestamp'])
    }
  ];
  
@@ -234,7 +244,7 @@ exports.up = async function(knex) {
 exports.down = async function(knex) {
  // Remove email templates
  await knex('email_templates')
-    .whereIn('name', ['restore_completed', 'restore_failed'])
+    .whereIn('template_key', ['restore_completed', 'restore_failed'])
    .delete();
  
  // Remove settings
@@ -1,4 +1,4 @@
-const { formatBoolean } = require('./helpers');
+// No helpers needed for boolean values

 exports.up = async function(knex) {
  console.log('Adding gallery feedback tables...');
@@ -87,8 +87,7 @@ exports.up = async function(knex) {
    {
      setting_key: 'feedback_notification_email',
      setting_value: JSON.stringify(''),
-      setting_type: 'feedback',
-      updated_at: new Date()
+      setting_type: 'feedback'
    },
    {
      setting_key: 'feedback_rate_limits',
@@ -97,8 +96,7 @@ exports.up = async function(knex) {
        comment: { max: 20, window: 3600 }, // 20 comments per hour
        like: { max: 200, window: 3600 } // 200 likes per hour
      }),
-      setting_type: 'feedback',
-      updated_at: new Date()
+      setting_type: 'feedback'
    }
  ]);
  
@@ -0,0 +1,221 @@
+const { db } = require('../src/database/db');
+
+async function up() {
+  console.log('Enhancing backup system...');
+  
+  // Add new settings to app_settings table if they don't exist
+  const backupSettings = [
+    {
+      setting_key: 'backup_s3_force_path_style',
+      setting_value: JSON.stringify(false),
+      setting_type: 'backup'
+    },
+    {
+      setting_key: 'backup_s3_ssl_enabled',
+      setting_value: JSON.stringify(true),
+      setting_type: 'backup'
+    },
+    {
+      setting_key: 'backup_s3_prefix',
+      setting_value: JSON.stringify(''),
+      setting_type: 'backup'
+    },
+    {
+      setting_key: 'backup_incremental',
+      setting_value: JSON.stringify(false),
+      setting_type: 'backup'
+    },
+    {
+      setting_key: 'backup_include_database',
+      setting_value: JSON.stringify(true),
+      setting_type: 'backup'
+    },
+    {
+      setting_key: 'backup_encryption_enabled',
+      setting_value: JSON.stringify(false),
+      setting_type: 'backup'
+    },
+    {
+      setting_key: 'backup_database_schedule',
+      setting_value: JSON.stringify(''),
+      setting_type: 'backup'
+    }
+  ];
+
+  // Insert settings if they don't exist
+  for (const setting of backupSettings) {
+    const exists = await db('app_settings')
+      .where('setting_key', setting.setting_key)
+      .first();
+    
+    if (!exists) {
+      await db('app_settings').insert(setting);
+    }
+  }
+
+  // Check and add columns to backup_runs table
+  const hasBackupRunsTable = await db.schema.hasTable('backup_runs');
+  if (hasBackupRunsTable) {
+    // Check for existing columns before adding
+    const hasManifestPath = await db.schema.hasColumn('backup_runs', 'manifest_path');
+    const hasManifestId = await db.schema.hasColumn('backup_runs', 'manifest_id');
+    const hasManifestFormat = await db.schema.hasColumn('backup_runs', 'manifest_format');
+    const hasParentBackupId = await db.schema.hasColumn('backup_runs', 'parent_backup_id');
+    const hasBackupMode = await db.schema.hasColumn('backup_runs', 'backup_mode');
+    
+    if (!hasManifestPath || !hasManifestId || !hasManifestFormat || !hasParentBackupId || !hasBackupMode) {
+      await db.schema.alterTable('backup_runs', (table) => {
+        if (!hasManifestPath) {
+          table.string('manifest_path', 500).comment('Path to backup manifest file');
+        }
+        if (!hasManifestId) {
+          table.uuid('manifest_id').comment('Unique identifier for the manifest');
+        }
+        if (!hasManifestFormat) {
+          table.enum('manifest_format', ['json', 'yaml']).comment('Format of the manifest file');
+        }
+        if (!hasParentBackupId) {
+          table.integer('parent_backup_id').unsigned().references('id').inTable('backup_runs').onDelete('SET NULL').comment('Parent backup for incremental backups');
+        }
+        if (!hasBackupMode) {
+          table.enum('backup_mode', ['full', 'incremental', 'database']).defaultTo('full').comment('Type of backup performed');
+        }
+      });
+    }
+    
+    // Add indexes if they don't exist
+    try {
+      await db.raw('CREATE INDEX IF NOT EXISTS idx_backup_runs_mode_status ON backup_runs(backup_mode, status)');
+      await db.raw('CREATE INDEX IF NOT EXISTS idx_backup_runs_parent ON backup_runs(parent_backup_id)');
+      await db.raw('CREATE INDEX IF NOT EXISTS idx_backup_runs_created_mode ON backup_runs(created_at, backup_mode)');
+    } catch (error) {
+      console.log('Note: Some indexes may already exist, continuing...');
+    }
+  }
+
+  // Create backup_manifest table if it doesn't exist
+  const hasManifestTable = await db.schema.hasTable('backup_manifest');
+  if (!hasManifestTable) {
+    await db.schema.createTable('backup_manifest', (table) => {
+      table.increments('id').primary();
+      table.integer('backup_run_id').unsigned().notNullable().references('id').inTable('backup_runs').onDelete('CASCADE');
+      table.uuid('manifest_id').notNullable().unique().comment('Unique identifier matching backup_runs.manifest_id');
+      table.string('version', 20).notNullable().defaultTo('1.0.0').comment('Manifest schema version');
+      table.enum('format', ['json', 'yaml']).notNullable().defaultTo('json');
+      
+      // Backup metadata
+      table.timestamp('backup_start').notNullable();
+      table.timestamp('backup_end').notNullable();
+      table.bigInteger('total_size').unsigned().comment('Total size of backup in bytes');
+      table.integer('file_count').unsigned().comment('Number of files in backup');
+      table.integer('photo_count').unsigned().comment('Number of photos backed up');
+      table.integer('event_count').unsigned().comment('Number of events backed up');
+      
+      // Incremental backup metadata
+      table.boolean('is_incremental').defaultTo(false);
+      table.uuid('parent_manifest_id').comment('Parent manifest ID for incremental backups');
+      table.timestamp('incremental_since').comment('Timestamp for incremental backup baseline');
+      
+      // Content checksums
+      table.string('checksum_algorithm', 50).defaultTo('sha256').comment('Algorithm used for checksums');
+      table.text('manifest_checksum').comment('Checksum of the manifest file itself');
+      
+      // Storage information
+      table.string('storage_location', 500).comment('Primary storage location (local path or S3 URI)');
+      table.string('storage_provider', 50).comment('Storage provider (local, s3, etc.)');
+      
+      // Encryption metadata
+      table.boolean('is_encrypted').defaultTo(false);
+      table.string('encryption_algorithm', 100).comment('Encryption algorithm used');
+      table.string('encryption_key_id', 255).comment('ID of encryption key used');
+      
+      // Additional metadata as JSON
+      table.json('metadata').comment('Additional metadata as JSON');
+      
+      // Timestamps
+      table.timestamps(true, true);
+      
+      // Indexes
+      table.index(['backup_run_id'], 'idx_manifest_backup_run');
+      table.index(['manifest_id'], 'idx_manifest_uuid');
+      table.index(['parent_manifest_id'], 'idx_manifest_parent');
+      table.index(['backup_start', 'backup_end'], 'idx_manifest_time_range');
+      table.index(['is_incremental', 'created_at'], 'idx_manifest_incremental_created');
+    });
+  }
+
+  // Add composite indexes for common query patterns
+  try {
+    await db.raw(`
+      CREATE INDEX IF NOT EXISTS idx_backup_runs_recent_successful 
+      ON backup_runs(created_at DESC) 
+      WHERE status = 'completed' AND backup_mode = 'full';
+    `);
+    await db.raw(`
+      CREATE INDEX IF NOT EXISTS idx_backup_runs_incremental_chain 
+      ON backup_runs(parent_backup_id, created_at) 
+      WHERE backup_mode = 'incremental';
+    `);
+  } catch (error) {
+    console.log('Note: Some composite indexes may already exist, continuing...');
+  }
+
+  console.log('Backup system enhancements completed');
+}
+
+async function down() {
+  // Drop indexes first
+  try {
+    await db.raw('DROP INDEX IF EXISTS idx_backup_runs_incremental_chain;');
+    await db.raw('DROP INDEX IF EXISTS idx_backup_runs_recent_successful;');
+  } catch (error) {
+    // Ignore errors if indexes don't exist
+  }
+
+  // Drop backup_manifest table
+  await db.schema.dropTableIfExists('backup_manifest');
+
+  // Remove columns from backup_runs if they exist
+  const hasBackupRunsTable = await db.schema.hasTable('backup_runs');
+  if (hasBackupRunsTable) {
+    const hasBackupMode = await db.schema.hasColumn('backup_runs', 'backup_mode');
+    const hasParentBackupId = await db.schema.hasColumn('backup_runs', 'parent_backup_id');
+    const hasManifestFormat = await db.schema.hasColumn('backup_runs', 'manifest_format');
+    const hasManifestId = await db.schema.hasColumn('backup_runs', 'manifest_id');
+    const hasManifestPath = await db.schema.hasColumn('backup_runs', 'manifest_path');
+    
+    if (hasBackupMode || hasParentBackupId || hasManifestFormat || hasManifestId || hasManifestPath) {
+      await db.schema.alterTable('backup_runs', (table) => {
+        if (hasBackupMode) table.dropColumn('backup_mode');
+        if (hasParentBackupId) table.dropColumn('parent_backup_id');
+        if (hasManifestFormat) table.dropColumn('manifest_format');
+        if (hasManifestId) table.dropColumn('manifest_id');
+        if (hasManifestPath) table.dropColumn('manifest_path');
+      });
+    }
+    
+    // Drop indexes
+    try {
+      await db.raw('DROP INDEX IF EXISTS idx_backup_runs_mode_status');
+      await db.raw('DROP INDEX IF EXISTS idx_backup_runs_parent');
+      await db.raw('DROP INDEX IF EXISTS idx_backup_runs_created_mode');
+    } catch (error) {
+      // Ignore errors if indexes don't exist
+    }
+  }
+
+  // Remove settings
+  await db('app_settings')
+    .whereIn('setting_key', [
+      'backup_s3_force_path_style',
+      'backup_s3_ssl_enabled',
+      'backup_s3_prefix',
+      'backup_incremental',
+      'backup_include_database',
+      'backup_encryption_enabled',
+      'backup_database_schedule'
+    ])
+    .delete();
+}
+
+module.exports = { up, down };
@@ -1,12 +1,12 @@
 {
  "name": "picpeak-backend",
-  "version": "1.0.78",
+  "version": "1.0.84",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "picpeak-backend",
-      "version": "1.0.78",
+      "version": "1.0.84",
      "dependencies": {
        "@aws-sdk/client-s3": "^3.850.0",
        "@aws-sdk/lib-storage": "^3.850.0",
@@ -1,6 +1,6 @@
 {
  "name": "picpeak-backend",
-  "version": "1.0.78",
+  "version": "1.0.84",
  "description": "Backend for PicPeak event photo sharing platform",
  "main": "server.js",
  "scripts": {
@@ -45,6 +45,7 @@ router.get('/', async (req, res) => {
      theme_config: settingsObject.theme_config || null,
      default_language: settingsObject.general_default_language || 'en',
      enable_analytics: settingsObject.general_enable_analytics !== false,
+      general_date_format: settingsObject.general_date_format || 'PPP',
      enable_recaptcha: settingsObject.security_enable_recaptcha === true || settingsObject.security_enable_recaptcha === 'true',
      recaptcha_site_key: settingsObject.security_recaptcha_site_key || null,
      maintenance_mode: settingsObject.general_maintenance_mode === true || settingsObject.general_maintenance_mode === 'true',
@@ -1,12 +1,12 @@
 {
  "name": "picpeak-frontend",
-  "version": "1.0.78",
+  "version": "1.0.85",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "picpeak-frontend",
-      "version": "1.0.78",
+      "version": "1.0.85",
      "dependencies": {
        "@tanstack/react-query": "^5.0.0",
        "@tiptap/extension-character-count": "^2.26.1",
@@ -1,7 +1,7 @@
 {
  "name": "picpeak-frontend",
  "private": true,
-  "version": "1.0.78",
+  "version": "1.0.85",
  "type": "module",
  "scripts": {
    "dev": "vite",
@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
 import {
  Save,
  Server,
@@ -23,38 +24,40 @@ import {
 import { toast } from 'react-toastify';
 import { Button, Card, Input } from '../common';

-const destinationTypes = [
-  {
-    id: 'local',
-    name: 'Local Storage',
-    icon: HardDrive,
-    description: 'Store backups on the local server filesystem',
-    fields: ['backup_destination_path']
-  },
-  {
-    id: 'rsync',
-    name: 'Remote Server (Rsync)',
-    icon: Server,
-    description: 'Sync backups to a remote server via SSH/Rsync',
-    fields: ['backup_rsync_host', 'backup_rsync_user', 'backup_rsync_path', 'backup_rsync_ssh_key']
-  },
-  {
-    id: 's3',
-    name: 'S3 Compatible Storage',
-    icon: Cloud,
-    description: 'Store backups in Amazon S3 or compatible object storage',
-    fields: ['backup_s3_endpoint', 'backup_s3_bucket', 'backup_s3_access_key', 'backup_s3_secret_key', 'backup_s3_region']
-  }
-];
-
-const scheduleOptions = [
-  { value: 'hourly', label: 'Every hour' },
-  { value: 'daily', label: 'Daily' },
-  { value: 'weekly', label: 'Weekly' },
-  { value: 'custom', label: 'Custom cron expression' }
-];
-
 export const BackupConfiguration = ({ config, onSave, isSaving }) => {
+  const { t } = useTranslation();
+  
+  const destinationTypes = [
+    {
+      id: 'local',
+      name: t('backup.configuration.destinationTypes.local.name'),
+      icon: HardDrive,
+      description: t('backup.configuration.destinationTypes.local.description'),
+      fields: ['backup_destination_path']
+    },
+    {
+      id: 'rsync',
+      name: t('backup.configuration.destinationTypes.rsync.name'),
+      icon: Server,
+      description: t('backup.configuration.destinationTypes.rsync.description'),
+      fields: ['backup_rsync_host', 'backup_rsync_user', 'backup_rsync_path', 'backup_rsync_ssh_key']
+    },
+    {
+      id: 's3',
+      name: t('backup.configuration.destinationTypes.s3.name'),
+      icon: Cloud,
+      description: t('backup.configuration.destinationTypes.s3.description'),
+      fields: ['backup_s3_endpoint', 'backup_s3_bucket', 'backup_s3_access_key', 'backup_s3_secret_key', 'backup_s3_region']
+    }
+  ];
+
+  const scheduleOptions = [
+    { value: 'hourly', label: t('backup.configuration.schedule.options.hourly') },
+    { value: 'daily', label: t('backup.configuration.schedule.options.daily') },
+    { value: 'weekly', label: t('backup.configuration.schedule.options.weekly') },
+    { value: 'custom', label: t('backup.configuration.schedule.options.custom') }
+  ];
+  
  const [formData, setFormData] = useState({
    backup_enabled: false,
    backup_destination_type: 'local',
@@ -121,7 +124,7 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
    }
    
    if (missingFields.length > 0) {
-      toast.error('Please fill in all required fields');
+      toast.error(t('backup.configuration.messages.requiredFields'));
      return;
    }
    
@@ -133,9 +136,9 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
    try {
      // TODO: Implement connection test endpoint
      await new Promise(resolve => setTimeout(resolve, 2000));
-      toast.success('Connection test successful!');
+      toast.success(t('backup.configuration.messages.connectionSuccess'));
    } catch (error) {
-      toast.error('Connection test failed: ' + error.message);
+      toast.error(t('backup.configuration.messages.connectionFailed') + ': ' + error.message);
    } finally {
      setTestingConnection(false);
    }
@@ -149,9 +152,9 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
      <Card className="p-6">
        <div className="flex items-center justify-between">
          <div className="flex-1">
-            <h3 className="text-lg font-semibold text-gray-900">Backup Service</h3>
+            <h3 className="text-lg font-semibold text-gray-900">{t('backup.configuration.enableBackup')}</h3>
            <p className="mt-1 text-sm text-gray-600">
-              Enable automatic backups to protect your data
+              {t('backup.configuration.enableBackupHelp')}
            </p>
          </div>
          <label className="relative inline-flex items-center cursor-pointer">
@@ -168,7 +171,7 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {

      {/* Destination Configuration */}
      <Card className="p-6">
-        <h3 className="text-lg font-semibold text-gray-900 mb-4">Backup Destination</h3>
+        <h3 className="text-lg font-semibold text-gray-900 mb-4">{t('backup.configuration.destinationType')}</h3>
        
        {/* Destination Type Selection */}
        <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
@@ -203,17 +206,17 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
            <>
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Backup Directory Path
+                  {t('backup.configuration.fields.destinationPath')}
                </label>
                <Input
                  type="text"
                  value={formData.backup_destination_path}
                  onChange={(e) => handleChange('backup_destination_path', e.target.value)}
-                  placeholder="/path/to/backup/directory"
+                  placeholder={t('backup.configuration.fields.destinationPathPlaceholder')}
                  required
                />
                <p className="mt-1 text-xs text-gray-500">
-                  Absolute path where backups will be stored
+                  {t('backup.configuration.fields.destinationPathHelp')}
                </p>
              </div>
            </>
@@ -224,50 +227,50 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
              <div className="grid grid-cols-2 gap-4">
                <div>
                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    SSH Host
+                    {t('backup.configuration.fields.rsyncHost')}
                  </label>
                  <Input
                    type="text"
                    value={formData.backup_rsync_host}
                    onChange={(e) => handleChange('backup_rsync_host', e.target.value)}
-                    placeholder="backup.example.com"
+                    placeholder={t('backup.configuration.fields.rsyncHostPlaceholder')}
                    required
                  />
                </div>
                <div>
                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    SSH User
+                    {t('backup.configuration.fields.rsyncUser')}
                  </label>
                  <Input
                    type="text"
                    value={formData.backup_rsync_user}
                    onChange={(e) => handleChange('backup_rsync_user', e.target.value)}
-                    placeholder="backup-user"
+                    placeholder={t('backup.configuration.fields.rsyncUserPlaceholder')}
                    required
                  />
                </div>
              </div>
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Remote Path
+                  {t('backup.configuration.fields.rsyncPath')}
                </label>
                <Input
                  type="text"
                  value={formData.backup_rsync_path}
                  onChange={(e) => handleChange('backup_rsync_path', e.target.value)}
-                  placeholder="/home/backup/photo-sharing"
+                  placeholder={t('backup.configuration.fields.rsyncPathPlaceholder')}
                  required
                />
              </div>
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  SSH Private Key (optional)
+                  {t('backup.configuration.fields.rsyncSshKey')}
                </label>
                <div className="relative">
                  <textarea
                    value={formData.backup_rsync_ssh_key}
                    onChange={(e) => handleChange('backup_rsync_ssh_key', e.target.value)}
-                    placeholder="-----BEGIN RSA PRIVATE KEY-----"
+                    placeholder={t('backup.configuration.fields.rsyncSshKeyPlaceholder')}
                    className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-primary focus:border-primary font-mono text-sm"
                    rows={4}
                  />
@@ -280,7 +283,7 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
                  </button>
                </div>
                <p className="mt-1 text-xs text-gray-500">
-                  Leave empty to use system SSH keys
+                  {t('backup.configuration.fields.rsyncSshKeyHelp')}
                </p>
              </div>
            </>
@@ -290,7 +293,7 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
            <>
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  S3 Endpoint URL
+                  {t('backup.configuration.fields.s3Endpoint')}
                </label>
                <Input
                  type="text"
@@ -300,13 +303,13 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
                  required
                />
                <p className="mt-1 text-xs text-gray-500">
-                  Use default for AWS S3, or your provider's endpoint
+                  {t('backup.configuration.fields.s3EndpointHelp')}
                </p>
              </div>
              <div className="grid grid-cols-2 gap-4">
                <div>
                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Bucket Name
+                    {t('backup.configuration.fields.s3Bucket')}
                  </label>
                  <Input
                    type="text"
@@ -318,7 +321,7 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
                </div>
                <div>
                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Region
+                    {t('backup.configuration.fields.s3Region')}
                  </label>
                  <Input
                    type="text"
@@ -331,7 +334,7 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
              <div className="grid grid-cols-2 gap-4">
                <div>
                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Access Key ID
+                    {t('backup.configuration.fields.s3AccessKey')}
                  </label>
                  <Input
                    type="text"
@@ -343,7 +346,7 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
                </div>
                <div>
                  <label className="block text-sm font-medium text-gray-700 mb-1">
-                    Secret Access Key
+                    {t('backup.configuration.fields.s3SecretKey')}
                  </label>
                  <div className="relative">
                    <Input
@@ -379,12 +382,12 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
                {testingConnection ? (
                  <>
                    <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-                    Testing...
+                    {t('backup.configuration.testingConnection')}
                  </>
                ) : (
                  <>
                    <TestTube className="mr-2 h-4 w-4" />
-                    Test Connection
+                    {t('backup.actions.testConnection')}
                  </>
                )}
              </Button>
@@ -395,12 +398,12 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {

      {/* Schedule Configuration */}
      <Card className="p-6">
-        <h3 className="text-lg font-semibold text-gray-900 mb-4">Backup Schedule</h3>
+        <h3 className="text-lg font-semibold text-gray-900 mb-4">{t('backup.configuration.schedule.title')}</h3>
        
        <div className="space-y-4">
          <div>
            <label className="block text-sm font-medium text-gray-700 mb-1">
-              Schedule
+              {t('backup.configuration.schedule.scheduleType')}
            </label>
            <select
              value={formData.backup_schedule}
@@ -418,7 +421,7 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
          {formData.backup_schedule === 'custom' && (
            <div>
              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Cron Expression
+                {t('backup.configuration.schedule.customCron')}
              </label>
              <Input
                type="text"
@@ -427,14 +430,14 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
                placeholder="0 3 * * *"
              />
              <p className="mt-1 text-xs text-gray-500">
-                Use standard cron syntax (minute hour day month weekday)
+                {t('backup.configuration.schedule.customCronHelp')}
              </p>
            </div>
          )}

          <div>
            <label className="block text-sm font-medium text-gray-700 mb-1">
-              Retention Period (days)
+              {t('backup.configuration.schedule.retention')}
            </label>
            <Input
              type="number"
@@ -444,7 +447,7 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
              max="365"
            />
            <p className="mt-1 text-xs text-gray-500">
-              Backups older than this will be automatically deleted
+              {t('backup.configuration.schedule.retentionHelp')}
            </p>
          </div>
        </div>
@@ -452,7 +455,7 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {

      {/* Backup Content Selection */}
      <Card className="p-6">
-        <h3 className="text-lg font-semibold text-gray-900 mb-4">Backup Content</h3>
+        <h3 className="text-lg font-semibold text-gray-900 mb-4">{t('backup.configuration.whatToBackup.title')}</h3>
        
        <div className="space-y-3">
          <label className="flex items-center">
@@ -465,9 +468,9 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
            <div className="ml-3">
              <div className="flex items-center space-x-2">
                <Database className="h-4 w-4 text-gray-400" />
-                <span className="text-sm font-medium text-gray-700">Database</span>
+                <span className="text-sm font-medium text-gray-700">{t('backup.configuration.whatToBackup.database')}</span>
              </div>
-              <p className="text-xs text-gray-500">All application data and settings</p>
+              <p className="text-xs text-gray-500">{t('backup.configuration.whatToBackup.databaseHelp')}</p>
            </div>
          </label>

@@ -481,9 +484,9 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
            <div className="ml-3">
              <div className="flex items-center space-x-2">
                <Image className="h-4 w-4 text-gray-400" />
-                <span className="text-sm font-medium text-gray-700">Photos</span>
+                <span className="text-sm font-medium text-gray-700">{t('backup.configuration.whatToBackup.photos')}</span>
              </div>
-              <p className="text-xs text-gray-500">All uploaded photos and galleries</p>
+              <p className="text-xs text-gray-500">{t('backup.configuration.whatToBackup.photosHelp')}</p>
            </div>
          </label>

@@ -497,9 +500,9 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
            <div className="ml-3">
              <div className="flex items-center space-x-2">
                <FileArchive className="h-4 w-4 text-gray-400" />
-                <span className="text-sm font-medium text-gray-700">Archives</span>
+                <span className="text-sm font-medium text-gray-700">{t('backup.configuration.whatToBackup.archives')}</span>
              </div>
-              <p className="text-xs text-gray-500">Expired gallery archives</p>
+              <p className="text-xs text-gray-500">{t('backup.configuration.whatToBackup.archivesHelp')}</p>
            </div>
          </label>

@@ -513,9 +516,9 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
            <div className="ml-3">
              <div className="flex items-center space-x-2">
                <Image className="h-4 w-4 text-gray-400" />
-                <span className="text-sm font-medium text-gray-700">Thumbnails</span>
+                <span className="text-sm font-medium text-gray-700">{t('backup.configuration.whatToBackup.thumbnails')}</span>
              </div>
-              <p className="text-xs text-gray-500">Generated thumbnail images (can be regenerated)</p>
+              <p className="text-xs text-gray-500">{t('backup.configuration.whatToBackup.thumbnailsHelp')}</p>
            </div>
          </label>
        </div>
@@ -523,7 +526,7 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {

      {/* Advanced Options */}
      <Card className="p-6">
-        <h3 className="text-lg font-semibold text-gray-900 mb-4">Advanced Options</h3>
+        <h3 className="text-lg font-semibold text-gray-900 mb-4">{t('backup.configuration.advancedOptions.title')}</h3>
        
        <div className="space-y-4">
          <label className="flex items-center">
@@ -534,8 +537,8 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
              className="h-4 w-4 text-primary focus:ring-primary border-gray-300 rounded"
            />
            <div className="ml-3">
-              <span className="text-sm font-medium text-gray-700">Enable Compression</span>
-              <p className="text-xs text-gray-500">Reduce backup size with gzip compression</p>
+              <span className="text-sm font-medium text-gray-700">{t('backup.configuration.advancedOptions.compression')}</span>
+              <p className="text-xs text-gray-500">{t('backup.configuration.advancedOptions.compressionHelp')}</p>
            </div>
          </label>

@@ -548,22 +551,22 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
                className="h-4 w-4 text-primary focus:ring-primary border-gray-300 rounded"
              />
              <div className="ml-3">
-                <span className="text-sm font-medium text-gray-700">Enable Encryption</span>
-                <p className="text-xs text-gray-500">Encrypt backups with AES-256</p>
+                <span className="text-sm font-medium text-gray-700">{t('backup.configuration.advancedOptions.encryption')}</span>
+                <p className="text-xs text-gray-500">{t('backup.configuration.advancedOptions.encryptionHelp')}</p>
              </div>
            </label>

            {formData.backup_encryption && (
              <div className="ml-7">
                <label className="block text-sm font-medium text-gray-700 mb-1">
-                  Encryption Passphrase
+                  {t('backup.configuration.advancedOptions.encryptionPassphrase')}
                </label>
                <div className="relative">
                  <Input
                    type={showSecrets.encryption_passphrase ? 'text' : 'password'}
                    value={formData.backup_encryption_passphrase}
                    onChange={(e) => handleChange('backup_encryption_passphrase', e.target.value)}
-                    placeholder="Enter a strong passphrase"
+                    placeholder={t('backup.configuration.advancedOptions.encryptionPassphraseHelp')}
                    required={formData.backup_encryption}
                  />
                  <button
@@ -576,7 +579,7 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
                </div>
                <p className="mt-1 text-xs text-red-600">
                  <AlertCircle className="inline h-3 w-3 mr-1" />
-                  Store this passphrase securely! You'll need it to restore encrypted backups.
+                  {t('backup.configuration.advancedOptions.encryptionPassphraseHelp')}
                </p>
              </div>
            )}
@@ -593,12 +596,12 @@ export const BackupConfiguration = ({ config, onSave, isSaving }) => {
          {isSaving ? (
            <>
              <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-              Saving...
+              {t('backup.configuration.savingSettings')}
            </>
          ) : (
            <>
              <Save className="mr-2 h-4 w-4" />
-              Save Configuration
+              {t('backup.configuration.saveSettings')}
            </>
          )}
        </Button>
@@ -1,4 +1,5 @@
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 import {
  HardDrive,
  Database,
@@ -46,6 +47,7 @@ const formatBytes = (bytes) => {
 };

 export const BackupDashboard = ({ status, config, onRunBackup, isBackupRunning }) => {
+  const { t } = useTranslation();
  const lastBackup = status?.lastBackup;
  const statistics = lastBackup?.statistics || {};
  const isConfigured = config && config.backup_destination_type;
@@ -53,22 +55,22 @@ export const BackupDashboard = ({ status, config, onRunBackup, isBackupRunning }

  // Calculate backup health score
  const getHealthScore = () => {
-    if (!lastBackup) return { score: 0, status: 'critical', message: 'No backups found' };
+    if (!lastBackup) return { score: 0, status: 'critical', message: t('backup.dashboard.healthMessages.noBackups') };
    
    const hoursSinceBackup = (Date.now() - new Date(lastBackup.created_at)) / (1000 * 60 * 60);
    
    if (lastBackup.status === 'failed') {
-      return { score: 0, status: 'critical', message: 'Last backup failed' };
+      return { score: 0, status: 'critical', message: t('backup.dashboard.healthMessages.lastBackupFailed') };
    }
    
    if (hoursSinceBackup < 24) {
-      return { score: 100, status: 'excellent', message: 'Backup is up to date' };
+      return { score: 100, status: 'excellent', message: t('backup.dashboard.healthMessages.upToDate') };
    } else if (hoursSinceBackup < 48) {
-      return { score: 75, status: 'good', message: 'Backup is recent' };
+      return { score: 75, status: 'good', message: t('backup.dashboard.healthMessages.recent') };
    } else if (hoursSinceBackup < 168) { // 1 week
-      return { score: 50, status: 'warning', message: 'Backup is getting old' };
+      return { score: 50, status: 'warning', message: t('backup.dashboard.healthMessages.gettingOld') };
    } else {
-      return { score: 25, status: 'critical', message: 'Backup is outdated' };
+      return { score: 25, status: 'critical', message: t('backup.dashboard.healthMessages.outdated') };
    }
  };

@@ -89,10 +91,10 @@ export const BackupDashboard = ({ status, config, onRunBackup, isBackupRunning }
            <AlertTriangle className="h-5 w-5 text-amber-400 mt-0.5" />
            <div className="ml-3">
              <h3 className="text-sm font-medium text-amber-800">
-                Backup Not Configured
+                {t('backup.dashboard.notConfigured.title')}
              </h3>
              <p className="mt-1 text-sm text-amber-700">
-                Please configure backup settings in the Configuration tab before running backups.
+                {t('backup.dashboard.notConfigured.message')}
              </p>
            </div>
          </div>
@@ -102,7 +104,7 @@ export const BackupDashboard = ({ status, config, onRunBackup, isBackupRunning }
      {/* Health Score Card */}
      <Card className="p-6">
        <div className="flex items-center justify-between mb-4">
-          <h3 className="text-lg font-semibold text-gray-900">Backup Health</h3>
+          <h3 className="text-lg font-semibold text-gray-900">{t('backup.dashboard.health.title')}</h3>
          <span className={`px-3 py-1 rounded-full text-sm font-medium bg-${healthColors[health.status]}-100 text-${healthColors[health.status]}-700`}>
            {health.status.charAt(0).toUpperCase() + health.status.slice(1)}
          </span>
@@ -153,12 +155,12 @@ export const BackupDashboard = ({ status, config, onRunBackup, isBackupRunning }
              {isBackupRunning ? (
                <>
                  <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-                  Running...
+                  {t('backup.dashboard.actions.running')}
                </>
              ) : (
                <>
                  <Play className="mr-2 h-4 w-4" />
-                  Run Backup Now
+                  {t('backup.dashboard.actions.runBackupNow')}
                </>
              )}
            </Button>
@@ -170,15 +172,15 @@ export const BackupDashboard = ({ status, config, onRunBackup, isBackupRunning }
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
        <StatCard
          icon={FileArchive}
-          label="Total Backups"
+          label={t('backup.dashboard.stats.totalBackups')}
          value={status?.totalBackups || 0}
          color="blue"
-          subtext={lastBackup ? `Last: ${format(new Date(lastBackup.created_at), 'PP')}` : 'No backups yet'}
+          subtext={lastBackup ? `${t('backup.dashboard.stats.last')}: ${format(new Date(lastBackup.created_at), 'PP')}` : t('backup.dashboard.stats.noBackupsYet')}
        />
        
        <StatCard
          icon={HardDrive}
-          label="Backup Size"
+          label={t('backup.dashboard.stats.backupSize')}
          value={formatBytes(statistics.total_size || 0)}
          color="green"
          subtext={`${statistics.files_processed || 0} files`}
@@ -186,7 +188,7 @@ export const BackupDashboard = ({ status, config, onRunBackup, isBackupRunning }
        
        <StatCard
          icon={Clock}
-          label="Last Duration"
+          label={t('backup.dashboard.stats.lastDuration')}
          value={lastBackup ? `${Math.round(lastBackup.duration_seconds / 60)}m` : 'N/A'}
          color="purple"
          subtext={lastBackup ? format(new Date(lastBackup.created_at), 'p') : ''}
@@ -194,17 +196,17 @@ export const BackupDashboard = ({ status, config, onRunBackup, isBackupRunning }
        
        <StatCard
          icon={Shield}
-          label="Backup Status"
-          value={isEnabled ? 'Active' : 'Inactive'}
+          label={t('backup.dashboard.stats.backupStatus')}
+          value={isEnabled ? t('backup.dashboard.stats.active') : t('backup.dashboard.stats.inactive')}
          color={isEnabled ? 'green' : 'gray'}
-          subtext={config?.backup_destination_type || 'Not configured'}
+          subtext={config?.backup_destination_type || t('backup.dashboard.notConfigured.title')}
        />
      </div>

      {/* Recent Activity */}
      {status?.recentBackups && status.recentBackups.length > 0 && (
        <Card className="p-6">
-          <h3 className="text-lg font-semibold text-gray-900 mb-4">Recent Backup Activity</h3>
+          <h3 className="text-lg font-semibold text-gray-900 mb-4">{t('backup.dashboard.recentActivity.title')}</h3>
          <div className="space-y-3">
            {status.recentBackups.slice(0, 5).map((backup) => (
              <div key={backup.id} className="flex items-center justify-between py-3 border-b border-gray-100 last:border-0">
@@ -218,7 +220,7 @@ export const BackupDashboard = ({ status, config, onRunBackup, isBackupRunning }
                  )}
                  <div>
                    <p className="font-medium text-gray-900">
-                      {backup.backup_type} backup
+                      {t('backup.dashboard.backupType', { type: backup.backup_type })}
                    </p>
                    <p className="text-sm text-gray-500">
                      {format(new Date(backup.created_at), 'PPp')}
@@ -242,7 +244,7 @@ export const BackupDashboard = ({ status, config, onRunBackup, isBackupRunning }
      {/* Storage Status */}
      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
        <Card className="p-6">
-          <h3 className="text-lg font-semibold text-gray-900 mb-4">Backup Coverage</h3>
+          <h3 className="text-lg font-semibold text-gray-900 mb-4">{t('backup.dashboard.coverage.title')}</h3>
          <div className="space-y-4">
            <div className="flex items-center justify-between">
              <div className="flex items-center space-x-2">
@@ -252,34 +254,34 @@ export const BackupDashboard = ({ status, config, onRunBackup, isBackupRunning }
              <span className={`px-2 py-1 rounded text-xs font-medium ${
                statistics.database_backed_up ? 'bg-green-100 text-green-700' : 'bg-gray-100 text-gray-700'
              }`}>
-                {statistics.database_backed_up ? 'Backed up' : 'Not backed up'}
+                {statistics.database_backed_up ? t('backup.dashboard.coverage.included') : t('backup.dashboard.coverage.excluded')}
              </span>
            </div>
            
            <div className="flex items-center justify-between">
              <div className="flex items-center space-x-2">
                <Image className="h-5 w-5 text-gray-400" />
-                <span className="text-gray-700">Photos</span>
+                <span className="text-gray-700">{t('backup.configuration.whatToBackup.photos')}</span>
              </div>
              <span className="text-sm text-gray-500">
-                {statistics.photos_backed_up || 0} of {statistics.total_photos || 0}
+                {statistics.photos_backed_up || 0} {t('common.of')} {statistics.total_photos || 0}
              </span>
            </div>
            
            <div className="flex items-center justify-between">
              <div className="flex items-center space-x-2">
                <FileArchive className="h-5 w-5 text-gray-400" />
-                <span className="text-gray-700">Archives</span>
+                <span className="text-gray-700">{t('backup.configuration.whatToBackup.archives')}</span>
              </div>
              <span className="text-sm text-gray-500">
-                {statistics.archives_backed_up || 0} files
+                {statistics.archives_backed_up || 0} {t('backup.dashboard.stats.files')}
              </span>
            </div>
          </div>
        </Card>

        <Card className="p-6">
-          <h3 className="text-lg font-semibold text-gray-900 mb-4">Destination Info</h3>
+          <h3 className="text-lg font-semibold text-gray-900 mb-4">{t('backup.dashboard.storageDestination')}</h3>
          <div className="space-y-3">
            <div className="flex items-center space-x-3">
              {config?.backup_destination_type === 's3' ? (
@@ -293,7 +295,7 @@ export const BackupDashboard = ({ status, config, onRunBackup, isBackupRunning }
                <p className="font-medium text-gray-900">
                  {config?.backup_destination_type 
                    ? config.backup_destination_type.toUpperCase() 
-                    : 'Not Configured'}
+                    : t('backup.dashboard.notConfigured.title')}
                </p>
                <p className="text-sm text-gray-500">
                  {config?.backup_destination_type === 's3' && config?.backup_s3_bucket
@@ -302,7 +304,7 @@ export const BackupDashboard = ({ status, config, onRunBackup, isBackupRunning }
                    ? `Path: ${config.backup_destination_path}`
                    : config?.backup_destination_type === 'rsync' && config?.backup_rsync_host
                    ? `Host: ${config.backup_rsync_host}`
-                    : 'No destination set'}
+                    : t('backup.dashboard.noDestinationSet')}
                </p>
              </div>
            </div>
@@ -312,7 +314,7 @@ export const BackupDashboard = ({ status, config, onRunBackup, isBackupRunning }
                <div className="flex items-center space-x-2">
                  <Info className="h-4 w-4 text-gray-400" />
                  <span className="text-sm text-gray-600">
-                    Backups retained for {config.backup_retention_days} days
+                    {t('backup.configuration.schedule.retentionDays')} {config.backup_retention_days} {t('backup.configuration.schedule.retentionHelp').replace('days (older backups will be automatically deleted)', '')}
                  </span>
                </div>
              </div>
@@ -110,7 +110,7 @@ export const BackupHistory = () => {
              <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" />
              <Input
                type="text"
-                placeholder="Search backups..."
+                placeholder={t('backup.history.searchPlaceholder')}
                value={searchTerm}
                onChange={(e) => setSearchTerm(e.target.value)}
                className="pl-10"
@@ -149,22 +149,22 @@ export const BackupHistory = () => {
            <thead>
              <tr className="bg-gray-50 border-b border-gray-200">
                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  Status
+                  {t('backup.history.columns.status')}
                </th>
                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  Date & Time
+                  {t('backup.history.columns.dateTime')}
                </th>
                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  Type
+                  {t('backup.history.columns.type')}
                </th>
                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  Size
+                  {t('backup.history.columns.size')}
                </th>
                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  Duration
+                  {t('backup.history.columns.duration')}
                </th>
                <th className="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
-                  Actions
+                  {t('backup.history.columns.actions')}
                </th>
              </tr>
            </thead>
@@ -215,7 +215,7 @@ export const BackupHistory = () => {
                            {formatBytes(stats.total_size || 0)}
                          </p>
                          <p className="text-xs text-gray-500">
-                            {stats.files_processed || 0} files
+                            {stats.files_processed || 0} {t('backup.dashboard.stats.files')}
                          </p>
                        </td>
                        <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
@@ -228,7 +228,7 @@ export const BackupHistory = () => {
                            <button
                              onClick={() => toggleRowExpansion(backup.id)}
                              className="text-gray-400 hover:text-gray-600"
-                              title="View details"
+                              title={t('backup.actions.view')}
                            >
                              {isExpanded ? <ChevronUp size={20} /> : <ChevronDown size={20} />}
                            </button>
@@ -236,7 +236,7 @@ export const BackupHistory = () => {
                              <button
                                onClick={() => window.open(`/admin/backup/download/${backup.id}`, '_blank')}
                                className="text-gray-400 hover:text-gray-600"
-                                title="Download backup"
+                                title={t('backup.actions.download')}
                              >
                                <Download size={20} />
                              </button>
@@ -244,7 +244,7 @@ export const BackupHistory = () => {
                            <button
                              onClick={() => handleDelete(backup)}
                              className="text-gray-400 hover:text-red-600"
-                              title="Delete backup"
+                              title={t('backup.actions.delete')}
                              disabled={deleteMutation.isLoading}
                            >
                              <Trash2 size={20} />
@@ -260,19 +260,19 @@ export const BackupHistory = () => {
                            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                              {/* Backup Details */}
                              <div className="space-y-2">
-                                <h4 className="font-medium text-gray-900">Backup Details</h4>
+                                <h4 className="font-medium text-gray-900">{t('backup.history.details.backupDetails')}</h4>
                                <div className="text-sm space-y-1">
                                  <div className="flex justify-between">
-                                    <span className="text-gray-500">Destination:</span>
+                                    <span className="text-gray-500">{t('backup.history.details.destination')}:</span>
                                    <span className="text-gray-900">{backup.destination_type || 'Unknown'}</span>
                                  </div>
                                  <div className="flex justify-between">
-                                    <span className="text-gray-500">Started:</span>
+                                    <span className="text-gray-500">{t('backup.history.details.started')}:</span>
                                    <span className="text-gray-900">{format(new Date(backup.created_at), 'p')}</span>
                                  </div>
                                  {backup.completed_at && (
                                    <div className="flex justify-between">
-                                      <span className="text-gray-500">Completed:</span>
+                                      <span className="text-gray-500">{t('backup.history.details.completed')}:</span>
                                      <span className="text-gray-900">{format(new Date(backup.completed_at), 'p')}</span>
                                    </div>
                                  )}
@@ -281,11 +281,11 @@ export const BackupHistory = () => {

                              {/* Content Backed Up */}
                              <div className="space-y-2">
-                                <h4 className="font-medium text-gray-900">Content Backed Up</h4>
+                                <h4 className="font-medium text-gray-900">{t('backup.history.details.contentBackedUp')}</h4>
                                <div className="space-y-2">
                                  <div className="flex items-center space-x-2">
                                    <Database className={`h-4 w-4 ${stats.database_backed_up ? 'text-green-500' : 'text-gray-300'}`} />
-                                    <span className="text-sm text-gray-700">Database</span>
+                                    <span className="text-sm text-gray-700">{t('backup.configuration.whatToBackup.database')}</span>
                                  </div>
                                  <div className="flex items-center space-x-2">
                                    <Image className={`h-4 w-4 ${stats.photos_backed_up > 0 ? 'text-green-500' : 'text-gray-300'}`} />
@@ -305,7 +305,7 @@ export const BackupHistory = () => {
                              {/* Error Information */}
                              {backup.error_message && (
                                <div className="space-y-2">
-                                  <h4 className="font-medium text-red-900">Error Details</h4>
+                                  <h4 className="font-medium text-red-900">{t('backup.history.details.errorDetails')}</h4>
                                  <p className="text-sm text-red-700 bg-red-50 p-2 rounded">
                                    {backup.error_message}
                                  </p>
@@ -315,7 +315,7 @@ export const BackupHistory = () => {
                              {/* Manifest Path */}
                              {backup.manifest_path && (
                                <div className="space-y-2">
-                                  <h4 className="font-medium text-gray-900">Manifest</h4>
+                                  <h4 className="font-medium text-gray-900">{t('backup.history.details.manifest')}</h4>
                                  <p className="text-sm text-gray-600 font-mono break-all">
                                    {backup.manifest_path}
                                  </p>
@@ -344,7 +344,7 @@ export const BackupHistory = () => {
                  variant="secondary"
                  size="sm"
                >
-                  Previous
+                  {t('backup.history.pagination.previous')}
                </Button>
                <Button
                  onClick={() => setCurrentPage(p => Math.min(pagination.pages, p + 1))}
@@ -352,17 +352,17 @@ export const BackupHistory = () => {
                  variant="secondary"
                  size="sm"
                >
-                  Next
+                  {t('backup.history.pagination.next')}
                </Button>
              </div>
              <div className="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
                <div>
                  <p className="text-sm text-gray-700">
-                    Showing <span className="font-medium">{(currentPage - 1) * pagination.limit + 1}</span> to{' '}
-                    <span className="font-medium">
-                      {Math.min(currentPage * pagination.limit, pagination.total)}
-                    </span>{' '}
-                    of <span className="font-medium">{pagination.total}</span> results
+                    {t('backup.history.pagination.showing', {
+                      from: (currentPage - 1) * pagination.limit + 1,
+                      to: Math.min(currentPage * pagination.limit, pagination.total),
+                      total: pagination.total
+                    })}
                  </p>
                </div>
                <div>
@@ -372,7 +372,7 @@ export const BackupHistory = () => {
                      disabled={currentPage === 1}
                      className="relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
                    >
-                      Previous
+                      {t('backup.history.pagination.previous')}
                    </button>
                    
                    {[...Array(Math.min(5, pagination.pages))].map((_, i) => {
@@ -397,7 +397,7 @@ export const BackupHistory = () => {
                      disabled={currentPage === pagination.pages}
                      className="relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
                    >
-                      Next
+                      {t('backup.history.pagination.next')}
                    </button>
                  </nav>
                </div>
@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import {
  RefreshCw,
  AlertTriangle,
@@ -28,47 +29,49 @@ import { useQuery, useMutation } from '@tanstack/react-query';
 import { Button, Card, Input, Loading } from '../common';
 import { api } from '../../config/api';

-const steps = [
-  { id: 'source', title: 'Select Source' },
-  { id: 'backup', title: 'Choose Backup' },
-  { id: 'options', title: 'Restore Options' },
-  { id: 'confirm', title: 'Review & Confirm' },
-  { id: 'progress', title: 'Restore Progress' }
-];
-
-const restoreTypes = [
-  {
-    id: 'full',
-    name: 'Full Restore',
-    description: 'Restore everything including database, photos, and archives',
-    icon: RefreshCw,
-    warning: 'This will replace all current data'
-  },
-  {
-    id: 'database',
-    name: 'Database Only',
-    description: 'Restore only the database (settings, events, users)',
-    icon: Database,
-    warning: 'Current database will be replaced'
-  },
-  {
-    id: 'files',
-    name: 'Files Only',
-    description: 'Restore only photos and archives',
-    icon: Image,
-    warning: 'Existing files may be overwritten'
-  },
-  {
-    id: 'selective',
-    name: 'Selective Restore',
-    description: 'Choose specific items to restore',
-    icon: CheckCircle,
-    warning: 'Only selected items will be restored'
-  }
-];
-
 export const RestoreWizard = () => {
+  const { t } = useTranslation();
  const [currentStep, setCurrentStep] = useState(0);
+  
+  const steps = [
+    { id: 'source', title: t('backup.restore.steps.selectSource') },
+    { id: 'backup', title: t('backup.restore.steps.chooseBackup') },
+    { id: 'options', title: t('backup.restore.steps.restoreOptions') },
+    { id: 'confirm', title: t('backup.restore.steps.reviewConfirm') },
+    { id: 'progress', title: t('backup.restore.steps.restoreProgress') }
+  ];
+
+  const restoreTypes = [
+    {
+      id: 'full',
+      name: t('backup.restore.restoreTypes.full.name'),
+      description: t('backup.restore.restoreTypes.full.description'),
+      icon: RefreshCw,
+      warning: t('backup.restore.restoreTypes.full.warning')
+    },
+    {
+      id: 'database',
+      name: t('backup.restore.restoreTypes.database.name'),
+      description: t('backup.restore.restoreTypes.database.description'),
+      icon: Database,
+      warning: t('backup.restore.restoreTypes.database.warning')
+    },
+    {
+      id: 'files',
+      name: t('backup.restore.restoreTypes.files.name'),
+      description: t('backup.restore.restoreTypes.files.description'),
+      icon: Image,
+      warning: t('backup.restore.restoreTypes.files.warning')
+    },
+    {
+      id: 'selective',
+      name: t('backup.restore.restoreTypes.selective.name'),
+      description: t('backup.restore.restoreTypes.selective.description'),
+      icon: CheckCircle,
+      warning: t('backup.restore.restoreTypes.selective.warning')
+    }
+  ];
+  
  const [restoreData, setRestoreData] = useState({
    source: null,
    sourceConfig: {},
@@ -238,10 +241,10 @@ export const RestoreWizard = () => {
      {/* Source-specific configuration */}
      {restoreData.source === 's3' && (
        <Card className="p-4 space-y-4">
-          <h4 className="font-medium text-gray-900">S3 Configuration</h4>
+          <h4 className="font-medium text-gray-900">{t('backup.restore.source.configuration.s3')}</h4>
          <div className="grid grid-cols-2 gap-4">
            <Input
-              placeholder="S3 Endpoint URL"
+              placeholder={t('backup.restore.source.configuration.endpoint')}
              value={restoreData.sourceConfig.s3Endpoint || ''}
              onChange={(e) => setRestoreData(prev => ({
                ...prev,
@@ -249,7 +252,7 @@ export const RestoreWizard = () => {
              }))}
            />
            <Input
-              placeholder="Bucket Name"
+              placeholder={t('backup.restore.source.configuration.bucket')}
              value={restoreData.sourceConfig.s3Bucket || ''}
              onChange={(e) => setRestoreData(prev => ({
                ...prev,
@@ -257,7 +260,7 @@ export const RestoreWizard = () => {
              }))}
            />
            <Input
-              placeholder="Access Key ID"
+              placeholder={t('backup.restore.source.configuration.accessKey')}
              value={restoreData.sourceConfig.s3AccessKey || ''}
              onChange={(e) => setRestoreData(prev => ({
                ...prev,
@@ -266,7 +269,7 @@ export const RestoreWizard = () => {
            />
            <Input
              type="password"
-              placeholder="Secret Access Key"
+              placeholder={t('backup.restore.source.configuration.secretKey')}
              value={restoreData.sourceConfig.s3SecretKey || ''}
              onChange={(e) => setRestoreData(prev => ({
                ...prev,
@@ -281,7 +284,7 @@ export const RestoreWizard = () => {
        <Card className="p-4">
          <div className="text-center py-8">
            <Upload className="h-12 w-12 mx-auto mb-3 text-gray-400" />
-            <p className="text-sm text-gray-600">Upload functionality coming soon</p>
+            <p className="text-sm text-gray-600">{t('backup.restore.source.upload.comingSoon')}</p>
          </div>
        </Card>
      )}
@@ -291,8 +294,8 @@ export const RestoreWizard = () => {
  const renderBackupSelection = () => (
    <div className="space-y-6">
      <div>
-        <h3 className="text-lg font-semibold text-gray-900 mb-2">Choose Backup to Restore</h3>
-        <p className="text-sm text-gray-600">Select from available backups</p>
+        <h3 className="text-lg font-semibold text-gray-900 mb-2">{t('backup.restore.backup.title')}</h3>
+        <p className="text-sm text-gray-600">{t('backup.restore.backup.subtitle')}</p>
      </div>

      {loadingBackups ? (
@@ -300,7 +303,7 @@ export const RestoreWizard = () => {
      ) : availableBackups?.length === 0 ? (
        <Card className="p-8 text-center">
          <FileArchive className="h-12 w-12 mx-auto mb-3 text-gray-300" />
-          <p className="text-gray-500">No backups found in selected source</p>
+          <p className="text-gray-500">{t('backup.restore.backup.noBackupsFound')}</p>
        </Card>
      ) : (
        <div className="space-y-3">
@@ -327,10 +330,10 @@ export const RestoreWizard = () => {
                  </div>
                  <div>
                    <p className="font-medium text-gray-900">
-                      {format(new Date(backup.created_at), 'PPP')} at {format(new Date(backup.created_at), 'p')}
+                      {format(new Date(backup.created_at), 'PPP')} {t('backup.restore.backup.at')} {format(new Date(backup.created_at), 'p')}
                    </p>
                    <p className="text-sm text-gray-500">
-                      {backup.backup_type} backup • {formatBytes(backup.total_size || 0)}
+                      {t('backup.dashboard.backupType', { type: backup.backup_type })} • {formatBytes(backup.total_size || 0)}
                    </p>
                  </div>
                </div>
@@ -348,13 +351,13 @@ export const RestoreWizard = () => {
          <div className="flex items-start space-x-3">
            <Shield className="h-5 w-5 text-amber-600 mt-0.5" />
            <div className="flex-1">
-              <p className="text-sm font-medium text-amber-900">Encrypted Backup</p>
+              <p className="text-sm font-medium text-amber-900">{t('backup.restore.backup.encrypted')}</p>
              <p className="text-sm text-amber-700 mt-1">
-                You'll need to provide the encryption passphrase to restore this backup.
+                {t('backup.restore.backup.encryptedMessage')}
              </p>
              <Input
                type="password"
-                placeholder="Enter encryption passphrase"
+                placeholder={t('backup.restore.backup.enterPassphrase')}
                className="mt-3"
                value={restoreData.encryptionPassphrase}
                onChange={(e) => setRestoreData(prev => ({
@@ -372,8 +375,8 @@ export const RestoreWizard = () => {
  const renderRestoreOptions = () => (
    <div className="space-y-6">
      <div>
-        <h3 className="text-lg font-semibold text-gray-900 mb-2">Restore Options</h3>
-        <p className="text-sm text-gray-600">Choose what to restore</p>
+        <h3 className="text-lg font-semibold text-gray-900 mb-2">{t('backup.restore.options.title')}</h3>
+        <p className="text-sm text-gray-600">{t('backup.restore.options.subtitle')}</p>
      </div>

      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
@@ -409,7 +412,7 @@ export const RestoreWizard = () => {

      {/* Additional Options */}
      <Card className="p-4 space-y-4">
-        <h4 className="font-medium text-gray-900">Additional Options</h4>
+        <h4 className="font-medium text-gray-900">{t('backup.restore.options.additionalOptions.title')}</h4>
        
        <label className="flex items-start space-x-3">
          <input
@@ -422,9 +425,9 @@ export const RestoreWizard = () => {
            className="mt-1 h-4 w-4 text-primary focus:ring-primary border-gray-300 rounded"
          />
          <div>
-            <p className="text-sm font-medium text-gray-700">Skip Pre-Restore Backup</p>
+            <p className="text-sm font-medium text-gray-700">{t('backup.restore.options.additionalOptions.skipPreBackup')}</p>
            <p className="text-xs text-gray-500">
-              By default, a backup is created before restore. Check this to skip it.
+              {t('backup.restore.options.additionalOptions.skipPreBackupHelp')}
            </p>
          </div>
        </label>
@@ -440,9 +443,9 @@ export const RestoreWizard = () => {
            className="mt-1 h-4 w-4 text-primary focus:ring-primary border-gray-300 rounded"
          />
          <div>
-            <p className="text-sm font-medium text-gray-700">Force Restore</p>
+            <p className="text-sm font-medium text-gray-700">{t('backup.restore.options.additionalOptions.force')}</p>
            <p className="text-xs text-gray-500">
-              Override safety checks and warnings (use with caution)
+              {t('backup.restore.options.additionalOptions.forceHelp')}
            </p>
          </div>
        </label>
@@ -453,8 +456,8 @@ export const RestoreWizard = () => {
  const renderConfirmation = () => (
    <div className="space-y-6">
      <div>
-        <h3 className="text-lg font-semibold text-gray-900 mb-2">Review & Confirm</h3>
-        <p className="text-sm text-gray-600">Please review your restore configuration</p>
+        <h3 className="text-lg font-semibold text-gray-900 mb-2">{t('backup.restore.confirmation.title')}</h3>
+        <p className="text-sm text-gray-600">{t('backup.restore.confirmation.subtitle')}</p>
      </div>

      {validationResult ? (
@@ -476,8 +479,8 @@ export const RestoreWizard = () => {
                  validationResult.validation?.isValid ? 'text-green-900' : 'text-red-900'
                }`}>
                  {validationResult.validation?.isValid 
-                    ? 'Validation Passed' 
-                    : 'Validation Failed'}
+                    ? t('backup.restore.confirmation.validation.passed') 
+                    : t('backup.restore.confirmation.validation.failed')}
                </p>
                {validationResult.validation?.errors?.length > 0 && (
                  <ul className="mt-2 text-sm text-red-700 list-disc list-inside">
@@ -493,20 +496,20 @@ export const RestoreWizard = () => {
          {/* Space Check */}
          {validationResult.spaceCheck && (
            <Card className="p-4">
-              <h4 className="font-medium text-gray-900 mb-3">Storage Space</h4>
+              <h4 className="font-medium text-gray-900 mb-3">{t('backup.restore.confirmation.spaceCheck.title')}</h4>
              <div className="space-y-2 text-sm">
                <div className="flex justify-between">
-                  <span className="text-gray-600">Required:</span>
+                  <span className="text-gray-600">{t('backup.restore.confirmation.spaceCheck.required')}:</span>
                  <span className="font-medium">{formatBytes(validationResult.spaceCheck.required)}</span>
                </div>
                <div className="flex justify-between">
-                  <span className="text-gray-600">Available:</span>
+                  <span className="text-gray-600">{t('backup.restore.confirmation.spaceCheck.available')}:</span>
                  <span className="font-medium">{formatBytes(validationResult.spaceCheck.available)}</span>
                </div>
                {!validationResult.spaceCheck.sufficient && (
                  <p className="text-red-600 text-xs mt-2">
                    <AlertCircle className="inline h-3 w-3 mr-1" />
-                    Insufficient storage space
+                    {t('backup.restore.confirmation.spaceCheck.insufficient')}
                  </p>
                )}
              </div>
@@ -515,25 +518,25 @@ export const RestoreWizard = () => {

          {/* Summary */}
          <Card className="p-4">
-            <h4 className="font-medium text-gray-900 mb-3">Restore Summary</h4>
+            <h4 className="font-medium text-gray-900 mb-3">{t('backup.restore.confirmation.summary.title')}</h4>
            <dl className="space-y-2 text-sm">
              <div className="flex justify-between">
-                <dt className="text-gray-600">Source:</dt>
+                <dt className="text-gray-600">{t('backup.restore.confirmation.summary.source')}:</dt>
                <dd className="font-medium capitalize">{restoreData.source}</dd>
              </div>
              <div className="flex justify-between">
-                <dt className="text-gray-600">Backup Date:</dt>
+                <dt className="text-gray-600">{t('backup.restore.confirmation.summary.backupDate')}:</dt>
                <dd className="font-medium">
                  {format(new Date(restoreData.selectedBackup.created_at), 'PPp')}
                </dd>
              </div>
              <div className="flex justify-between">
-                <dt className="text-gray-600">Restore Type:</dt>
+                <dt className="text-gray-600">{t('backup.restore.confirmation.summary.restoreType')}:</dt>
                <dd className="font-medium capitalize">{restoreData.restoreType}</dd>
              </div>
              <div className="flex justify-between">
-                <dt className="text-gray-600">Pre-backup:</dt>
-                <dd className="font-medium">{restoreData.skipPreBackup ? 'Skipped' : 'Enabled'}</dd>
+                <dt className="text-gray-600">{t('backup.restore.confirmation.summary.preBackup')}:</dt>
+                <dd className="font-medium">{restoreData.skipPreBackup ? t('backup.restore.confirmation.summary.skipped') : t('backup.restore.confirmation.summary.enabled')}</dd>
              </div>
            </dl>
          </Card>
@@ -544,11 +547,10 @@ export const RestoreWizard = () => {
              <AlertTriangle className="h-5 w-5 text-amber-400 mt-0.5" />
              <div className="ml-3">
                <h3 className="text-sm font-medium text-amber-800">
-                  Important Notice
+                  {t('backup.restore.confirmation.warning.title')}
                </h3>
                <p className="mt-1 text-sm text-amber-700">
-                  This restore operation will replace existing data. Make sure you have a current backup
-                  before proceeding. This action cannot be undone.
+                  {t('backup.restore.confirmation.warning.message')}
                </p>
              </div>
            </div>
@@ -557,7 +559,7 @@ export const RestoreWizard = () => {
      ) : (
        <div className="text-center py-8">
          <Loader2 className="h-8 w-8 animate-spin mx-auto text-primary" />
-          <p className="mt-2 text-sm text-gray-600">Validating restore configuration...</p>
+          <p className="mt-2 text-sm text-gray-600">{t('backup.restore.confirmation.validation.checking')}</p>
        </div>
      )}
    </div>
@@ -570,9 +572,9 @@ export const RestoreWizard = () => {
    return (
      <div className="space-y-6">
        <div>
-          <h3 className="text-lg font-semibold text-gray-900 mb-2">Restore Progress</h3>
+          <h3 className="text-lg font-semibold text-gray-900 mb-2">{t('backup.restore.progress.title')}</h3>
          <p className="text-sm text-gray-600">
-            {isRunning ? 'Restore in progress...' : 'Restore completed'}
+            {isRunning ? t('backup.restore.progress.inProgress') : t('backup.restore.progress.completed')}
          </p>
        </div>

@@ -580,7 +582,7 @@ export const RestoreWizard = () => {
        <Card className="p-6">
          <div className="space-y-4">
            <div className="flex justify-between text-sm">
-              <span className="text-gray-600">Overall Progress</span>
+              <span className="text-gray-600">{t('backup.restore.progress.overallProgress')}</span>
              <span className="font-medium">{progress.percentage || 0}%</span>
            </div>
            <div className="w-full bg-gray-200 rounded-full h-3">
@@ -591,7 +593,7 @@ export const RestoreWizard = () => {
            </div>
            {progress.currentFile && (
              <p className="text-sm text-gray-600">
-                Current: {progress.currentFile}
+                {t('backup.restore.progress.current')}: {progress.currentFile}
              </p>
            )}
          </div>
@@ -599,7 +601,7 @@ export const RestoreWizard = () => {

        {/* Status Details */}
        <Card className="p-6">
-          <h4 className="font-medium text-gray-900 mb-4">Status Details</h4>
+          <h4 className="font-medium text-gray-900 mb-4">{t('backup.restore.progress.statusDetails')}</h4>
          <div className="space-y-3">
            {progress.steps?.map((step, idx) => (
              <div key={idx} className="flex items-center space-x-3">
@@ -629,7 +631,7 @@ export const RestoreWizard = () => {
        {/* Logs */}
        {progress.logs && progress.logs.length > 0 && (
          <Card className="p-6">
-            <h4 className="font-medium text-gray-900 mb-4">Restore Logs</h4>
+            <h4 className="font-medium text-gray-900 mb-4">{t('backup.restore.progress.restoreLogs')}</h4>
            <div className="bg-gray-900 rounded-lg p-4 max-h-64 overflow-y-auto">
              <pre className="text-xs text-gray-300 font-mono">
                {progress.logs.join('\n')}
@@ -645,10 +647,10 @@ export const RestoreWizard = () => {
              <CheckCircle className="h-5 w-5 text-green-400 mt-0.5" />
              <div className="ml-3">
                <h3 className="text-sm font-medium text-green-800">
-                  Restore Completed Successfully
+                  {t('backup.restore.progress.success.title')}
                </h3>
                <p className="mt-1 text-sm text-green-700">
-                  Your data has been restored. Please verify everything is working correctly.
+                  {t('backup.restore.progress.success.message')}
                </p>
              </div>
            </div>
@@ -726,7 +728,7 @@ export const RestoreWizard = () => {
          disabled={currentStep === 0 || currentStep === 4}
        >
          <ChevronLeft className="mr-2 h-4 w-4" />
-          Back
+          {t('backup.restore.actions.back')}
        </Button>

        {currentStep < 4 && (
@@ -739,12 +741,12 @@ export const RestoreWizard = () => {
                {restoreMutation.isLoading ? (
                  <>
                    <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-                    Starting...
+                    {t('backup.restore.actions.starting')}
                  </>
                ) : (
                  <>
                    <RefreshCw className="mr-2 h-4 w-4" />
-                    Start Restore
+                    {t('backup.restore.actions.startRestore')}
                  </>
                )}
              </>
@@ -753,18 +755,18 @@ export const RestoreWizard = () => {
                {validateMutation.isLoading ? (
                  <>
                    <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-                    Validating...
+                    {t('backup.restore.actions.validating')}
                  </>
                ) : (
                  <>
-                    Next
+                    {t('backup.restore.actions.next')}
                    <ChevronRight className="ml-2 h-4 w-4" />
                  </>
                )}
              </>
            ) : (
              <>
-                Next
+                {t('backup.restore.actions.next')}
                <ChevronRight className="ml-2 h-4 w-4" />
              </>
            )}
@@ -788,7 +790,7 @@ export const RestoreWizard = () => {
              setValidationResult(null);
            }}
          >
-            Start New Restore
+            {t('backup.restore.actions.startNewRestore')}
          </Button>
        )}
      </div>
@@ -83,8 +83,8 @@ api.interceptors.response.use(
    }
    
    if (error.response?.status === 401) {
-      // Check if it's an admin route
-      const isAdminRoute = error.config?.url?.includes('/admin');
+      // Check if it's an admin route (but not public endpoints)
+      const isAdminRoute = error.config?.url?.includes('/admin') && !error.config?.url?.includes('/public/');
      const currentPath = window.location.pathname;
      
      if (isAdminRoute) {
@@ -2,16 +2,17 @@ import { useTranslation } from 'react-i18next';
 import { format as dateFnsFormat, formatDistanceToNow as dateFnsFormatDistanceToNow } from 'date-fns';
 import { de, enUS } from 'date-fns/locale';
 import { useQuery } from '@tanstack/react-query';
-import { settingsService } from '../services/settings.service';
+import { publicSettingsService } from '../services/publicSettings.service';

 export const useLocalizedDate = () => {
  const { i18n } = useTranslation();
  
-  // Fetch admin settings to get the date format
+  // Fetch public settings to get the date format
  const { data: settings } = useQuery({
-    queryKey: ['admin-settings-general'],
-    queryFn: () => settingsService.getSettingsByType('general'),
+    queryKey: ['public-settings'],
+    queryFn: () => publicSettingsService.getPublicSettings(),
    staleTime: 5 * 60 * 1000, // Cache for 5 minutes
+    retry: 1, // Only retry once to avoid blocking the UI
  });
  
  const getLocale = () => {
@@ -903,6 +903,350 @@
    "passwordSecurityRequirements": "Passwort erfüllt nicht die Sicherheitsanforderungen",
    "expirationRange": "Ablauf muss zwischen 1 und 365 Tagen liegen"
  },
+  "backup": {
+    "title": "Backup-Verwaltung",
+    "subtitle": "Verwalten Sie System-Backups, konfigurieren Sie automatisierte Backups und stellen Sie vorherige Backups wieder her.",
+    "tabs": {
+      "dashboard": "Dashboard",
+      "configuration": "Konfiguration",
+      "history": "Backup-Verlauf",
+      "restore": "Wiederherstellung"
+    },
+    "status": {
+      "inProgress": "Backup läuft...",
+      "lastBackup": "Letztes Backup",
+      "noBackups": "Keine Backups gefunden",
+      "nextBackup": "Nächstes Backup",
+      "notScheduled": "Nicht geplant",
+      "enabled": "Aktiviert",
+      "disabled": "Deaktiviert"
+    },
+    "actions": {
+      "runBackupNow": "Backup jetzt starten",
+      "starting": "Starte...",
+      "running": "Läuft...",
+      "testConnection": "Verbindung testen",
+      "save": "Konfiguration speichern",
+      "delete": "Löschen",
+      "view": "Details anzeigen",
+      "download": "Herunterladen",
+      "refresh": "Aktualisieren"
+    },
+    "dashboard": {
+      "backupHealth": "Backup-Status",
+      "healthStatus": {
+        "excellent": "Ausgezeichnet",
+        "good": "Gut",
+        "warning": "Warnung",
+        "critical": "Kritisch"
+      },
+      "healthMessages": {
+        "noBackups": "Keine Backups gefunden",
+        "failed": "Letztes Backup fehlgeschlagen",
+        "upToDate": "Backup ist aktuell",
+        "recent": "Backup ist aktuell",
+        "old": "Backup wird alt",
+        "outdated": "Backup ist veraltet"
+      },
+      "stats": {
+        "totalBackups": "Gesamt-Backups",
+        "backupSize": "Backup-Größe",
+        "lastDuration": "Letzte Dauer",
+        "backupStatus": "Backup-Status",
+        "last": "Letztes",
+        "files": "Dateien",
+        "minutes": "{{count}}m",
+        "active": "Aktiv",
+        "inactive": "Inaktiv"
+      },
+      "recentActivity": "Letzte Backup-Aktivitäten",
+      "backupCoverage": "Backup-Abdeckung",
+      "notConfigured": {
+        "title": "Backup nicht konfiguriert",
+        "message": "Bitte konfigurieren Sie die Backup-Einstellungen im Konfiguration-Tab, bevor Sie Backups ausführen."
+      },
+      "coverage": {
+        "database": "Datenbank",
+        "photos": "Fotos",
+        "archives": "Archive",
+        "systemFiles": "Systemdateien",
+        "included": "Enthalten",
+        "excluded": "Ausgeschlossen",
+        "optional": "Optional"
+      },
+      "storageDestination": "Speicherziel",
+      "nextScheduledBackup": "Nächstes geplantes Backup",
+      "backupType": "{{type}} Backup",
+      "noBackupsYet": "Noch keine Backups"
+    },
+    "configuration": {
+      "enableBackup": "Automatisierte Backups aktivieren",
+      "destinationType": "Backup-Ziel",
+      "destinationTypes": {
+        "local": {
+          "name": "Lokaler Speicher",
+          "description": "Backups auf dem lokalen Server-Dateisystem speichern"
+        },
+        "rsync": {
+          "name": "Remote-Server (Rsync)",
+          "description": "Backups über SSH/Rsync auf einen Remote-Server synchronisieren"
+        },
+        "s3": {
+          "name": "S3-kompatibler Speicher",
+          "description": "Backups in Amazon S3 oder kompatiblem Objektspeicher speichern"
+        }
+      },
+      "fields": {
+        "destinationPath": "Zielpfad",
+        "destinationPathHelp": "Lokaler Verzeichnispfad für Backup-Speicherung",
+        "rsyncHost": "Remote-Host",
+        "rsyncHostHelp": "SSH-Hostname oder IP-Adresse",
+        "rsyncUser": "SSH-Benutzer",
+        "rsyncUserHelp": "Benutzername für SSH-Verbindung",
+        "rsyncPath": "Remote-Pfad",
+        "rsyncPathHelp": "Verzeichnispfad auf Remote-Server",
+        "rsyncSshKey": "SSH Private Key",
+        "rsyncSshKeyHelp": "SSH Private Key für Authentifizierung (optional)",
+        "s3Endpoint": "S3-Endpunkt",
+        "s3EndpointHelp": "S3 API-Endpunkt (z.B. s3.amazonaws.com)",
+        "s3Bucket": "Bucket-Name",
+        "s3BucketHelp": "S3-Bucket für Backup-Speicherung",
+        "s3AccessKey": "Zugriffsschlüssel-ID",
+        "s3AccessKeyHelp": "AWS/S3 Zugriffsschlüssel-ID",
+        "s3SecretKey": "Geheimer Zugriffsschlüssel",
+        "s3SecretKeyHelp": "AWS/S3 geheimer Zugriffsschlüssel",
+        "s3Region": "Region",
+        "s3RegionHelp": "S3-Region (z.B. eu-central-1)"
+      },
+      "schedule": {
+        "title": "Backup-Zeitplan",
+        "scheduleType": "Zeitplan-Typ",
+        "scheduleOptions": {
+          "hourly": "Jede Stunde",
+          "daily": "Täglich",
+          "weekly": "Wöchentlich",
+          "custom": "Benutzerdefinierter Cron-Ausdruck"
+        },
+        "customCron": "Cron-Ausdruck",
+        "customCronHelp": "Geben Sie einen gültigen Cron-Ausdruck ein (z.B. 0 3 * * *)",
+        "retention": "Aufbewahrungszeitraum",
+        "retentionDays": "Backups aufbewahren für",
+        "retentionHelp": "Tage (ältere Backups werden automatisch gelöscht)"
+      },
+      "whatToBackup": {
+        "title": "Was soll gesichert werden",
+        "database": "Datenbank",
+        "databaseHelp": "Alle Veranstaltungsdaten, Einstellungen und Konfigurationen",
+        "photos": "Fotos",
+        "photosHelp": "Alle hochgeladenen Fotos in aktiven Galerien",
+        "archives": "Archive",
+        "archivesHelp": "Archivierte Veranstaltungs-ZIP-Dateien",
+        "thumbnails": "Miniaturbilder",
+        "thumbnailsHelp": "Generierte Miniaturbilder (können neu erstellt werden)",
+        "tempFiles": "Temporäre Dateien",
+        "tempFilesHelp": "Temporäre Upload- und Verarbeitungsdateien"
+      },
+      "advancedOptions": {
+        "title": "Erweiterte Optionen",
+        "compression": "Komprimierung aktivieren",
+        "compressionHelp": "Backup-Dateien komprimieren, um Speicherplatz zu sparen",
+        "encryption": "Verschlüsselung aktivieren",
+        "encryptionHelp": "Backups für zusätzliche Sicherheit verschlüsseln",
+        "encryptionPassphrase": "Verschlüsselungs-Passphrase",
+        "encryptionPassphraseHelp": "Starke Passphrase für Backup-Verschlüsselung",
+        "confirmPassphrase": "Passphrase bestätigen",
+        "passphrasesDontMatch": "Passphrasen stimmen nicht überein"
+      },
+      "validation": {
+        "requiredFields": "Bitte füllen Sie alle erforderlichen Felder aus",
+        "invalidCron": "Ungültiger Cron-Ausdruck",
+        "connectionTestFailed": "Verbindungstest fehlgeschlagen",
+        "connectionTestSuccess": "Verbindungstest erfolgreich!"
+      },
+      "testingConnection": "Teste Verbindung...",
+      "saveSettings": "Konfiguration speichern",
+      "savingSettings": "Speichern..."
+    },
+    "history": {
+      "searchPlaceholder": "Backups suchen...",
+      "allStatus": "Alle Status",
+      "status": {
+        "completed": "Abgeschlossen",
+        "failed": "Fehlgeschlagen",
+        "running": "Läuft",
+        "partial": "Teilweise"
+      },
+      "deleteConfirm": "Sind Sie sicher, dass Sie dieses Backup vom {{date}} löschen möchten?",
+      "noBackups": "Keine Backups gefunden",
+      "tableHeaders": {
+        "date": "Datum",
+        "type": "Typ",
+        "status": "Status",
+        "size": "Größe",
+        "duration": "Dauer",
+        "actions": "Aktionen"
+      },
+      "details": "Details",
+      "statistics": "Statistiken",
+      "errors": "Fehler",
+      "backupDetails": {
+        "backupId": "Backup-ID",
+        "startTime": "Startzeit",
+        "endTime": "Endzeit",
+        "destination": "Ziel",
+        "filesProcessed": "Verarbeitete Dateien",
+        "totalSize": "Gesamtgröße",
+        "compressionRatio": "Komprimierungsverhältnis",
+        "errorLog": "Fehlerprotokoll",
+        "noErrors": "Keine Fehler aufgetreten"
+      },
+      "pagination": {
+        "showing": "Zeige {{from}}-{{to}} von {{total}} Backups",
+        "previous": "Zurück",
+        "next": "Weiter"
+      }
+    },
+    "restore": {
+      "steps": {
+        "selectSource": "Quelle auswählen",
+        "chooseBackup": "Backup auswählen",
+        "restoreOptions": "Wiederherstellungsoptionen",
+        "reviewConfirm": "Überprüfen & Bestätigen",
+        "progress": "Wiederherstellungsfortschritt"
+      },
+      "source": {
+        "title": "Backup-Quelle auswählen",
+        "subtitle": "Wählen Sie, woher das Backup wiederhergestellt werden soll",
+        "local": {
+          "name": "Lokales Backup",
+          "description": "Vom lokalen Dateisystem wiederherstellen"
+        },
+        "s3": {
+          "name": "S3-Speicher",
+          "description": "Aus S3-Bucket wiederherstellen"
+        },
+        "upload": {
+          "name": "Backup hochladen",
+          "description": "Eine Backup-Datei hochladen",
+          "comingSoon": "Upload-Funktion kommt bald"
+        },
+        "configuration": {
+          "s3": "S3-Konfiguration",
+          "endpoint": "S3-Endpunkt-URL",
+          "bucket": "Bucket-Name",
+          "accessKey": "Zugriffsschlüssel-ID",
+          "secretKey": "Geheimer Zugriffsschlüssel"
+        }
+      },
+      "backup": {
+        "title": "Backup für Wiederherstellung auswählen",
+        "subtitle": "Aus verfügbaren Backups auswählen",
+        "noBackupsFound": "Keine Backups in ausgewählter Quelle gefunden",
+        "encrypted": "Verschlüsseltes Backup",
+        "encryptedMessage": "Sie müssen die Verschlüsselungs-Passphrase angeben, um dieses Backup wiederherzustellen.",
+        "enterPassphrase": "Verschlüsselungs-Passphrase eingeben",
+        "at": "um"
+      },
+      "options": {
+        "title": "Wiederherstellungsoptionen",
+        "subtitle": "Wählen Sie, was wiederhergestellt werden soll",
+        "types": {
+          "full": {
+            "name": "Vollständige Wiederherstellung",
+            "description": "Alles wiederherstellen, einschließlich Datenbank, Fotos und Archive",
+            "warning": "Dies ersetzt alle aktuellen Daten"
+          },
+          "database": {
+            "name": "Nur Datenbank",
+            "description": "Nur die Datenbank wiederherstellen (Einstellungen, Veranstaltungen, Benutzer)",
+            "warning": "Aktuelle Datenbank wird ersetzt"
+          },
+          "files": {
+            "name": "Nur Dateien",
+            "description": "Nur Fotos und Archive wiederherstellen",
+            "warning": "Vorhandene Dateien können überschrieben werden"
+          },
+          "selective": {
+            "name": "Selektive Wiederherstellung",
+            "description": "Bestimmte Elemente zur Wiederherstellung auswählen",
+            "warning": "Nur ausgewählte Elemente werden wiederhergestellt"
+          }
+        },
+        "additionalOptions": {
+          "title": "Zusätzliche Optionen",
+          "skipPreBackup": "Vor-Wiederherstellungs-Backup überspringen",
+          "skipPreBackupHelp": "Standardmäßig wird vor der Wiederherstellung ein Backup erstellt. Aktivieren Sie dies, um es zu überspringen.",
+          "force": "Wiederherstellung erzwingen",
+          "forceHelp": "Sicherheitsprüfungen und Warnungen überschreiben (mit Vorsicht verwenden)"
+        }
+      },
+      "confirmation": {
+        "title": "Überprüfen & Bestätigen",
+        "subtitle": "Bitte überprüfen Sie Ihre Wiederherstellungskonfiguration",
+        "validation": {
+          "passed": "Validierung bestanden",
+          "failed": "Validierung fehlgeschlagen",
+          "checking": "Validiere Wiederherstellungskonfiguration..."
+        },
+        "spaceCheck": {
+          "title": "Speicherplatz",
+          "required": "Erforderlich",
+          "available": "Verfügbar",
+          "insufficient": "Unzureichender Speicherplatz"
+        },
+        "summary": {
+          "title": "Wiederherstellungszusammenfassung",
+          "source": "Quelle",
+          "backupDate": "Backup-Datum",
+          "restoreType": "Wiederherstellungstyp",
+          "preBackup": "Vor-Backup",
+          "enabled": "Aktiviert",
+          "skipped": "Übersprungen"
+        },
+        "warning": {
+          "title": "Wichtiger Hinweis",
+          "message": "Diese Wiederherstellungsoperation ersetzt vorhandene Daten. Stellen Sie sicher, dass Sie ein aktuelles Backup haben, bevor Sie fortfahren. Diese Aktion kann nicht rückgängig gemacht werden."
+        }
+      },
+      "progress": {
+        "title": "Wiederherstellungsfortschritt",
+        "inProgress": "Wiederherstellung läuft...",
+        "completed": "Wiederherstellung abgeschlossen",
+        "overallProgress": "Gesamtfortschritt",
+        "current": "Aktuell",
+        "statusDetails": "Status-Details",
+        "restoreLogs": "Wiederherstellungsprotokolle",
+        "steps": {
+          "completed": "Abgeschlossen",
+          "running": "Läuft",
+          "failed": "Fehlgeschlagen",
+          "pending": "Ausstehend"
+        },
+        "success": {
+          "title": "Wiederherstellung erfolgreich abgeschlossen",
+          "message": "Ihre Daten wurden wiederhergestellt. Bitte überprüfen Sie, ob alles korrekt funktioniert."
+        }
+      },
+      "actions": {
+        "back": "Zurück",
+        "next": "Weiter",
+        "startRestore": "Wiederherstellung starten",
+        "starting": "Starte...",
+        "validating": "Validiere...",
+        "startNewRestore": "Neue Wiederherstellung starten"
+      }
+    },
+    "messages": {
+      "backupStarted": "Backup erfolgreich gestartet",
+      "backupFailed": "Backup konnte nicht gestartet werden",
+      "configUpdated": "Backup-Konfiguration aktualisiert",
+      "configUpdateFailed": "Konfiguration konnte nicht aktualisiert werden",
+      "backupDeleted": "Backup erfolgreich gelöscht",
+      "deleteFailed": "Backup konnte nicht gelöscht werden",
+      "testEmailSent": "Verbindungstest erfolgreich!",
+      "testEmailFailed": "Verbindungstest fehlgeschlagen"
+    }
+  },
  "maintenance": {
    "title": "Systemwartung",
    "message": "Wir führen derzeit geplante Wartungsarbeiten durch, um unseren Service zu verbessern. Wir sind in Kürze wieder online.",
@@ -953,6 +953,350 @@
    "datenschutz": "Privacy Policy",
    "pageUpdated": "Page updated successfully"
  },
+  "backup": {
+    "title": "Backup Management",
+    "subtitle": "Manage system backups, configure automated backups, and restore from previous backups.",
+    "tabs": {
+      "dashboard": "Dashboard",
+      "configuration": "Configuration",
+      "history": "Backup History",
+      "restore": "Restore"
+    },
+    "status": {
+      "inProgress": "Backup in progress...",
+      "lastBackup": "Last backup",
+      "noBackups": "No backups found",
+      "nextBackup": "Next backup",
+      "notScheduled": "Not scheduled",
+      "enabled": "Enabled",
+      "disabled": "Disabled"
+    },
+    "actions": {
+      "runBackupNow": "Run Backup Now",
+      "starting": "Starting...",
+      "running": "Running...",
+      "testConnection": "Test Connection",
+      "save": "Save Configuration",
+      "delete": "Delete",
+      "view": "View Details",
+      "download": "Download",
+      "refresh": "Refresh"
+    },
+    "dashboard": {
+      "backupHealth": "Backup Health",
+      "healthStatus": {
+        "excellent": "Excellent",
+        "good": "Good",
+        "warning": "Warning",
+        "critical": "Critical"
+      },
+      "healthMessages": {
+        "noBackups": "No backups found",
+        "failed": "Last backup failed",
+        "upToDate": "Backup is up to date",
+        "recent": "Backup is recent",
+        "old": "Backup is getting old",
+        "outdated": "Backup is outdated"
+      },
+      "stats": {
+        "totalBackups": "Total Backups",
+        "backupSize": "Backup Size",
+        "lastDuration": "Last Duration",
+        "backupStatus": "Backup Status",
+        "last": "Last",
+        "files": "files",
+        "minutes": "{{count}}m",
+        "active": "Active",
+        "inactive": "Inactive"
+      },
+      "recentActivity": "Recent Backup Activity",
+      "backupCoverage": "Backup Coverage",
+      "notConfigured": {
+        "title": "Backup Not Configured",
+        "message": "Please configure backup settings in the Configuration tab before running backups."
+      },
+      "coverage": {
+        "database": "Database",
+        "photos": "Photos",
+        "archives": "Archives",
+        "systemFiles": "System Files",
+        "included": "Included",
+        "excluded": "Excluded",
+        "optional": "Optional"
+      },
+      "storageDestination": "Storage Destination",
+      "nextScheduledBackup": "Next Scheduled Backup",
+      "backupType": "{{type}} backup",
+      "noBackupsYet": "No backups yet"
+    },
+    "configuration": {
+      "enableBackup": "Enable Automated Backups",
+      "destinationType": "Backup Destination",
+      "destinationTypes": {
+        "local": {
+          "name": "Local Storage",
+          "description": "Store backups on the local server filesystem"
+        },
+        "rsync": {
+          "name": "Remote Server (Rsync)",
+          "description": "Sync backups to a remote server via SSH/Rsync"
+        },
+        "s3": {
+          "name": "S3 Compatible Storage",
+          "description": "Store backups in Amazon S3 or compatible object storage"
+        }
+      },
+      "fields": {
+        "destinationPath": "Destination Path",
+        "destinationPathHelp": "Local directory path for storing backups",
+        "rsyncHost": "Remote Host",
+        "rsyncHostHelp": "SSH hostname or IP address",
+        "rsyncUser": "SSH User",
+        "rsyncUserHelp": "Username for SSH connection",
+        "rsyncPath": "Remote Path",
+        "rsyncPathHelp": "Directory path on remote server",
+        "rsyncSshKey": "SSH Private Key",
+        "rsyncSshKeyHelp": "SSH private key for authentication (optional)",
+        "s3Endpoint": "S3 Endpoint",
+        "s3EndpointHelp": "S3 API endpoint (e.g., s3.amazonaws.com)",
+        "s3Bucket": "Bucket Name",
+        "s3BucketHelp": "S3 bucket for storing backups",
+        "s3AccessKey": "Access Key ID",
+        "s3AccessKeyHelp": "AWS/S3 access key ID",
+        "s3SecretKey": "Secret Access Key",
+        "s3SecretKeyHelp": "AWS/S3 secret access key",
+        "s3Region": "Region",
+        "s3RegionHelp": "S3 region (e.g., us-east-1)"
+      },
+      "schedule": {
+        "title": "Backup Schedule",
+        "scheduleType": "Schedule Type",
+        "scheduleOptions": {
+          "hourly": "Every hour",
+          "daily": "Daily",
+          "weekly": "Weekly",
+          "custom": "Custom cron expression"
+        },
+        "customCron": "Cron Expression",
+        "customCronHelp": "Enter a valid cron expression (e.g., 0 3 * * *)",
+        "retention": "Retention Period",
+        "retentionDays": "Keep backups for",
+        "retentionHelp": "days (older backups will be automatically deleted)"
+      },
+      "whatToBackup": {
+        "title": "What to Backup",
+        "database": "Database",
+        "databaseHelp": "All event data, settings, and configurations",
+        "photos": "Photos",
+        "photosHelp": "All uploaded photos in active galleries",
+        "archives": "Archives",
+        "archivesHelp": "Archived event ZIP files",
+        "thumbnails": "Thumbnails",
+        "thumbnailsHelp": "Generated thumbnail images (can be recreated)",
+        "tempFiles": "Temporary Files",
+        "tempFilesHelp": "Temporary upload and processing files"
+      },
+      "advancedOptions": {
+        "title": "Advanced Options",
+        "compression": "Enable Compression",
+        "compressionHelp": "Compress backup files to save storage space",
+        "encryption": "Enable Encryption",
+        "encryptionHelp": "Encrypt backups for additional security",
+        "encryptionPassphrase": "Encryption Passphrase",
+        "encryptionPassphraseHelp": "Strong passphrase for backup encryption",
+        "confirmPassphrase": "Confirm Passphrase",
+        "passphrasesDontMatch": "Passphrases don't match"
+      },
+      "validation": {
+        "requiredFields": "Please fill in all required fields",
+        "invalidCron": "Invalid cron expression",
+        "connectionTestFailed": "Connection test failed",
+        "connectionTestSuccess": "Connection test successful!"
+      },
+      "testingConnection": "Testing connection...",
+      "saveSettings": "Save Configuration",
+      "savingSettings": "Saving..."
+    },
+    "history": {
+      "searchPlaceholder": "Search backups...",
+      "allStatus": "All Status",
+      "status": {
+        "completed": "Completed",
+        "failed": "Failed",
+        "running": "Running",
+        "partial": "Partial"
+      },
+      "deleteConfirm": "Are you sure you want to delete this backup from {{date}}?",
+      "noBackups": "No backups found",
+      "tableHeaders": {
+        "date": "Date",
+        "type": "Type",
+        "status": "Status",
+        "size": "Size",
+        "duration": "Duration",
+        "actions": "Actions"
+      },
+      "details": "Details",
+      "statistics": "Statistics",
+      "errors": "Errors",
+      "backupDetails": {
+        "backupId": "Backup ID",
+        "startTime": "Start Time",
+        "endTime": "End Time",
+        "destination": "Destination",
+        "filesProcessed": "Files Processed",
+        "totalSize": "Total Size",
+        "compressionRatio": "Compression Ratio",
+        "errorLog": "Error Log",
+        "noErrors": "No errors occurred"
+      },
+      "pagination": {
+        "showing": "Showing {{from}}-{{to}} of {{total}} backups",
+        "previous": "Previous",
+        "next": "Next"
+      }
+    },
+    "restore": {
+      "steps": {
+        "selectSource": "Select Source",
+        "chooseBackup": "Choose Backup",
+        "restoreOptions": "Restore Options",
+        "reviewConfirm": "Review & Confirm",
+        "progress": "Restore Progress"
+      },
+      "source": {
+        "title": "Select Backup Source",
+        "subtitle": "Choose where to restore the backup from",
+        "local": {
+          "name": "Local Backup",
+          "description": "Restore from local filesystem"
+        },
+        "s3": {
+          "name": "S3 Storage",
+          "description": "Restore from S3 bucket"
+        },
+        "upload": {
+          "name": "Upload Backup",
+          "description": "Upload a backup file",
+          "comingSoon": "Upload functionality coming soon"
+        },
+        "configuration": {
+          "s3": "S3 Configuration",
+          "endpoint": "S3 Endpoint URL",
+          "bucket": "Bucket Name",
+          "accessKey": "Access Key ID",
+          "secretKey": "Secret Access Key"
+        }
+      },
+      "backup": {
+        "title": "Choose Backup to Restore",
+        "subtitle": "Select from available backups",
+        "noBackupsFound": "No backups found in selected source",
+        "encrypted": "Encrypted Backup",
+        "encryptedMessage": "You'll need to provide the encryption passphrase to restore this backup.",
+        "enterPassphrase": "Enter encryption passphrase",
+        "at": "at"
+      },
+      "options": {
+        "title": "Restore Options",
+        "subtitle": "Choose what to restore",
+        "types": {
+          "full": {
+            "name": "Full Restore",
+            "description": "Restore everything including database, photos, and archives",
+            "warning": "This will replace all current data"
+          },
+          "database": {
+            "name": "Database Only",
+            "description": "Restore only the database (settings, events, users)",
+            "warning": "Current database will be replaced"
+          },
+          "files": {
+            "name": "Files Only",
+            "description": "Restore only photos and archives",
+            "warning": "Existing files may be overwritten"
+          },
+          "selective": {
+            "name": "Selective Restore",
+            "description": "Choose specific items to restore",
+            "warning": "Only selected items will be restored"
+          }
+        },
+        "additionalOptions": {
+          "title": "Additional Options",
+          "skipPreBackup": "Skip Pre-Restore Backup",
+          "skipPreBackupHelp": "By default, a backup is created before restore. Check this to skip it.",
+          "force": "Force Restore",
+          "forceHelp": "Override safety checks and warnings (use with caution)"
+        }
+      },
+      "confirmation": {
+        "title": "Review & Confirm",
+        "subtitle": "Please review your restore configuration",
+        "validation": {
+          "passed": "Validation Passed",
+          "failed": "Validation Failed",
+          "checking": "Validating restore configuration..."
+        },
+        "spaceCheck": {
+          "title": "Storage Space",
+          "required": "Required",
+          "available": "Available",
+          "insufficient": "Insufficient storage space"
+        },
+        "summary": {
+          "title": "Restore Summary",
+          "source": "Source",
+          "backupDate": "Backup Date",
+          "restoreType": "Restore Type",
+          "preBackup": "Pre-backup",
+          "enabled": "Enabled",
+          "skipped": "Skipped"
+        },
+        "warning": {
+          "title": "Important Notice",
+          "message": "This restore operation will replace existing data. Make sure you have a current backup before proceeding. This action cannot be undone."
+        }
+      },
+      "progress": {
+        "title": "Restore Progress",
+        "inProgress": "Restore in progress...",
+        "completed": "Restore completed",
+        "overallProgress": "Overall Progress",
+        "current": "Current",
+        "statusDetails": "Status Details",
+        "restoreLogs": "Restore Logs",
+        "steps": {
+          "completed": "Completed",
+          "running": "Running",
+          "failed": "Failed",
+          "pending": "Pending"
+        },
+        "success": {
+          "title": "Restore Completed Successfully",
+          "message": "Your data has been restored. Please verify everything is working correctly."
+        }
+      },
+      "actions": {
+        "back": "Back",
+        "next": "Next",
+        "startRestore": "Start Restore",
+        "starting": "Starting...",
+        "validating": "Validating...",
+        "startNewRestore": "Start New Restore"
+      }
+    },
+    "messages": {
+      "backupStarted": "Backup started successfully",
+      "backupFailed": "Failed to start backup",
+      "configUpdated": "Backup configuration updated",
+      "configUpdateFailed": "Failed to update configuration",
+      "backupDeleted": "Backup deleted successfully",
+      "deleteFailed": "Failed to delete backup",
+      "testEmailSent": "Test connection successful!",
+      "testEmailFailed": "Connection test failed"
+    }
+  },
  "maintenance": {
    "title": "System Maintenance",
    "message": "We're currently performing scheduled maintenance to improve our service. We'll be back online shortly.",
@@ -25,6 +25,7 @@ import {
 import { toast } from 'react-toastify';
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 import { format } from 'date-fns';
+import { useTranslation } from 'react-i18next';

 import { Button, Card, Loading } from '../../components/common';
 import { BackupDashboard } from '../../components/admin/BackupDashboard';
@@ -33,17 +34,20 @@ import { BackupHistory } from '../../components/admin/BackupHistory';
 import { RestoreWizard } from '../../components/admin/RestoreWizard';
 import { api } from '../../config/api';

-// Tab components
-const tabs = [
-  { id: 'dashboard', label: 'Dashboard', icon: HardDrive },
-  { id: 'configuration', label: 'Configuration', icon: Settings },
-  { id: 'history', label: 'Backup History', icon: History },
-  { id: 'restore', label: 'Restore', icon: RefreshCw }
-];
+// Tab components will be defined inside the component to use translations

 export const BackupManagement = () => {
  const [activeTab, setActiveTab] = useState('dashboard');
  const queryClient = useQueryClient();
+  const { t } = useTranslation();
+
+  // Tab components with translations
+  const tabs = [
+    { id: 'dashboard', label: t('backup.tabs.dashboard'), icon: HardDrive },
+    { id: 'configuration', label: t('backup.tabs.configuration'), icon: Settings },
+    { id: 'history', label: t('backup.tabs.history'), icon: History },
+    { id: 'restore', label: t('backup.tabs.restore'), icon: RefreshCw }
+  ];

  // Fetch backup status
  const { data: backupStatus, isLoading: statusLoading } = useQuery({
@@ -71,11 +75,11 @@ export const BackupManagement = () => {
      return response.data;
    },
    onSuccess: () => {
-      toast.success('Backup started successfully');
+      toast.success(t('backup.messages.backupStarted'));
      queryClient.invalidateQueries({ queryKey: ['backup-status'] });
    },
    onError: (error) => {
-      const message = error.response?.data?.error || 'Failed to start backup';
+      const message = error.response?.data?.error || t('backup.messages.backupFailed');
      toast.error(message);
    }
  });
@@ -87,11 +91,11 @@ export const BackupManagement = () => {
      return response.data;
    },
    onSuccess: () => {
-      toast.success('Backup configuration updated');
+      toast.success(t('backup.messages.configUpdated'));
      queryClient.invalidateQueries({ queryKey: ['backup-config'] });
    },
    onError: (error) => {
-      const message = error.response?.data?.error || 'Failed to update configuration';
+      const message = error.response?.data?.error || t('backup.messages.configUpdateFailed');
      toast.error(message);
    }
  });
@@ -108,9 +112,9 @@ export const BackupManagement = () => {
    <div className="p-8 max-w-7xl mx-auto">
      {/* Header */}
      <div className="mb-8">
-        <h1 className="text-3xl font-bold text-gray-900 mb-2">Backup Management</h1>
+        <h1 className="text-3xl font-bold text-gray-900 mb-2">{t('backup.title')}</h1>
        <p className="text-gray-600">
-          Manage system backups, configure automated backups, and restore from previous backups.
+          {t('backup.subtitle')}
        </p>
      </div>

@@ -122,19 +126,19 @@ export const BackupManagement = () => {
              {backupStatus?.isRunning ? (
                <>
                  <Loader2 className="h-5 w-5 text-blue-500 animate-spin" />
-                  <span className="text-blue-600 font-medium">Backup in progress...</span>
+                  <span className="text-blue-600 font-medium">{t('backup.status.inProgress')}</span>
                </>
              ) : backupStatus?.lastBackup ? (
                <>
                  <CheckCircle className="h-5 w-5 text-green-500" />
                  <span className="text-gray-700">
-                    Last backup: {format(new Date(backupStatus.lastBackup.created_at), 'PPp')}
+                    {t('backup.status.lastBackup')}: {format(new Date(backupStatus.lastBackup.created_at), 'PPp')}
                  </span>
                </>
              ) : (
                <>
                  <AlertCircle className="h-5 w-5 text-amber-500" />
-                  <span className="text-gray-700">No backups found</span>
+                  <span className="text-gray-700">{t('backup.status.noBackups')}</span>
                </>
              )}
            </div>
@@ -143,7 +147,7 @@ export const BackupManagement = () => {
              <div className="flex items-center space-x-2">
                <Clock className="h-5 w-5 text-gray-400" />
                <span className="text-sm text-gray-600">
-                  Next backup: {backupStatus?.nextBackup || 'Not scheduled'}
+                  {t('backup.status.nextBackup')}: {backupStatus?.nextBackup || t('backup.status.notScheduled')}
                </span>
              </div>
            )}
@@ -159,12 +163,12 @@ export const BackupManagement = () => {
              {manualBackupMutation.isLoading ? (
                <>
                  <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-                  Starting...
+                  {t('backup.actions.starting')}
                </>
              ) : (
                <>
                  <Play className="mr-2 h-4 w-4" />
-                  Run Backup Now
+                  {t('backup.actions.runBackupNow')}
                </>
              )}
            </Button>
@@ -175,7 +179,7 @@ export const BackupManagement = () => {
                : 'bg-gray-100 text-gray-700'
            }`}>
              <Shield className="h-4 w-4" />
-              <span>{backupConfig?.backup_enabled ? 'Enabled' : 'Disabled'}</span>
+              <span>{backupConfig?.backup_enabled ? t('backup.status.enabled') : t('backup.status.disabled')}</span>
            </div>
          </div>
        </div>
@@ -0,0 +1,34 @@
+import { api } from '../config/api';
+
+export interface PublicSettings {
+  branding_company_name: string;
+  branding_company_tagline: string;
+  branding_support_email: string;
+  branding_footer_text: string;
+  branding_watermark_enabled: boolean;
+  branding_watermark_logo_url: string;
+  branding_watermark_position: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'center';
+  branding_watermark_opacity: number;
+  branding_watermark_size: number;
+  branding_favicon_url: string;
+  branding_logo_url: string;
+  theme_config: any;
+  default_language: string;
+  enable_analytics: boolean;
+  general_date_format: string;
+  enable_recaptcha: boolean;
+  recaptcha_site_key: string | null;
+  maintenance_mode: boolean;
+  umami_enabled: boolean;
+  umami_url: string | null;
+  umami_website_id: string | null;
+  umami_share_url: string | null;
+}
+
+export const publicSettingsService = {
+  // Get public settings (no authentication required)
+  async getPublicSettings(): Promise<PublicSettings> {
+    const response = await api.get<PublicSettings>('/public/settings');
+    return response.data;
+  }
+};
Author	SHA1	Message	Date
Gitea Actions Bot	7325a9e5a2	chore: bump frontend version to 1.0.85 continuous-integration/drone/push Build is passing Details continuous-integration/drone/tag Build is passing Details	2025-07-23 08:19:38 +00:00
paul	d8c229203e	feat: add complete translation support for backup admin page Mirror to GitHub / mirror (push) Successful in 38s Details Test and Lint / backend-test (push) Successful in 1m33s Details continuous-integration/drone/push Build is passing Details Test and Lint / frontend-test (push) Successful in 2m8s Details Version and Release / version-bump (push) Successful in 1m0s Details Version and Release / trigger-drone (push) Successful in 3s Details - Add comprehensive backup translation keys to en.json and de.json - Update all backup components to use i18next translations: - BackupManagement.jsx: main page with tab navigation - BackupDashboard.jsx: health status and statistics - BackupConfiguration.jsx: settings and destination configuration - BackupHistory.jsx: backup history table and details - RestoreWizard.jsx: multi-step restore process - Replace all hardcoded strings with translation keys - Support dynamic values with interpolation - Fix Drone CI/CD github-release step: - Write release.json to /tmp to avoid permission issues - Use quoted heredoc to prevent shell interpretation errors - Replace placeholders with actual tag values using sed 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>	2025-07-23 10:14:04 +02:00
Gitea Actions Bot	95a6ad505d	chore: bump version to 1.0.84 (backend + frontend) continuous-integration/drone/push Build is passing Details continuous-integration/drone/tag Build is failing Details	2025-07-23 07:36:39 +00:00
paul	9dc82c8490	fix: replace github-release plugin with direct curl API call Mirror to GitHub / mirror (push) Successful in 37s Details Test and Lint / backend-test (push) Successful in 1m30s Details continuous-integration/drone/push Build is passing Details Test and Lint / frontend-test (push) Successful in 2m7s Details The github-release plugin was incorrectly detecting and using the Gitea API instead of GitHub's API. Replaced with direct curl command that explicitly calls GitHub API to create releases. This approach: - Uses curlimages/curl image for lightweight execution - Directly calls GitHub API v3 with proper authentication - Avoids any auto-detection issues from the plugin - Creates releases with full markdown formatting 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-07-23 09:35:36 +02:00
paul	554bf1d43c	CRITICAL FIX: prevent gallery pages redirecting to admin login Mirror to GitHub / mirror (push) Successful in 48s Details Test and Lint / backend-test (push) Successful in 1m39s Details continuous-integration/drone/push Build is passing Details Test and Lint / frontend-test (push) Successful in 2m14s Details Version and Release / version-bump (push) Successful in 52s Details Version and Release / trigger-drone (push) Successful in 3s Details Users were being redirected from gallery pages to admin login due to useLocalizedDate hook trying to fetch admin settings. Fixed by: 1. Added general_date_format to public settings endpoint 2. Created publicSettingsService for unauthenticated access 3. Updated useLocalizedDate to use public settings instead of admin 4. Fixed API interceptor to not redirect on public endpoint 401s 5. Added backups/ and test-archiver/ to .gitignore This restores gallery access for all users. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-07-23 09:30:35 +02:00
Gitea Actions Bot	f147bd6cfb	chore: bump backend version to 1.0.83 continuous-integration/drone/push Build is passing Details continuous-integration/drone/tag Build is failing Details	2025-07-23 07:13:22 +00:00
paul	f564f40ed0	CRITICAL FIX: correct email_templates column names in migration 032 Mirror to GitHub / mirror (push) Successful in 34s Details Test and Lint / backend-test (push) Successful in 1m28s Details continuous-integration/drone/push Build is passing Details Test and Lint / frontend-test (push) Successful in 2m4s Details Version and Release / version-bump (push) Successful in 41s Details Version and Release / trigger-drone (push) Successful in 3s Details Production failing because email_templates table has different columns. Fixed column names: - name → template_key - subject → subject_en, subject_de - body → body_html_en, body_html_de, body_text_en, body_text_de - Added missing 'variables' field - Removed language and is_active fields (not in schema) Also fixed the down() function to use template_key instead of name. URGENT: Production is still down. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-07-23 09:08:13 +02:00
Gitea Actions Bot	b50cc18045	chore: bump backend version to 1.0.82 continuous-integration/drone/push Build is passing Details continuous-integration/drone/tag Build is failing Details	2025-07-23 06:55:08 +00:00
paul	9adb2b04eb	fix: remove description field from migration 035 app_settings inserts Mirror to GitHub / mirror (push) Successful in 35s Details Test and Lint / backend-test (push) Successful in 1m22s Details continuous-integration/drone/push Build is passing Details Test and Lint / frontend-test (push) Successful in 2m6s Details Version and Release / version-bump (push) Successful in 41s Details Version and Release / trigger-drone (push) Successful in 3s Details The app_settings table doesn't have a description column. Removed all description fields to prevent migration failures. This completes the fix for all app_settings inserts across migrations. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-07-23 08:49:56 +02:00
paul	5cce58c233	CRITICAL FIX: remove description field from app_settings inserts Mirror to GitHub / mirror (push) Successful in 31s Details Test and Lint / frontend-test (push) Has been cancelled Details Test and Lint / backend-test (push) Has been cancelled Details Version and Release / version-bump (push) Has been cancelled Details Version and Release / trigger-drone (push) Has been cancelled Details continuous-integration/drone/push Build is passing Details Production failing with "column description does not exist" error. The app_settings table only has: id, setting_key, setting_value, setting_type, updated_at Removed all description fields from migration 032. URGENT: Production is down - this is blocking the backend from starting. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-07-23 08:48:23 +02:00
Gitea Actions Bot	c95784eda9	chore: bump backend version to 1.0.81 continuous-integration/drone/push Build is passing Details continuous-integration/drone/tag Build is failing Details	2025-07-23 06:35:20 +00:00
paul	f49dbed2d8	fix: remove updated_at from app_settings inserts in multiple migrations Mirror to GitHub / mirror (push) Successful in 32s Details Test and Lint / backend-test (push) Successful in 1m25s Details continuous-integration/drone/push Build is passing Details Test and Lint / frontend-test (push) Successful in 2m2s Details Version and Release / version-bump (push) Successful in 36s Details Version and Release / trigger-drone (push) Successful in 3s Details The app_settings table in production doesn't have created_at/updated_at columns. Fixed inconsistent usage across migrations: - Migration 014: removed updated_at: new Date() - Migration 027: removed updated_at: knex.fn.now() - Migration 033: removed updated_at: new Date() This ensures all migrations are consistent and won't fail in production. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-07-23 08:30:19 +02:00
paul	1480fa31c7	CRITICAL FIX: remove created_at/updated_at from migration 032 inserts Mirror to GitHub / mirror (push) Successful in 31s Details Test and Lint / backend-test (push) Successful in 1m16s Details Version and Release / version-bump (push) Has been cancelled Details Test and Lint / frontend-test (push) Has been cancelled Details Version and Release / trigger-drone (push) Has been cancelled Details continuous-integration/drone/push Build is passing Details Production was failing because app_settings and email_templates tables don't have created_at/updated_at columns. Removed these fields from all insert statements to restore service. This is a critical production fix - system was down. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-07-23 08:28:03 +02:00
Gitea Actions Bot	769dff4364	chore: bump backend version to 1.0.80 continuous-integration/drone/push Build is passing Details continuous-integration/drone/tag Build is failing Details	2025-07-23 05:30:06 +00:00
paul	d2e0e75e9a	fix: force github-release plugin to use GitHub API instead of Gitea Mirror to GitHub / mirror (push) Successful in 35s Details Test and Lint / backend-test (push) Successful in 1m29s Details continuous-integration/drone/push Build is passing Details Test and Lint / frontend-test (push) Successful in 2m3s Details The plugin was auto-detecting the Gitea instance and using its API instead of GitHub's. Fixed by: - Adding explicit environment variables to override detection - Removing deprecated github_url/github_upload_url parameters - Setting DRONE_REMOTE_URL to point to GitHub 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-07-23 07:29:14 +02:00
paul	041f3b58f4	fix: remove unused formatBoolean import from migration 033 Mirror to GitHub / mirror (push) Successful in 33s Details Test and Lint / backend-test (push) Successful in 1m24s Details Test and Lint / frontend-test (push) Has been cancelled Details Version and Release / version-bump (push) Successful in 42s Details continuous-integration/drone/push Build is passing Details Version and Release / trigger-drone (push) Successful in 3s Details Removed unnecessary import that could cause issues if helpers.js doesn't define formatBoolean. Migration already uses correct boolean syntax without the helper. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-07-23 07:26:30 +02:00
paul	0f4db08883	fix: remove formatBoolean calls from migration 032 - critical production fix Mirror to GitHub / mirror (push) Successful in 30s Details Test and Lint / frontend-test (push) Has been cancelled Details Test and Lint / backend-test (push) Has been cancelled Details Version and Release / version-bump (push) Has been cancelled Details Version and Release / trigger-drone (push) Has been cancelled Details continuous-integration/drone/push Build is passing Details Migration was failing with "formatBoolean is not a function" error, preventing backend startup. Fixed by: - Removing formatBoolean import - Using direct boolean values for column defaults - Using JSON.stringify for setting values 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-07-23 07:25:10 +02:00
Gitea Actions Bot	e0bd8f0707	chore: bump backend version to 1.0.79 continuous-integration/drone/push Build is passing Details continuous-integration/drone/tag Build is failing Details	2025-07-22 20:36:13 +00:00
paul	a8d4500481	fix: resolve migration conflicts and duplicate numbering Mirror to GitHub / mirror (push) Successful in 33s Details Test and Lint / backend-test (push) Successful in 1m24s Details continuous-integration/drone/push Build is passing Details Test and Lint / frontend-test (push) Successful in 2m15s Details Version and Release / version-bump (push) Successful in 41s Details Version and Release / trigger-drone (push) Successful in 3s Details - Rename conflicting migrations to sequential numbers - Update 035_enhance_backup_system.js to check for existing columns - Prevent 'column already exists' errors during migration - Add proper column existence checks before alterations	2025-07-22 22:30:59 +02:00
paul	12f7901d63	fix: correct GitHub repository path in Drone CI release config Mirror to GitHub / mirror (push) Successful in 33s Details Test and Lint / backend-test (push) Successful in 1m18s Details continuous-integration/drone/push Build is passing Details Test and Lint / frontend-test (push) Successful in 2m2s Details - Remove deprecated base_url and upload_url parameters - Use correct GitHub repository: the-luap/picpeak - This should resolve the 404 error when creating releases	2025-07-22 15:31:24 +02:00