From e149809478b7aa84098699943681196548a83869 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Thu, 7 May 2026 11:23:27 +0000
Subject: [PATCH 1/4] add supabase and binary widget docs links

---
 .../src/app/components/connect-db/connect-db.component.ts     | 1 +
 .../db-connection-confirm-dialog.component.ts                 | 2 ++
 .../db-connection-ip-access-dialog.component.html             | 4 ++++
 .../db-table-view/db-table-widgets/widget/widget.component.ts | 1 +
 4 files changed, 8 insertions(+)

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..2e6b31cb9 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.co')) 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..11d96c8a2 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
@@ -154,6 +154,10 @@ <h1 mat-dialog-title>Give access to our IP address</h1>
         href="https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_digitalocean_postgresql">
         Setup guide
     </a>
+    <a *ngIf="data.provider === 'supabase'" mat-button target="_blank"
+        href="https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_supabase">
+        Setup guide
+    </a>
     <button mat-flat-button color="primary"
         mat-dialog-close="confirmed">
         I've given access
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',

From 3653b5ca89111289da40044599f2fd29d9b2a15d Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Thu, 7 May 2026 12:02:51 +0000
Subject: [PATCH 2/4] widgets: fix alphabetical sorting in type select

---
 .../db-table-widgets/db-table-widgets.component.ts              | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 9511bf2f1..2ee3e0583 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';

From b662a50d60db74b49c591af8d6764889f44d9a05 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Thu, 7 May 2026 12:34:55 +0000
Subject: [PATCH 3/4] docs links: fix supabase checking

---
 frontend/src/app/components/connect-db/connect-db.component.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 2e6b31cb9..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,7 +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.co')) provider = 'supabase';
+		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) {

From 1cacf80735aa2ede392360cab960b88258464756 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Fri, 8 May 2026 12:57:07 +0000
Subject: [PATCH 4/4] IP address dialog: refactor Setup guide button

---
 ...connection-ip-access-dialog.component.html | 24 ++-----------------
 ...b-connection-ip-access-dialog.component.ts |  8 +++++++
 2 files changed, 10 insertions(+), 22 deletions(-)

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 11d96c8a2..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,28 +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">
-        Setup guide
-    </a>
-    <a *ngIf="data.provider === 'supabase'" mat-button target="_blank"
-        href="https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_supabase">
+    <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)