<!-- [DEF:BackupPage:Component] -->
<!--
@SEMANTICS: backup, page, tools
@PURPOSE:   Entry point for the Backup Management interface.
@LAYER:     Page
@RELATION:  USES -> BackupManager
-->

<script lang="ts">
  // [SECTION: IMPORTS]
  import { t } from '../../../lib/i18n';
  import { PageHeader } from '../../../lib/ui';
  import BackupManager from '../../../components/backups/BackupManager.svelte';
  // [/SECTION]
</script>

<!-- [SECTION: TEMPLATE] -->
<div class="container mx-auto p-4 max-w-6xl">
  <PageHeader title={$t.nav.tools_backups} />
  
  <div class="mt-6">
    <BackupManager />
  </div>
</div>
<!-- [/SECTION] -->

<!-- [/DEF:BackupPage:Component] -->