From d897603dd5d832c2d3c537fe71d552c418eafd0d Mon Sep 17 00:00:00 2001
From: t8y2 <1156263951@qq.com>
Date: Tue, 16 Jun 2026 23:34:21 +0800
Subject: [PATCH] fix: add hint for missing H2 driver installation in
 connection dialog

---
 .../src/components/connection/ConnectionDialog.vue       | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/apps/desktop/src/components/connection/ConnectionDialog.vue b/apps/desktop/src/components/connection/ConnectionDialog.vue
index 180dbcd54b..5a8d2cfbb0 100644
--- a/apps/desktop/src/components/connection/ConnectionDialog.vue
+++ b/apps/desktop/src/components/connection/ConnectionDialog.vue
@@ -1101,6 +1101,7 @@ const etcdEndpointsLines = computed({
 });
 const canUseTransportLayers = computed(() => form.value.db_type !== "sqlite" && form.value.db_type !== "access" && !isH2FileMode.value);
 const shouldShowAgentDriverInstallHint = computed(() => showAgentDriverInstallHint(form.value.db_type, agentDrivers.value, form.value.driver_profile));
+const h2DriverMissing = computed(() => form.value.db_type === "h2" && isH2FileMode.value && agentDrivers.value.find((d) => d.db_type === "h2")?.installed !== true);
 const canChooseVisibleDatabases = computed(() => connectionCanChooseVisibleDatabases(form.value));
 const hasVisibleDatabaseFilter = computed(() => Array.isArray(form.value.visible_databases));
 const visibleDatabaseSummary = computed(() => {
@@ -2441,6 +2442,14 @@ function openExternalUrl(url: string) {
                   </div>
                 </div>
 
+                <div v-if="h2DriverMissing" class="grid grid-cols-4 items-center gap-4">
+                  <span />
+                  <p class="col-span-3 text-xs text-muted-foreground">
+                    {{ t("connection.driverInstallHintPrefix") }}<a class="underline cursor-pointer text-primary hover:text-primary/80" @click="emit('openDriverStore')">{{ t("toolbar.driverManager") }}</a
+                    >{{ t("connection.driverInstallHintSuffix") }}
+                  </p>
+                </div>
+
                 <!-- JDBC: optional external plugin -->
                 <template v-if="form.db_type === 'jdbc'">
                   <div class="grid grid-cols-4 items-center gap-4">