Add DBGate opener for scrape database

public/app.js

@@ -50,6 +50,7 @@ const localDbFields = document.querySelector("#localDbFields");
 const localDbInputs = document.querySelectorAll("#localDbFields input");
 const testLocalDbButton = document.querySelector("#testLocalDbButton");
 const localDbTestResult = document.querySelector("#localDbTestResult");
+const openDbGateButton = document.querySelector("#openDbGateButton");
 const lightContrastSelect = document.querySelector("#lightContrastSelect");
 const darkContrastSelect = document.querySelector("#darkContrastSelect");
 const catalogScreen = document.querySelector(".catalog-screen");
@@ -239,6 +240,7 @@ for (const input of transactionModeInputs)
 for (const input of localDbInputs)
     input.addEventListener("change", saveLocalDbSettings);
 testLocalDbButton.addEventListener("click", testLocalDbConnection);
+openDbGateButton.addEventListener("click", openDbGate);
 lightContrastSelect.addEventListener("change", saveAppearance);
 darkContrastSelect.addEventListener("change", saveAppearance);
 loadDatabaseMode();
@@ -1057,6 +1059,32 @@ async function testLocalDbConnection() {
         testLocalDbButton.disabled = false;
     }
 }
+async function openDbGate() {
+    openDbGateButton.disabled = true;
+    const previousNote = databaseModeNote.textContent;
+    databaseModeNote.textContent = "Opening DBGate...";
+    try {
+        const response = await fetch("/api/tools/open-dbgate");
+        const data = await response.json();
+        if (!response.ok || !data.opened)
+            throw new Error(data.message || "DBGate could not be opened.");
+        databaseModeNote.textContent = `DBGate opened: ${data.url}`;
+    }
+    catch (error) {
+        databaseModeNote.textContent = `DBGate error: ${error.message}`;
+    }
+    finally {
+        openDbGateButton.disabled = false;
+        window.setTimeout(() => {
+            if (databaseModeNote.textContent.startsWith("DBGate")) {
+                renderDatabaseModeNote(localStorage.getItem("catalog-maker:database-mode") || "local");
+            }
+            else if (databaseModeNote.textContent === "Opening DBGate...") {
+                databaseModeNote.textContent = previousNote;
+            }
+        }, 3500);
+    }
+}
 function syncLocalDbFields(mode) {
     localDbFields.hidden = mode !== "local";
 }