Lint and reformat.

frontend/src/components/S3BackupConfigDrawer.tsx

@@ -58,9 +58,11 @@ export default function S3BackupConfigDrawer({
       setOpen(false);
       toast.success("S3 backup configuration saved successfully");
     },
-    onError: (error: any) => {
+    onError: (error: Error & { response?: { data?: { detail?: string } } }) => {
       console.error("Failed to update S3 backup configuration:", error);
-      const message = error?.response?.data?.detail || "Failed to save S3 configuration. Please check your settings and try again.";
+      const message =
+        error?.response?.data?.detail ||
+        "Failed to save S3 configuration. Please check your settings and try again.";
       toast.error(message);
     },
   });
@@ -73,11 +75,15 @@ export default function S3BackupConfigDrawer({
       }),
     onSuccess: () => {
       console.log("S3 connection test successful");
-      toast.success("S3 connection test successful! Your configuration is working correctly.");
+      toast.success(
+        "S3 connection test successful! Your configuration is working correctly.",
+      );
     },
-    onError: (error: any) => {
+    onError: (error: Error & { response?: { data?: { detail?: string } } }) => {
       console.error("Failed to test S3 connection:", error);
-      const message = error?.response?.data?.detail || "S3 connection test failed. Please verify your credentials and settings.";
+      const message =
+        error?.response?.data?.detail ||
+        "S3 connection test failed. Please verify your credentials and settings.";
       toast.error(message);
     },
   });
@@ -98,9 +104,7 @@ export default function S3BackupConfigDrawer({
 
   return (
     <Drawer open={open} onOpenChange={setOpen}>
-      <DrawerTrigger asChild>
-        {trigger || <EditButton />}
-      </DrawerTrigger>
+      <DrawerTrigger asChild>{trigger || <EditButton />}</DrawerTrigger>
       <DrawerContent>
         <div className="mx-auto w-full max-w-sm">
           <DrawerHeader>
@@ -148,7 +152,10 @@ export default function S3BackupConfigDrawer({
                     type="password"
                     value={config.secret_access_key}
                     onChange={(e) =>
-                      setConfig({ ...config, secret_access_key: e.target.value })
+                      setConfig({
+                        ...config,
+                        secret_access_key: e.target.value,
+                      })
                     }
                     placeholder="Your AWS Secret Access Key"
                     required
@@ -212,15 +219,21 @@ export default function S3BackupConfigDrawer({
                   <Label htmlFor="path_style">Use path-style addressing</Label>
                 </div>
                 <p className="text-xs text-muted-foreground">
-                  Enable for older S3 implementations or certain S3-compatible services
+                  Enable for older S3 implementations or certain S3-compatible
+                  services
                 </p>
               </>
             )}
 
             <DrawerFooter className="px-0">
               <div className="flex space-x-2">
-                <Button type="submit" disabled={updateMutation.isPending || !config.enabled}>
-                  {updateMutation.isPending ? "Saving..." : "Save Configuration"}
+                <Button
+                  type="submit"
+                  disabled={updateMutation.isPending || !config.enabled}
+                >
+                  {updateMutation.isPending
+                    ? "Saving..."
+                    : "Save Configuration"}
                 </Button>
                 {config.enabled && isConfigValid && (
                   <Button

frontend/src/components/Settings.tsx

@@ -203,8 +203,10 @@ export default function Settings() {
     }
   };
 
-  const isLoading = accountsLoading || settingsLoading || servicesLoading || backupLoading;
-  const hasError = accountsError || settingsError || servicesError || backupError;
+  const isLoading =
+    accountsLoading || settingsLoading || servicesLoading || backupLoading;
+  const hasError =
+    accountsError || settingsError || servicesError || backupError;
 
   if (isLoading) {
     return <AccountsSkeleton />;
@@ -757,7 +759,8 @@ export default function Settings() {
                 <span>S3 Backup Configuration</span>
               </CardTitle>
               <CardDescription>
-                Configure automatic database backups to Amazon S3 or S3-compatible storage
+                Configure automatic database backups to Amazon S3 or
+                S3-compatible storage
               </CardDescription>
             </CardHeader>
 
@@ -769,7 +772,8 @@ export default function Settings() {
                     No S3 backup configured
                   </h3>
                   <p className="text-muted-foreground mb-4">
-                    Set up S3 backup to automatically backup your database to the cloud.
+                    Set up S3 backup to automatically backup your database to
+                    the cloud.
                   </p>
                   <S3BackupConfigDrawer settings={backupSettings} />
                 </div>
@@ -786,26 +790,33 @@ export default function Settings() {
                             S3 Backup
                           </h4>
                           <div className="flex items-center space-x-2">
-                            <div className={`w-2 h-2 rounded-full ${
-                              backupSettings.s3.enabled
-                                ? 'bg-green-500'
-                                : 'bg-muted-foreground'
-                            }`} />
+                            <div
+                              className={`w-2 h-2 rounded-full ${
+                                backupSettings.s3.enabled
+                                  ? "bg-green-500"
+                                  : "bg-muted-foreground"
+                              }`}
+                            />
                             <span className="text-sm text-muted-foreground">
-                              {backupSettings.s3.enabled ? 'Enabled' : 'Disabled'}
+                              {backupSettings.s3.enabled
+                                ? "Enabled"
+                                : "Disabled"}
                             </span>
                           </div>
                         </div>
                         <div className="mt-2 space-y-1">
                           <p className="text-sm text-muted-foreground">
-                            <span className="font-medium">Bucket:</span> {backupSettings.s3.bucket_name}
+                            <span className="font-medium">Bucket:</span>{" "}
+                            {backupSettings.s3.bucket_name}
                           </p>
                           <p className="text-sm text-muted-foreground">
-                            <span className="font-medium">Region:</span> {backupSettings.s3.region}
+                            <span className="font-medium">Region:</span>{" "}
+                            {backupSettings.s3.region}
                           </p>
                           {backupSettings.s3.endpoint_url && (
                             <p className="text-sm text-muted-foreground">
-                              <span className="font-medium">Endpoint:</span> {backupSettings.s3.endpoint_url}
+                              <span className="font-medium">Endpoint:</span>{" "}
+                              {backupSettings.s3.endpoint_url}
                             </p>
                           )}
                         </div>
@@ -813,16 +824,17 @@ export default function Settings() {
                     </div>
                     <S3BackupConfigDrawer settings={backupSettings} />
                   </div>
-                  
+
                   <div className="p-4 bg-muted rounded-lg">
                     <h5 className="font-medium mb-2">Backup Information</h5>
                     <p className="text-sm text-muted-foreground mb-3">
-                      Database backups are stored in the "leggen_backups/" folder in your S3 bucket.
-                      Backups include the complete SQLite database file.
+                      Database backups are stored in the "leggen_backups/"
+                      folder in your S3 bucket. Backups include the complete
+                      SQLite database file.
                     </p>
                     <div className="flex space-x-2">
-                      <Button 
-                        size="sm" 
+                      <Button
+                        size="sm"
                         variant="outline"
                         onClick={() => {
                           // TODO: Implement manual backup trigger
@@ -831,8 +843,8 @@ export default function Settings() {
                       >
                         Create Backup Now
                       </Button>
-                      <Button 
-                        size="sm" 
+                      <Button
+                        size="sm"
                         variant="outline"
                         onClick={() => {
                           // TODO: Implement backup list view

frontend/src/lib/api.ts

@@ -281,9 +281,8 @@ export const apiClient = {
 
   // Backup endpoints
   getBackupSettings: async (): Promise<BackupSettings> => {
-    const response = await api.get<ApiResponse<BackupSettings>>(
-      "/backup/settings",
-    );
+    const response =
+      await api.get<ApiResponse<BackupSettings>>("/backup/settings");
     return response.data.data;
   },
 

frontend/src/routeTree.gen.ts

@@ -8,170 +8,170 @@
 // You should NOT make any changes in this file as it will be overwritten.
 // Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
 
-import { Route as rootRouteImport } from './routes/__root'
-import { Route as TransactionsRouteImport } from './routes/transactions'
-import { Route as SystemRouteImport } from './routes/system'
-import { Route as SettingsRouteImport } from './routes/settings'
-import { Route as NotificationsRouteImport } from './routes/notifications'
-import { Route as BankConnectedRouteImport } from './routes/bank-connected'
-import { Route as AnalyticsRouteImport } from './routes/analytics'
-import { Route as IndexRouteImport } from './routes/index'
+import { Route as rootRouteImport } from "./routes/__root";
+import { Route as TransactionsRouteImport } from "./routes/transactions";
+import { Route as SystemRouteImport } from "./routes/system";
+import { Route as SettingsRouteImport } from "./routes/settings";
+import { Route as NotificationsRouteImport } from "./routes/notifications";
+import { Route as BankConnectedRouteImport } from "./routes/bank-connected";
+import { Route as AnalyticsRouteImport } from "./routes/analytics";
+import { Route as IndexRouteImport } from "./routes/index";
 
 const TransactionsRoute = TransactionsRouteImport.update({
-  id: '/transactions',
-  path: '/transactions',
+  id: "/transactions",
+  path: "/transactions",
   getParentRoute: () => rootRouteImport,
-} as any)
+} as any);
 const SystemRoute = SystemRouteImport.update({
-  id: '/system',
-  path: '/system',
+  id: "/system",
+  path: "/system",
   getParentRoute: () => rootRouteImport,
-} as any)
+} as any);
 const SettingsRoute = SettingsRouteImport.update({
-  id: '/settings',
-  path: '/settings',
+  id: "/settings",
+  path: "/settings",
   getParentRoute: () => rootRouteImport,
-} as any)
+} as any);
 const NotificationsRoute = NotificationsRouteImport.update({
-  id: '/notifications',
-  path: '/notifications',
+  id: "/notifications",
+  path: "/notifications",
   getParentRoute: () => rootRouteImport,
-} as any)
+} as any);
 const BankConnectedRoute = BankConnectedRouteImport.update({
-  id: '/bank-connected',
-  path: '/bank-connected',
+  id: "/bank-connected",
+  path: "/bank-connected",
   getParentRoute: () => rootRouteImport,
-} as any)
+} as any);
 const AnalyticsRoute = AnalyticsRouteImport.update({
-  id: '/analytics',
-  path: '/analytics',
+  id: "/analytics",
+  path: "/analytics",
   getParentRoute: () => rootRouteImport,
-} as any)
+} as any);
 const IndexRoute = IndexRouteImport.update({
-  id: '/',
-  path: '/',
+  id: "/",
+  path: "/",
   getParentRoute: () => rootRouteImport,
-} as any)
+} as any);
 
 export interface FileRoutesByFullPath {
-  '/': typeof IndexRoute
-  '/analytics': typeof AnalyticsRoute
-  '/bank-connected': typeof BankConnectedRoute
-  '/notifications': typeof NotificationsRoute
-  '/settings': typeof SettingsRoute
-  '/system': typeof SystemRoute
-  '/transactions': typeof TransactionsRoute
+  "/": typeof IndexRoute;
+  "/analytics": typeof AnalyticsRoute;
+  "/bank-connected": typeof BankConnectedRoute;
+  "/notifications": typeof NotificationsRoute;
+  "/settings": typeof SettingsRoute;
+  "/system": typeof SystemRoute;
+  "/transactions": typeof TransactionsRoute;
 }
 export interface FileRoutesByTo {
-  '/': typeof IndexRoute
-  '/analytics': typeof AnalyticsRoute
-  '/bank-connected': typeof BankConnectedRoute
-  '/notifications': typeof NotificationsRoute
-  '/settings': typeof SettingsRoute
-  '/system': typeof SystemRoute
-  '/transactions': typeof TransactionsRoute
+  "/": typeof IndexRoute;
+  "/analytics": typeof AnalyticsRoute;
+  "/bank-connected": typeof BankConnectedRoute;
+  "/notifications": typeof NotificationsRoute;
+  "/settings": typeof SettingsRoute;
+  "/system": typeof SystemRoute;
+  "/transactions": typeof TransactionsRoute;
 }
 export interface FileRoutesById {
-  __root__: typeof rootRouteImport
-  '/': typeof IndexRoute
-  '/analytics': typeof AnalyticsRoute
-  '/bank-connected': typeof BankConnectedRoute
-  '/notifications': typeof NotificationsRoute
-  '/settings': typeof SettingsRoute
-  '/system': typeof SystemRoute
-  '/transactions': typeof TransactionsRoute
+  __root__: typeof rootRouteImport;
+  "/": typeof IndexRoute;
+  "/analytics": typeof AnalyticsRoute;
+  "/bank-connected": typeof BankConnectedRoute;
+  "/notifications": typeof NotificationsRoute;
+  "/settings": typeof SettingsRoute;
+  "/system": typeof SystemRoute;
+  "/transactions": typeof TransactionsRoute;
 }
 export interface FileRouteTypes {
-  fileRoutesByFullPath: FileRoutesByFullPath
+  fileRoutesByFullPath: FileRoutesByFullPath;
   fullPaths:
-    | '/'
-    | '/analytics'
-    | '/bank-connected'
-    | '/notifications'
-    | '/settings'
-    | '/system'
-    | '/transactions'
-  fileRoutesByTo: FileRoutesByTo
+    | "/"
+    | "/analytics"
+    | "/bank-connected"
+    | "/notifications"
+    | "/settings"
+    | "/system"
+    | "/transactions";
+  fileRoutesByTo: FileRoutesByTo;
   to:
-    | '/'
-    | '/analytics'
-    | '/bank-connected'
-    | '/notifications'
-    | '/settings'
-    | '/system'
-    | '/transactions'
+    | "/"
+    | "/analytics"
+    | "/bank-connected"
+    | "/notifications"
+    | "/settings"
+    | "/system"
+    | "/transactions";
   id:
-    | '__root__'
-    | '/'
-    | '/analytics'
-    | '/bank-connected'
-    | '/notifications'
-    | '/settings'
-    | '/system'
-    | '/transactions'
-  fileRoutesById: FileRoutesById
+    | "__root__"
+    | "/"
+    | "/analytics"
+    | "/bank-connected"
+    | "/notifications"
+    | "/settings"
+    | "/system"
+    | "/transactions";
+  fileRoutesById: FileRoutesById;
 }
 export interface RootRouteChildren {
-  IndexRoute: typeof IndexRoute
-  AnalyticsRoute: typeof AnalyticsRoute
-  BankConnectedRoute: typeof BankConnectedRoute
-  NotificationsRoute: typeof NotificationsRoute
-  SettingsRoute: typeof SettingsRoute
-  SystemRoute: typeof SystemRoute
-  TransactionsRoute: typeof TransactionsRoute
+  IndexRoute: typeof IndexRoute;
+  AnalyticsRoute: typeof AnalyticsRoute;
+  BankConnectedRoute: typeof BankConnectedRoute;
+  NotificationsRoute: typeof NotificationsRoute;
+  SettingsRoute: typeof SettingsRoute;
+  SystemRoute: typeof SystemRoute;
+  TransactionsRoute: typeof TransactionsRoute;
 }
 
-declare module '@tanstack/react-router' {
+declare module "@tanstack/react-router" {
   interface FileRoutesByPath {
-    '/transactions': {
-      id: '/transactions'
-      path: '/transactions'
-      fullPath: '/transactions'
-      preLoaderRoute: typeof TransactionsRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-    '/system': {
-      id: '/system'
-      path: '/system'
-      fullPath: '/system'
-      preLoaderRoute: typeof SystemRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-    '/settings': {
-      id: '/settings'
-      path: '/settings'
-      fullPath: '/settings'
-      preLoaderRoute: typeof SettingsRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-    '/notifications': {
-      id: '/notifications'
-      path: '/notifications'
-      fullPath: '/notifications'
-      preLoaderRoute: typeof NotificationsRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-    '/bank-connected': {
-      id: '/bank-connected'
-      path: '/bank-connected'
-      fullPath: '/bank-connected'
-      preLoaderRoute: typeof BankConnectedRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-    '/analytics': {
-      id: '/analytics'
-      path: '/analytics'
-      fullPath: '/analytics'
-      preLoaderRoute: typeof AnalyticsRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-    '/': {
-      id: '/'
-      path: '/'
-      fullPath: '/'
-      preLoaderRoute: typeof IndexRouteImport
-      parentRoute: typeof rootRouteImport
-    }
+    "/transactions": {
+      id: "/transactions";
+      path: "/transactions";
+      fullPath: "/transactions";
+      preLoaderRoute: typeof TransactionsRouteImport;
+      parentRoute: typeof rootRouteImport;
+    };
+    "/system": {
+      id: "/system";
+      path: "/system";
+      fullPath: "/system";
+      preLoaderRoute: typeof SystemRouteImport;
+      parentRoute: typeof rootRouteImport;
+    };
+    "/settings": {
+      id: "/settings";
+      path: "/settings";
+      fullPath: "/settings";
+      preLoaderRoute: typeof SettingsRouteImport;
+      parentRoute: typeof rootRouteImport;
+    };
+    "/notifications": {
+      id: "/notifications";
+      path: "/notifications";
+      fullPath: "/notifications";
+      preLoaderRoute: typeof NotificationsRouteImport;
+      parentRoute: typeof rootRouteImport;
+    };
+    "/bank-connected": {
+      id: "/bank-connected";
+      path: "/bank-connected";
+      fullPath: "/bank-connected";
+      preLoaderRoute: typeof BankConnectedRouteImport;
+      parentRoute: typeof rootRouteImport;
+    };
+    "/analytics": {
+      id: "/analytics";
+      path: "/analytics";
+      fullPath: "/analytics";
+      preLoaderRoute: typeof AnalyticsRouteImport;
+      parentRoute: typeof rootRouteImport;
+    };
+    "/": {
+      id: "/";
+      path: "/";
+      fullPath: "/";
+      preLoaderRoute: typeof IndexRouteImport;
+      parentRoute: typeof rootRouteImport;
+    };
   }
 }
 
@@ -183,7 +183,7 @@ const rootRouteChildren: RootRouteChildren = {
   SettingsRoute: SettingsRoute,
   SystemRoute: SystemRoute,
   TransactionsRoute: TransactionsRoute,
-}
+};
 export const routeTree = rootRouteImport
   ._addFileChildren(rootRouteChildren)
-  ._addFileTypes<FileRouteTypes>()
+  ._addFileTypes<FileRouteTypes>();