diff --git a/frontend/src/app/components/connect-db/connect-db.component.ts b/frontend/src/app/components/connect-db/connect-db.component.ts
index a34bf2779..22b0c0f56 100644
--- a/frontend/src/app/components/connect-db/connect-db.component.ts
+++ b/frontend/src/app/components/connect-db/connect-db.component.ts
@@ -508,6 +508,7 @@ export class ConnectDBComponent implements OnInit {
 		if (this.db.host.endsWith('.mongodb.net')) provider = 'mongoatlas';
 		if (this.db.host.endsWith('.ondigitalocean.com')) provider = 'digitalocean';
 		if (this.db.host.endsWith('.scylla.cloud')) provider = 'scylladbcloud';
+		if (this.db.host.endsWith('.supabase.com')) provider = 'supabase';
 		if (isIP(this.db.host)) {
 			const hostIP = ipaddr.parse(this.db.host);
 			for (const addr of googlIPsList) {
diff --git a/frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.ts b/frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.ts
index 89148a40c..34037d55b 100644
--- a/frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.ts
+++ b/frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.ts
@@ -24,6 +24,7 @@ export class DbConnectionConfirmDialogComponent implements OnInit {
 		digitalocean: 'DigitalOcean',
 		scylladbcloud: 'ScyllaDB Cloud',
 		amazonDynamoDB: 'Amazon DynamoDB',
+		supabase: 'Supabase',
 	};
 	public providerDocsLink = {
 		amazon: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_aws_mysql',
@@ -34,6 +35,7 @@ export class DbConnectionConfirmDialogComponent implements OnInit {
 			'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_digitalocean_postgresql',
 		scylladbcloud: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_scylladb',
 		amazonDynamoDB: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_aws_dynamodb',
+		supabase: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_supabase',
 	};
 
 	constructor(
diff --git a/frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.html b/frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.html
index 3856827fc..732669bed 100644
--- a/frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.html
+++ b/frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.html
@@ -134,24 +134,8 @@ <h1 mat-dialog-title>Give access to our IP address</h1>
 </mat-dialog-content>
 <mat-dialog-actions align="end">
     <button *ngIf="data.provider === null" mat-button mat-dialog-close mat-dialog-close>Cancel</button>
-    <a *ngIf="data.provider === 'amazon'" mat-button target="_blank"
-        href="https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_aws_mysql">
-        Setup guide
-    </a>
-    <a *ngIf="data.provider === 'azure'" mat-button target="_blank"
-        href="https://learn.microsoft.com/en-us/azure/mysql/flexible-server/how-to-manage-firewall-portal">
-        Setup guide
-    </a>
-    <a *ngIf="data.provider === 'google'" mat-button target="_blank"
-        href="https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_google_cloud">
-        Setup guide
-    </a>
-    <a *ngIf="data.provider === 'mongoatlas'" mat-button target="_blank"
-        href="https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_mongo_atlas">
-        Setup guide
-    </a>
-    <a *ngIf="data.provider === 'digitalocean'" mat-button target="_blank"
-        href="https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_digitalocean_postgresql">
+    <a *ngIf="providerDocsLink[data.provider]" mat-button target="_blank"
+        [href]="providerDocsLink[data.provider]">
         Setup guide
     </a>
     <button mat-flat-button color="primary"
diff --git a/frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.ts b/frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.ts
index eba096ad5..178dedc11 100644
--- a/frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.ts
+++ b/frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.ts
@@ -26,6 +26,14 @@ import { IpAddressButtonComponent } from '../../ui-components/ip-address-button/
 })
 export class DbConnectionIpAccessDialogComponent implements OnInit {
 	public provider: string = null;
+	public providerDocsLink = {
+		amazon: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_aws_mysql',
+		azure: 'https://learn.microsoft.com/en-us/azure/mysql/flexible-server/how-to-manage-firewall-portal',
+		google: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_google_cloud',
+		mongoatlas: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_mongo_atlas',
+		digitalocean: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_digitalocean_postgresql',
+		supabase: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_supabase',
+	};
 
 	constructor(
 		@Inject(MAT_DIALOG_DATA)
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.ts
index 6a2944162..6031713be 100644
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.ts
+++ b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.ts
@@ -54,7 +54,7 @@ export class DbTableWidgetsComponent implements OnInit {
 	public fields: string[] = [];
 	public fieldsCount: number;
 	public widgets: Widget[] = null;
-	public widgetTypes = Object.keys(UIwidgets);
+	public widgetTypes = Object.keys(UIwidgets).sort();
 	public submitting: boolean = false;
 	public widgetsWithSettings: string[];
 	public codeEditorTheme: 'vs' | 'vs-dark' = 'vs-dark';
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.ts
index 20dab57de..1607d8089 100644
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.ts
+++ b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.ts
@@ -68,6 +68,7 @@ export class WidgetComponent implements OnInit, OnChanges {
 	};
 
 	public docsUrls = {
+		Binary: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#binary',
 		Boolean: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#boolean',
 		Code: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#code',
 		Color: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#color',