feat: add external URL support for bank accounts, allowing users to link to their bank's portal

app/accounts/page.tsx

@@ -36,6 +36,7 @@ import {
   Wallet,
   PiggyBank,
   RefreshCw,
+  ExternalLink,
 } from "lucide-react";
 import type { Account } from "@/lib/types";
 import { cn } from "@/lib/utils";
@@ -55,13 +56,14 @@ const accountTypeLabels = {
 };
 
 export default function AccountsPage() {
-  const { data, isLoading, refresh, update } = useBankingData();
+  const { data, isLoading, refresh } = useBankingData();
   const [editingAccount, setEditingAccount] = useState<Account | null>(null);
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   const [formData, setFormData] = useState({
     name: "",
     type: "CHECKING" as Account["type"],
     folderId: "folder-root",
+    externalUrl: "",
   });
 
   if (isLoading || !data) {
@@ -88,6 +90,7 @@ export default function AccountsPage() {
       name: account.name,
       type: account.type,
       folderId: account.folderId || "folder-root",
+      externalUrl: account.externalUrl || "",
     });
     setIsDialogOpen(true);
   };
@@ -101,6 +104,7 @@ export default function AccountsPage() {
         name: formData.name,
         type: formData.type,
         folderId: formData.folderId,
+        externalUrl: formData.externalUrl || null,
       };
       await updateAccount(updatedAccount);
       refresh();
@@ -244,6 +248,17 @@ export default function AccountsPage() {
                           )}
                         </p>
                       )}
+                      {account.externalUrl && (
+                        <a
+                          href={account.externalUrl}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          className="inline-flex items-center gap-1 text-xs text-primary hover:underline mt-2"
+                        >
+                          <ExternalLink className="w-3 h-3" />
+                          Accéder au portail banque
+                        </a>
+                      )}
                     </CardContent>
                   </Card>
                 );
@@ -306,6 +321,19 @@ export default function AccountsPage() {
                 </SelectContent>
               </Select>
             </div>
+            <div className="space-y-2">
+              <Label>Lien externe (portail banque)</Label>
+              <Input
+                value={formData.externalUrl}
+                onChange={(e) =>
+                  setFormData({ ...formData, externalUrl: e.target.value })
+                }
+                placeholder="https://..."
+              />
+              <p className="text-xs text-muted-foreground">
+                URL personnalisée vers le portail de votre banque
+              </p>
+            </div>
             <div className="flex justify-end gap-2">
               <Button variant="outline" onClick={() => setIsDialogOpen(false)}>
                 Annuler

components/import/ofx-import-dialog.tsx

@@ -123,6 +123,7 @@ export function OFXImportDialog({
           balance: parsed.balance,
           currency: parsed.currency,
           lastImport: new Date().toISOString(),
+          externalUrl: null,
         });
         accountId = newAccount.id;
       }
@@ -298,6 +299,7 @@ export function OFXImportDialog({
           balance: parsedData.balance,
           currency: parsedData.currency,
           lastImport: new Date().toISOString(),
+          externalUrl: null,
         });
         accountId = newAccount.id;
       }

lib/types.ts

@@ -24,6 +24,7 @@ export interface Account {
   balance: number;
   currency: string;
   lastImport: string | null;
+  externalUrl: string | null;
 }
 
 export interface Folder {

prisma/schema.prisma

@@ -20,6 +20,7 @@ model Account {
   balance     Float    @default(0)
   currency    String   @default("EUR")
   lastImport  String?
+  externalUrl String?  // Custom URL for external bank portal
   createdAt   DateTime @default(now())
   updatedAt   DateTime @updatedAt
 

services/account.service.ts

@@ -13,6 +13,7 @@ export const accountService = {
         balance: data.balance,
         currency: data.currency,
         lastImport: data.lastImport,
+        externalUrl: data.externalUrl,
       },
     });
 
@@ -26,6 +27,7 @@ export const accountService = {
       balance: created.balance,
       currency: created.currency,
       lastImport: created.lastImport,
+      externalUrl: created.externalUrl,
     };
   },
 
@@ -44,6 +46,7 @@ export const accountService = {
         balance: data.balance,
         currency: data.currency,
         lastImport: data.lastImport,
+        externalUrl: data.externalUrl,
       },
     });
 
@@ -57,6 +60,7 @@ export const accountService = {
       balance: updated.balance,
       currency: updated.currency,
       lastImport: updated.lastImport,
+      externalUrl: updated.externalUrl,
     };
   },
 

services/banking.service.ts

@@ -38,6 +38,7 @@ export const bankingService = {
           balance: a.balance,
           currency: a.currency,
           lastImport: a.lastImport,
+          externalUrl: a.externalUrl,
         }),
       ),
       transactions: transactions.map(