feat: add BackupCard component and corresponding Backup model to enhance settings functionality and data management

app/api/backups/[id]/restore/route.ts

@@ -0,0 +1,20 @@
+import { NextRequest, NextResponse } from "next/server";
+import { backupService } from "@/services/backup.service";
+
+export async function POST(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> | { id: string } }
+) {
+  try {
+    const resolvedParams = params instanceof Promise ? await params : params;
+    await backupService.restoreBackup(resolvedParams.id);
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error("Error restoring backup:", error);
+    return NextResponse.json(
+      { success: false, error: error instanceof Error ? error.message : "Failed to restore backup" },
+      { status: 500 }
+    );
+  }
+}
+

app/api/backups/[id]/route.ts

@@ -0,0 +1,20 @@
+import { NextRequest, NextResponse } from "next/server";
+import { backupService } from "@/services/backup.service";
+
+export async function DELETE(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> | { id: string } }
+) {
+  try {
+    const resolvedParams = params instanceof Promise ? await params : params;
+    await backupService.deleteBackup(resolvedParams.id);
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error("Error deleting backup:", error);
+    return NextResponse.json(
+      { success: false, error: error instanceof Error ? error.message : "Failed to delete backup" },
+      { status: 500 }
+    );
+  }
+}
+

app/api/backups/auto/route.ts

@@ -0,0 +1,38 @@
+import { NextRequest, NextResponse } from "next/server";
+import { backupService } from "@/services/backup.service";
+
+export async function POST(_request: NextRequest) {
+  try {
+    // Check if automatic backup should run
+    const shouldRun = await backupService.shouldRunAutomaticBackup();
+
+    if (!shouldRun) {
+      return NextResponse.json({
+        success: true,
+        skipped: true,
+        message: "Backup not due yet",
+      });
+    }
+
+    // Create backup
+    const backup = await backupService.createBackup();
+
+    return NextResponse.json({
+      success: true,
+      data: backup,
+      message: backup.skipped
+        ? "Backup skipped - no changes detected"
+        : "Automatic backup created",
+    });
+  } catch (error) {
+    console.error("Error creating automatic backup:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        error: error instanceof Error ? error.message : "Failed to create automatic backup",
+      },
+      { status: 500 }
+    );
+  }
+}
+

app/api/backups/route.ts

@@ -0,0 +1,32 @@
+import { NextRequest, NextResponse } from "next/server";
+import { backupService } from "@/services/backup.service";
+
+export async function GET() {
+  try {
+    const backups = await backupService.getAllBackups();
+    return NextResponse.json({ success: true, data: backups });
+  } catch (error) {
+    console.error("Error fetching backups:", error);
+    return NextResponse.json(
+      { success: false, error: "Failed to fetch backups" },
+      { status: 500 }
+    );
+  }
+}
+
+export async function POST(request: NextRequest) {
+  try {
+    const body = await request.json().catch(() => ({}));
+    const force = body.force === true; // Only allow force for manual backups
+    
+    const backup = await backupService.createBackup(force);
+    return NextResponse.json({ success: true, data: backup });
+  } catch (error) {
+    console.error("Error creating backup:", error);
+    return NextResponse.json(
+      { success: false, error: error instanceof Error ? error.message : "Failed to create backup" },
+      { status: 500 }
+    );
+  }
+}
+

app/api/backups/settings/route.ts

@@ -0,0 +1,30 @@
+import { NextRequest, NextResponse } from "next/server";
+import { backupService } from "@/services/backup.service";
+
+export async function GET() {
+  try {
+    const settings = await backupService.getSettings();
+    return NextResponse.json({ success: true, data: settings });
+  } catch (error) {
+    console.error("Error fetching backup settings:", error);
+    return NextResponse.json(
+      { success: false, error: "Failed to fetch settings" },
+      { status: 500 }
+    );
+  }
+}
+
+export async function PUT(request: NextRequest) {
+  try {
+    const body = await request.json();
+    const settings = await backupService.updateSettings(body);
+    return NextResponse.json({ success: true, data: settings });
+  } catch (error) {
+    console.error("Error updating backup settings:", error);
+    return NextResponse.json(
+      { success: false, error: "Failed to update settings" },
+      { status: 500 }
+    );
+  }
+}
+

app/settings/page.tsx

@@ -2,7 +2,12 @@
 
 import { useState } from "react";
 import { PageLayout, LoadingState, PageHeader } from "@/components/layout";
-import { DataCard, DangerZoneCard, OFXInfoCard } from "@/components/settings";
+import {
+  DataCard,
+  DangerZoneCard,
+  OFXInfoCard,
+  BackupCard,
+} from "@/components/settings";
 import { useBankingData } from "@/lib/hooks";
 import type { BankingData } from "@/lib/types";
 
@@ -100,6 +105,8 @@ export default function SettingsPage() {
           onImport={importData}
         />
 
+        <BackupCard />
+
         <DangerZoneCard
           categorizedCount={categorizedCount}
           onClearCategories={clearAllCategories}