From a08ec82ad19d9f9b8093e815fe944a53a8fffbe8 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Thu, 26 Feb 2026 11:22:34 +0000
Subject: [PATCH 1/2] update table configure alert

---
 .../dashboard/dashboard.component.css         | 73 +++++++++++++++++++
 .../dashboard/dashboard.component.html        | 11 ++-
 .../dashboard/db-tables-data-source.ts        |  9 ++-
 3 files changed, 88 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/components/dashboard/dashboard.component.css b/frontend/src/app/components/dashboard/dashboard.component.css
index 1ee832b5a..b9d0162b8 100644
--- a/frontend/src/app/components/dashboard/dashboard.component.css
+++ b/frontend/src/app/components/dashboard/dashboard.component.css
@@ -104,6 +104,79 @@
     margin: 0;
 }
 
+.ai-config-alert {
+    display: flex;
+    gap: 8px;
+    background-color: color-mix(in hsl, var(--color-accentedPalette-500), transparent 95%);
+    backdrop-filter: blur(4px);
+    border-top: 1px solid var(--color-accentedPalette-500);
+    border-right: 1px solid var(--color-accentedPalette-500);
+    border-bottom: 1px solid var(--color-accentedPalette-500);
+    border-left: 12px solid var(--color-accentedPalette-500);
+    border-radius: 4px;
+    padding: 12px 16px 12px 8px;
+}
+
+@media (prefers-color-scheme: dark) {
+    .ai-config-alert {
+        backdrop-filter: blur(2px);
+    }
+}
+
+@media (width <= 600px) {
+    .ai-config-alert {
+        display: grid;
+        grid-template-columns: auto 1fr;
+    }
+}
+
+.ai-config-alert__icon {
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    color: var(--color-accentedPalette-500);
+    font-size: 24px;
+    height: 36px;
+    opacity: 0.9;
+    width: 36px;
+}
+
+.ai-config-alert__message {
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    min-height: 36px;
+    margin: 0 !important;
+}
+
+.ai-config-alert__title {
+    color: var(--color-accentedPalette-500);
+    margin-bottom: 4px;
+}
+
+@media (prefers-color-scheme: dark) {
+    .ai-config-alert__title {
+        color: inherit;
+    }
+}
+
+.ai-config-alert__text {
+    margin: 0 !important;
+}
+
+.ai-config-alert__actions {
+    margin-left: auto;
+}
+
+@media (width <= 600px) {
+    .ai-config-alert__actions {
+        grid-column: 1 / -1;
+    }
+}
+
 .error-details {
     margin-top: 8px;
 }
diff --git a/frontend/src/app/components/dashboard/dashboard.component.html b/frontend/src/app/components/dashboard/dashboard.component.html
index 57606293c..4b2cca36f 100644
--- a/frontend/src/app/components/dashboard/dashboard.component.html
+++ b/frontend/src/app/components/dashboard/dashboard.component.html
@@ -82,7 +82,16 @@ <h3 class='mat-subheading-2'>Rocketadmin can not find any tables</h3>
             <div class="table-preview-content">
                 <div class="alerts">
                     <app-alert></app-alert>
-                    <app-alert *ngIf="dataSource.alert_settingsInfo" [alert]="dataSource.alert_settingsInfo"></app-alert>
+                    <div *ngIf="dataSource.alert_settingsInfo" class="ai-config-alert">
+                        <mat-icon class="ai-config-alert__icon">auto_awesome</mat-icon>
+                        <div class="ai-config-alert__message mat-body-1">
+                            <strong class="ai-config-alert__title">New: AI Configuration</strong>
+                            <p class="ai-config-alert__text">Automatically configure all your tables with AI. You can adjust changes in Settings and UI widgets.</p>
+                        </div>
+                        <div class="ai-config-alert__actions">
+                            <a mat-button [routerLink]="'/auto-configure/' + connectionID">Configure all</a>
+                        </div>
+                    </div>
                     <app-alert *ngIf="dataSource.alert_primaryKeysInfo" [alert]="dataSource.alert_primaryKeysInfo"></app-alert>
                     <app-alert *ngIf="dataSource.alert_widgetsWarning" [alert]="dataSource.alert_widgetsWarning"></app-alert>
                 </div>
diff --git a/frontend/src/app/components/dashboard/db-tables-data-source.ts b/frontend/src/app/components/dashboard/db-tables-data-source.ts
index ea8852f62..c12d09816 100644
--- a/frontend/src/app/components/dashboard/db-tables-data-source.ts
+++ b/frontend/src/app/components/dashboard/db-tables-data-source.ts
@@ -298,10 +298,11 @@ export class TablesDataSource implements DataSource<Object> {
               type: AlertType.Info,
               message: 'Configure now to reveal advanced table functionality and features.',
               actions: [
-                // {
-                //   type: AlertActionType.Button,
-                //   caption: 'AI generate',
-                // },
+                {
+                  type: AlertActionType.Link,
+                  caption: 'Configure all',
+                  to: `/auto-configure/${connectionID}`
+                },
                 {
                   type: AlertActionType.Link,
                   caption: 'Settings',

From eca76c59336187826d6b1b3c034cfa84a65c6a8d Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Thu, 26 Feb 2026 13:10:30 +0000
Subject: [PATCH 2/2] auto configure: add Open tables button while configuring
 in background

---
 .../auto-configure/auto-configure.component.css     | 13 +++++++++++++
 .../auto-configure/auto-configure.component.html    |  6 ++++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/components/auto-configure/auto-configure.component.css b/frontend/src/app/components/auto-configure/auto-configure.component.css
index c4d15122c..b2352a8fd 100644
--- a/frontend/src/app/components/auto-configure/auto-configure.component.css
+++ b/frontend/src/app/components/auto-configure/auto-configure.component.css
@@ -21,6 +21,19 @@
 	text-align: center;
 }
 
+.auto-configure__open-btn {
+	margin-top: 8px;
+	font-size: 16px;
+	padding: 0 32px;
+}
+
+.auto-configure__hint {
+	color: var(--mat-sidenav-content-text-color);
+	opacity: 0.5;
+	margin: 0;
+	font-size: 13px;
+}
+
 .auto-configure__notice {
 	color: var(--mat-sidenav-content-text-color);
 	opacity: 0.7;
diff --git a/frontend/src/app/components/auto-configure/auto-configure.component.html b/frontend/src/app/components/auto-configure/auto-configure.component.html
index 5b4ea8816..14e2b4341 100644
--- a/frontend/src/app/components/auto-configure/auto-configure.component.html
+++ b/frontend/src/app/components/auto-configure/auto-configure.component.html
@@ -1,8 +1,10 @@
 @if (loading()) {
 	<div class="auto-configure">
 		<mat-spinner diameter="48"></mat-spinner>
-		<h2 class="auto-configure__title">Auto-configuring your dashboard</h2>
-		<p class="auto-configure__text">Please wait while we analyze your database and set up the best configuration. This may take a moment.</p>
+		<h2 class="auto-configure__title">Setting up your dashboard</h2>
+		<p class="auto-configure__text">We're analyzing your database structure and applying the best configuration. This may take a while.</p>
+		<a mat-flat-button class="auto-configure__open-btn" [routerLink]="'/dashboard/' + connectionId()">Open tables</a>
+		<p class="auto-configure__hint">Setup will continue in the background</p>
 	</div>
 } @else if (errorMessage()) {
 	<div class="auto-configure">