<img width="1317" alt="Screenshot 2025-03-19 at 15 22 23"

src="https://github.com/user-attachments/assets/9b662f0b-bc7d-41f3-80a7-1298e5815ebe"
/>

GitOrigin-RevId: 783ad9a317c78a8f40f61d4c8b28897d1eebb7e2

Author: adrw

misk-admin/src/main/kotlin/misk/web/metadata/database/DatabaseDashboardTabModule.kt

@@ -6,6 +6,7 @@ import misk.web.WebActionModule
 import misk.web.dashboard.AdminDashboard
 import misk.web.dashboard.AdminDashboardAccess
 import misk.web.dashboard.DashboardModule
+import misk.web.metadata.guice.GuiceTabIndexAction
 
 /**
  * Installs Database dashboard tab which allows querying the database from a UI form.
@@ -16,6 +17,16 @@ class DatabaseDashboardTabModule(private val isDevelopment: Boolean): KAbstractM
     newMultibinder<DatabaseQueryMetadata>()
     install(WebActionModule.create<DatabaseQueryMetadataAction>())
 
+    // New Database Tab
+    install(WebActionModule.create<DatabaseTabIndexAction>())
+    install(DashboardModule.createHotwireTab<AdminDashboard, AdminDashboardAccess>(
+      slug = "database-beta",
+      urlPathPrefix = DatabaseTabIndexAction.PATH,
+      menuCategory = "Container Admin",
+      menuLabel = "Database Beta",
+    ))
+
+    // Old Database Tab
     install(
       DashboardModule.createMiskWebTab<AdminDashboard, AdminDashboardAccess>(
         isDevelopment = isDevelopment,

misk-admin/src/main/kotlin/misk/web/metadata/database/DatabaseTabIndexAction.kt

@@ -0,0 +1,42 @@
+package misk.web.metadata.database
+
+import jakarta.inject.Inject
+import jakarta.inject.Singleton
+import kotlinx.html.div
+import kotlinx.html.h1
+import misk.tailwind.components.AlertInfoHighlight
+import misk.web.Get
+import misk.web.ResponseContentType
+import misk.web.actions.WebAction
+import misk.web.dashboard.AdminDashboardAccess
+import misk.web.mediatype.MediaTypes
+import misk.web.v2.DashboardPageLayout
+
+@Singleton
+internal class DatabaseTabIndexAction @Inject constructor(
+  private val dashboardPageLayout: DashboardPageLayout,
+) : WebAction {
+  @Get(PATH)
+  @ResponseContentType(MediaTypes.TEXT_HTML)
+  @AdminDashboardAccess
+  fun get(): String = dashboardPageLayout
+    .newBuilder()
+    .build { _, _, _ ->
+
+      div("container mx-auto p-8") {
+        h1("text-3xl font-bold mb-4") {
+          +"""Database Beta"""
+        }
+        AlertInfoHighlight(
+          "Execute SQL queries against your database.",
+          "Old Tab",
+          "/_admin/database/",
+        )
+
+      }
+    }
+
+  companion object {
+    const val PATH = "/_admin/database-beta/"
+  }
+}