fdb2 1.0.34 → 1.0.36

package/dist/public/explorer.js

@@ -1,6 +1,6 @@
 import { i as __require, n as __esmMin, t as __commonJSMin } from "./rolldown-runtime.js";
-import { C as createCommentVNode, D as createTextVNode, E as createStaticVNode, F as onBeforeUnmount, G as withDirectives, I as onMounted, O as createVNode, P as nextTick, R as openBlock, S as createBlock, T as createSlots, U as watch, W as withCtx, _ as vShow, a as init_vue_router, at as normalizeClass, b as computed, d as init_vue_runtime_esm_bundler, et as ref, g as vModelText, h as vModelSelect, k as defineComponent, l as init_vue_i18n, m as vModelCheckbox, o as useRoute, ot as normalizeStyle, s as useRouter, st as toDisplayString, u as useI18n, v as withModifiers, w as createElementBlock, x as createBaseVNode, y as Fragment, z as renderList } from "./vue.js";
-import { _ as init_i18n, a as dataGrid_default, b as defineStore, c as modal_default, d as toast, f as init_toast$1, g as getT, h as init__plugin_vue_export_helper, i as showConfirm, l as init_loading, m as _plugin_vue_export_helper_default, n as init_modal$2, o as init_dataGrid, p as toast_default, r as showAlert, s as init_modal$1, t as getModalInstance, u as init_toast, v as init_base, x as init_pinia, y as request } from "./index.js";
+import { A as defineComponent, B as renderList, C as createBlock, D as createStaticVNode, E as createSlots, F as nextTick, G as withCtx, I as onBeforeUnmount, K as withDirectives, L as onMounted, O as createTextVNode, S as createBaseVNode, T as createElementBlock, W as watch, _ as vModelText, a as init_vue_router, b as Fragment, ct as toDisplayString, d as init_vue_runtime_esm_bundler, g as vModelSelect, h as vModelCheckbox, k as createVNode, l as init_vue_i18n, o as useRoute, ot as normalizeClass, s as useRouter, st as normalizeStyle, tt as ref, u as useI18n, v as vShow, w as createCommentVNode, x as computed, y as withModifiers, z as openBlock } from "./vue.js";
+import { A as defineStore, C as init_rpc, D as vscodeSaveFile, E as vscodePickSaveFolder, O as init_detect, S as blobToBase64, T as vscodeNotifyExported, _ as init__plugin_vue_export_helper, a as dataGrid_default, b as init_base, c as pagination_default, d as init_loading, f as init_toast, g as _plugin_vue_export_helper_default, h as toast_default, i as showConfirm, j as init_pinia, k as isVSCode, l as init_modal$1, m as init_toast$1, n as init_modal$2, o as init_dataGrid, p as toast, r as showAlert, s as init_pagination, t as getModalInstance, u as modal_default, v as getT, w as isVscodeWebview, x as request, y as init_i18n } from "./index.js";
 //#region src/service/database.ts
 var ConnectionService, DatabaseService;
 var init_database = __esmMin((() => {
@@ -414,32 +414,32 @@ var init_database = __esmMin((() => {
 }));
 //#endregion
 //#region src/components/connection-editor/index.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$10, _hoisted_2$10, _hoisted_3$10, _hoisted_4$10, _hoisted_5$10, _hoisted_6$10, _hoisted_7$10, _hoisted_8$10, _hoisted_9$10, _hoisted_10$10, _hoisted_11$10, _hoisted_12$10, _hoisted_13$10, _hoisted_14$10, _hoisted_15$10, _hoisted_16$10, _hoisted_17$9, _hoisted_18$9, _hoisted_19$9, _hoisted_20$8, _hoisted_21$8, _hoisted_22$8, _hoisted_23$8, _hoisted_24$8, _hoisted_25$7, _hoisted_26$7, _hoisted_27$7, _hoisted_28$7, _hoisted_29$7, _hoisted_30$6, _hoisted_31$6, _hoisted_32$6, _hoisted_33$6, _hoisted_34$6, _hoisted_35$6, _hoisted_36$6, _hoisted_37$6, _hoisted_38$6, _hoisted_39$6, _hoisted_40$6, _hoisted_41$6, _hoisted_42$6, _hoisted_43$6, _hoisted_44$6, _hoisted_45$6, _hoisted_46$6, _hoisted_47$6, _hoisted_48$6, _hoisted_49$6, _hoisted_50$5, _hoisted_51$5, _hoisted_52$5, _hoisted_53$4, _hoisted_54$4, _hoisted_55$4, _hoisted_56$4, _hoisted_57$4, _hoisted_58$4, _hoisted_59$4, _hoisted_60$4, _hoisted_61$4, index_vue_vue_type_script_setup_true_lang_default;
+var _hoisted_1$9, _hoisted_2$9, _hoisted_3$9, _hoisted_4$9, _hoisted_5$9, _hoisted_6$9, _hoisted_7$9, _hoisted_8$9, _hoisted_9$9, _hoisted_10$9, _hoisted_11$9, _hoisted_12$9, _hoisted_13$9, _hoisted_14$9, _hoisted_15$9, _hoisted_16$9, _hoisted_17$9, _hoisted_18$9, _hoisted_19$9, _hoisted_20$8, _hoisted_21$8, _hoisted_22$8, _hoisted_23$8, _hoisted_24$8, _hoisted_25$8, _hoisted_26$7, _hoisted_27$7, _hoisted_28$7, _hoisted_29$7, _hoisted_30$6, _hoisted_31$6, _hoisted_32$6, _hoisted_33$6, _hoisted_34$6, _hoisted_35$6, _hoisted_36$6, _hoisted_37$6, _hoisted_38$6, _hoisted_39$6, _hoisted_40$6, _hoisted_41$6, _hoisted_42$6, _hoisted_43$6, _hoisted_44$6, _hoisted_45$6, _hoisted_46$6, _hoisted_47$6, _hoisted_48$5, _hoisted_49$5, _hoisted_50$5, _hoisted_51$5, _hoisted_52$4, _hoisted_53$4, _hoisted_54$4, _hoisted_55$4, _hoisted_56$4, _hoisted_57$4, _hoisted_58$4, _hoisted_59$4, _hoisted_60$4, _hoisted_61$4, index_vue_vue_type_script_setup_true_lang_default;
 var init_index_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	init_vue_runtime_esm_bundler();
 	init_vue_i18n();
 	init_database();
 	init_modal$1();
 	init_toast();
-	_hoisted_1$10 = { class: "form-section" };
-	_hoisted_2$10 = { class: "section-header" };
-	_hoisted_3$10 = { class: "section-title" };
-	_hoisted_4$10 = { class: "section-content" };
-	_hoisted_5$10 = { class: "form-grid" };
-	_hoisted_6$10 = { class: "form-group-modern" };
-	_hoisted_7$10 = { class: "form-label-modern" };
-	_hoisted_8$10 = ["placeholder"];
-	_hoisted_9$10 = { class: "form-group-modern" };
-	_hoisted_10$10 = { class: "form-label-modern" };
-	_hoisted_11$10 = { value: "" };
-	_hoisted_12$10 = ["value"];
-	_hoisted_13$10 = {
+	_hoisted_1$9 = { class: "form-section" };
+	_hoisted_2$9 = { class: "section-header" };
+	_hoisted_3$9 = { class: "section-title" };
+	_hoisted_4$9 = { class: "section-content" };
+	_hoisted_5$9 = { class: "form-grid" };
+	_hoisted_6$9 = { class: "form-group-modern" };
+	_hoisted_7$9 = { class: "form-label-modern" };
+	_hoisted_8$9 = ["placeholder"];
+	_hoisted_9$9 = { class: "form-group-modern" };
+	_hoisted_10$9 = { class: "form-label-modern" };
+	_hoisted_11$9 = { value: "" };
+	_hoisted_12$9 = ["value"];
+	_hoisted_13$9 = {
 		key: 0,
 		class: "form-section"
 	};
-	_hoisted_14$10 = { class: "section-header" };
-	_hoisted_15$10 = { class: "section-title" };
-	_hoisted_16$10 = { class: "section-content" };
+	_hoisted_14$9 = { class: "section-header" };
+	_hoisted_15$9 = { class: "section-title" };
+	_hoisted_16$9 = { class: "section-content" };
 	_hoisted_17$9 = { class: "form-grid" };
 	_hoisted_18$9 = { class: "form-group-modern" };
 	_hoisted_19$9 = { class: "form-label-modern" };
@@ -448,7 +448,7 @@ var init_index_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	_hoisted_22$8 = { class: "form-label-modern" };
 	_hoisted_23$8 = ["placeholder"];
 	_hoisted_24$8 = { class: "form-group-modern" };
-	_hoisted_25$7 = { class: "form-label-modern" };
+	_hoisted_25$8 = { class: "form-label-modern" };
 	_hoisted_26$7 = ["placeholder"];
 	_hoisted_27$7 = { class: "form-group-modern" };
 	_hoisted_28$7 = { class: "form-label-modern" };
@@ -474,11 +474,11 @@ var init_index_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	_hoisted_45$6 = ["placeholder"];
 	_hoisted_46$6 = { class: "form-group-modern" };
 	_hoisted_47$6 = { class: "form-label-modern" };
-	_hoisted_48$6 = ["placeholder"];
-	_hoisted_49$6 = { class: "form-section" };
+	_hoisted_48$5 = ["placeholder"];
+	_hoisted_49$5 = { class: "form-section" };
 	_hoisted_50$5 = { class: "section-header" };
 	_hoisted_51$5 = { class: "section-title" };
-	_hoisted_52$5 = { class: "section-content" };
+	_hoisted_52$4 = { class: "section-content" };
 	_hoisted_53$4 = { class: "form-group-modern" };
 	_hoisted_54$4 = { class: "form-label-modern" };
 	_hoisted_55$4 = { class: "form-check-modern" };
@@ -724,7 +724,7 @@ var init_index_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 						onSubmit: withModifiers(saveConnection, ["prevent"]),
 						class: "connection-form-modern"
 					}, [
-						createBaseVNode("div", _hoisted_1$10, [createBaseVNode("div", _hoisted_2$10, [_cache[11] || (_cache[11] = createBaseVNode("div", { class: "section-icon" }, [createBaseVNode("i", { class: "bi bi-info-circle" })], -1)), createBaseVNode("h3", _hoisted_3$10, toDisplayString(_ctx.$t("connection.basicInfo")), 1)]), createBaseVNode("div", _hoisted_4$10, [createBaseVNode("div", _hoisted_5$10, [createBaseVNode("div", _hoisted_6$10, [createBaseVNode("label", _hoisted_7$10, [
+						createBaseVNode("div", _hoisted_1$9, [createBaseVNode("div", _hoisted_2$9, [_cache[11] || (_cache[11] = createBaseVNode("div", { class: "section-icon" }, [createBaseVNode("i", { class: "bi bi-info-circle" })], -1)), createBaseVNode("h3", _hoisted_3$9, toDisplayString(_ctx.$t("connection.basicInfo")), 1)]), createBaseVNode("div", _hoisted_4$9, [createBaseVNode("div", _hoisted_5$9, [createBaseVNode("div", _hoisted_6$9, [createBaseVNode("label", _hoisted_7$9, [
 							_cache[12] || (_cache[12] = createBaseVNode("i", { class: "bi bi-tag me-2" }, null, -1)),
 							createTextVNode(toDisplayString(_ctx.$t("connection.connectionName")) + " ", 1),
 							_cache[13] || (_cache[13] = createBaseVNode("span", { class: "required" }, "*", -1))
@@ -734,7 +734,7 @@ var init_index_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => connectionForm.value.name = $event),
 							placeholder: _ctx.$t("connection.connectionNamePlaceholder"),
 							required: ""
-						}, null, 8, _hoisted_8$10), [[vModelText, connectionForm.value.name]])]), createBaseVNode("div", _hoisted_9$10, [createBaseVNode("label", _hoisted_10$10, [
+						}, null, 8, _hoisted_8$9), [[vModelText, connectionForm.value.name]])]), createBaseVNode("div", _hoisted_9$9, [createBaseVNode("label", _hoisted_10$9, [
 							_cache[14] || (_cache[14] = createBaseVNode("i", { class: "bi bi-diagram-3 me-2" }, null, -1)),
 							createTextVNode(toDisplayString(_ctx.$t("connection.databaseType")) + " ", 1),
 							_cache[15] || (_cache[15] = createBaseVNode("span", { class: "required" }, "*", -1))
@@ -743,13 +743,13 @@ var init_index_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => connectionForm.value.type = $event),
 							onChange: onTypeChange,
 							required: ""
-						}, [createBaseVNode("option", _hoisted_11$10, toDisplayString(_ctx.$t("connection.selectDatabaseType")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(databaseTypes.value, (dbType) => {
+						}, [createBaseVNode("option", _hoisted_11$9, toDisplayString(_ctx.$t("connection.selectDatabaseType")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(databaseTypes.value, (dbType) => {
 							return openBlock(), createElementBlock("option", {
 								key: dbType.value,
 								value: dbType.value
-							}, toDisplayString(dbType.label), 9, _hoisted_12$10);
+							}, toDisplayString(dbType.label), 9, _hoisted_12$9);
 						}), 128))], 544), [[vModelSelect, connectionForm.value.type]])])])])]),
-						connectionForm.value.type !== "sqlite" ? (openBlock(), createElementBlock("div", _hoisted_13$10, [createBaseVNode("div", _hoisted_14$10, [_cache[16] || (_cache[16] = createBaseVNode("div", { class: "section-icon" }, [createBaseVNode("i", { class: "bi bi-hdd-network" })], -1)), createBaseVNode("h3", _hoisted_15$10, toDisplayString(_ctx.$t("connection.connectionConfig")), 1)]), createBaseVNode("div", _hoisted_16$10, [createBaseVNode("div", _hoisted_17$9, [
+						connectionForm.value.type !== "sqlite" ? (openBlock(), createElementBlock("div", _hoisted_13$9, [createBaseVNode("div", _hoisted_14$9, [_cache[16] || (_cache[16] = createBaseVNode("div", { class: "section-icon" }, [createBaseVNode("i", { class: "bi bi-hdd-network" })], -1)), createBaseVNode("h3", _hoisted_15$9, toDisplayString(_ctx.$t("connection.connectionConfig")), 1)]), createBaseVNode("div", _hoisted_16$9, [createBaseVNode("div", _hoisted_17$9, [
 							createBaseVNode("div", _hoisted_18$9, [createBaseVNode("label", _hoisted_19$9, [
 								_cache[17] || (_cache[17] = createBaseVNode("i", { class: "bi bi-server me-2" }, null, -1)),
 								createTextVNode(toDisplayString(_ctx.$t("connection.host")) + " ", 1),
@@ -779,7 +779,7 @@ var init_index_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 								void 0,
 								{ number: true }
 							]])]),
-							createBaseVNode("div", _hoisted_24$8, [createBaseVNode("label", _hoisted_25$7, [
+							createBaseVNode("div", _hoisted_24$8, [createBaseVNode("label", _hoisted_25$8, [
 								_cache[21] || (_cache[21] = createBaseVNode("i", { class: "bi bi-database me-2" }, null, -1)),
 								createTextVNode(toDisplayString(_ctx.$t("connection.databaseName")) + " ", 1),
 								_cache[22] || (_cache[22] = createBaseVNode("span", { class: "required" }, "*", -1))
@@ -824,8 +824,8 @@ var init_index_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 							class: "form-control-modern",
 							"onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => connectionForm.value.password = $event),
 							placeholder: _ctx.$t("connection.passwordPlaceholder")
-						}, null, 8, _hoisted_48$6), [[vModelText, connectionForm.value.password]])])])])]),
-						createBaseVNode("div", _hoisted_49$6, [createBaseVNode("div", _hoisted_50$5, [_cache[30] || (_cache[30] = createBaseVNode("div", { class: "section-icon" }, [createBaseVNode("i", { class: "bi bi-gear" })], -1)), createBaseVNode("h3", _hoisted_51$5, toDisplayString(_ctx.$t("connection.otherOptions")), 1)]), createBaseVNode("div", _hoisted_52$5, [createBaseVNode("div", _hoisted_53$4, [createBaseVNode("label", _hoisted_54$4, [_cache[31] || (_cache[31] = createBaseVNode("i", { class: "bi bi-toggle-on me-2" }, null, -1)), createTextVNode(toDisplayString(_ctx.$t("connection.connectionStatus")), 1)]), createBaseVNode("div", _hoisted_55$4, [withDirectives(createBaseVNode("input", {
+						}, null, 8, _hoisted_48$5), [[vModelText, connectionForm.value.password]])])])])]),
+						createBaseVNode("div", _hoisted_49$5, [createBaseVNode("div", _hoisted_50$5, [_cache[30] || (_cache[30] = createBaseVNode("div", { class: "section-icon" }, [createBaseVNode("i", { class: "bi bi-gear" })], -1)), createBaseVNode("h3", _hoisted_51$5, toDisplayString(_ctx.$t("connection.otherOptions")), 1)]), createBaseVNode("div", _hoisted_52$4, [createBaseVNode("div", _hoisted_53$4, [createBaseVNode("label", _hoisted_54$4, [_cache[31] || (_cache[31] = createBaseVNode("i", { class: "bi bi-toggle-on me-2" }, null, -1)), createTextVNode(toDisplayString(_ctx.$t("connection.connectionStatus")), 1)]), createBaseVNode("div", _hoisted_55$4, [withDirectives(createBaseVNode("input", {
 							class: "form-check-input-modern",
 							type: "checkbox",
 							"onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => connectionForm.value.enabled = $event),
@@ -859,17 +859,17 @@ var init_index_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	});
 }));
 //#endregion
-//#region src/components/connection-editor/index.vue?vue&type=style&index=0&scoped=3a550e2d&lang.css
-var init_index_vue_vue_type_style_index_0_scoped_3a550e2d_lang = __esmMin((() => {}));
+//#region src/components/connection-editor/index.vue?vue&type=style&index=0&scoped=7681a313&lang.css
+var init_index_vue_vue_type_style_index_0_scoped_7681a313_lang = __esmMin((() => {}));
 //#endregion
 //#region src/components/connection-editor/index.vue
 var connection_editor_default;
 var init_connection_editor = __esmMin((() => {
 	init_index_vue_vue_type_script_setup_true_lang();
 	init_index_vue_vue_type_script_setup_true_lang();
-	init_index_vue_vue_type_style_index_0_scoped_3a550e2d_lang();
+	init_index_vue_vue_type_style_index_0_scoped_7681a313_lang();
 	init__plugin_vue_export_helper();
-	connection_editor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3a550e2d"]]);
+	connection_editor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-7681a313"]]);
 })), ModalHelper, modal;
 var init_modal = __esmMin((() => {
 	init_vue_runtime_esm_bundler();
@@ -53039,7 +53039,20 @@ function exportDataToJSON(data, filename = "export.json") {
 	const jsonContent = JSON.stringify(data, null, 2);
 	downloadFile(new Blob([jsonContent], { type: "application/json;charset=utf-8;" }), filename);
 }
-function downloadFile(blob, filename) {
+async function downloadFile(blob, filename) {
+	if (isVscodeWebview()) {
+		const ext = (filename.split(".").pop() || "").toLowerCase();
+		try {
+			await vscodeSaveFile({
+				filename,
+				base64: await blobToBase64(blob),
+				filters: ext ? { [`${ext.toUpperCase()} 文件`]: [ext] } : void 0
+			});
+		} catch (e) {
+			console.error("[vscode] 保存文件失败:", e);
+		}
+		return;
+	}
 	const url = URL.createObjectURL(blob);
 	const link = document.createElement("a");
 	link.href = url;
@@ -53055,10 +53068,57 @@ function formatFileName(baseName, extension) {
 }
 var init_export = __esmMin((() => {
 	init_xlsx();
+	init_rpc();
 }));
 //#endregion
+//#region src/platform/database/utils/theme.ts
+function isDarkTheme() {
+	if (typeof document === "undefined") return false;
+	const cls = document.body?.classList;
+	if (cls && (cls.contains("vscode-light") || cls.contains("vscode-dark") || cls.contains("vscode-high-contrast"))) return cls.contains("vscode-dark") || cls.contains("vscode-high-contrast");
+	if (cls?.contains("platform-desktop")) return true;
+	return typeof window !== "undefined" && !!window.matchMedia?.("(prefers-color-scheme: dark)").matches;
+}
+/** 监听主题变化（webview 切主题 / OS 切深色），返回取消函数 */
+function onThemeChange(cb) {
+	if (typeof window === "undefined") return () => void 0;
+	let disposed = false;
+	const off = [];
+	if (typeof MutationObserver !== "undefined" && document.body) {
+		let last = isDarkTheme();
+		const observer = new MutationObserver(() => {
+			const now = isDarkTheme();
+			if (now !== last) {
+				last = now;
+				cb();
+			}
+		});
+		observer.observe(document.body, {
+			attributes: true,
+			attributeFilter: ["class"]
+		});
+		off.push(() => observer.disconnect());
+	}
+	const mq = window.matchMedia?.("(prefers-color-scheme: dark)");
+	if (mq?.addEventListener) {
+		const handler = () => !disposed && cb();
+		mq.addEventListener("change", handler);
+		off.push(() => mq.removeEventListener("change", handler));
+	}
+	const onMsg = (event) => {
+		if (!disposed && event.data?.command === "themeChanged") cb();
+	};
+	window.addEventListener("message", onMsg);
+	off.push(() => window.removeEventListener("message", onMsg));
+	return () => {
+		disposed = true;
+		off.forEach((fn) => fn());
+	};
+}
+var init_theme = __esmMin((() => {}));
+//#endregion
 //#region src/platform/database/components/sql-executor.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$9, _hoisted_2$9, _hoisted_3$9, _hoisted_4$9, _hoisted_5$9, _hoisted_6$9, _hoisted_7$9, _hoisted_8$9, _hoisted_9$9, _hoisted_10$9, _hoisted_11$9, _hoisted_12$9, _hoisted_13$9, _hoisted_14$9, _hoisted_15$9, _hoisted_16$9, _hoisted_17$8, _hoisted_18$8, _hoisted_19$8, sql_executor_vue_vue_type_script_setup_true_lang_default;
+var _hoisted_1$8, _hoisted_2$8, _hoisted_3$8, _hoisted_4$8, _hoisted_5$8, _hoisted_6$8, _hoisted_7$8, _hoisted_8$8, _hoisted_9$8, _hoisted_10$8, _hoisted_11$8, _hoisted_12$8, _hoisted_13$8, _hoisted_14$8, _hoisted_15$8, _hoisted_16$8, _hoisted_17$8, _hoisted_18$8, _hoisted_19$8, sql_executor_vue_vue_type_script_setup_true_lang_default;
 var init_sql_executor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	init_vue_runtime_esm_bundler();
 	init_dist$11();
@@ -53072,37 +53132,38 @@ var init_sql_executor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	init_database();
 	init_modal();
 	init_export();
-	_hoisted_1$9 = { class: "sql-executor" };
-	_hoisted_2$9 = { class: "sql-toolbar" };
-	_hoisted_3$9 = { class: "toolbar-left" };
-	_hoisted_4$9 = ["disabled"];
-	_hoisted_5$9 = { class: "toolbar-right" };
-	_hoisted_6$9 = { class: "sql-editor" };
-	_hoisted_7$9 = { class: "sql-result" };
-	_hoisted_8$9 = { class: "result-content" };
-	_hoisted_9$9 = { class: "result-header" };
-	_hoisted_10$9 = { class: "result-title" };
-	_hoisted_11$9 = {
+	init_theme();
+	_hoisted_1$8 = { class: "sql-executor" };
+	_hoisted_2$8 = { class: "sql-toolbar" };
+	_hoisted_3$8 = { class: "toolbar-left" };
+	_hoisted_4$8 = ["disabled"];
+	_hoisted_5$8 = { class: "toolbar-right" };
+	_hoisted_6$8 = { class: "sql-editor" };
+	_hoisted_7$8 = { class: "sql-result" };
+	_hoisted_8$8 = { class: "result-content" };
+	_hoisted_9$8 = { class: "result-header" };
+	_hoisted_10$8 = { class: "result-title" };
+	_hoisted_11$8 = {
 		key: 0,
 		class: "sql-loading"
 	};
-	_hoisted_12$9 = {
+	_hoisted_12$8 = {
 		key: 0,
 		class: "bi bi-check-circle-fill text-success"
 	};
-	_hoisted_13$9 = {
+	_hoisted_13$8 = {
 		key: 1,
 		class: "bi bi-x-circle-fill text-danger"
 	};
-	_hoisted_14$9 = {
+	_hoisted_14$8 = {
 		key: 0,
 		class: "result-actions"
 	};
-	_hoisted_15$9 = {
+	_hoisted_15$8 = {
 		key: 0,
 		class: "sql-loading-state"
 	};
-	_hoisted_16$9 = { class: "d-flex align-items-center justify-content-center py-4" };
+	_hoisted_16$8 = { class: "d-flex align-items-center justify-content-center py-4" };
 	_hoisted_17$8 = { class: "fw-bold" };
 	_hoisted_18$8 = { class: "text-muted small" };
 	_hoisted_19$8 = { class: "json-result" };
@@ -53252,7 +53313,7 @@ var init_sql_executor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 						drawSelection(),
 						placeholder(t("sqlExecutor.inputSQLPlaceholder")),
 						sql(),
-						oneDark,
+						...isDarkTheme() ? [oneDark] : [],
 						keymap.of(defaultKeymap),
 						EditorView.updateListener.of((update) => {
 							if (update.docChanged) sqlQuery.value = update.state.doc.toString();
@@ -53269,12 +53330,12 @@ var init_sql_executor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 								minHeight: "100%"
 							},
 							".cm-gutters": {
-								backgroundColor: "#282c34",
-								color: "#abb2bf",
+								backgroundColor: "var(--db-code-bg)",
+								color: "var(--db-code-fg)",
 								border: "none"
 							},
-							".cm-activeLineGutter": { backgroundColor: "#282c34" },
-							".cm-activeLine": { backgroundColor: "rgba(255, 255, 255, 0.1)" }
+							".cm-activeLineGutter": { backgroundColor: "var(--db-code-bg)" },
+							".cm-activeLine": { backgroundColor: isDarkTheme() ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.06)" }
 						})
 					]
 				});
@@ -53303,26 +53364,26 @@ var init_sql_executor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 								height: "100%",
 								fontSize: "14px",
 								fontFamily: "Monaco, Menlo, Consolas, \"Courier New\", monospace",
-								backgroundColor: "#f8f9fa",
-								color: "#212529"
+								backgroundColor: "var(--db-bg-soft2)",
+								color: "var(--db-text-body)"
 							},
 							".cm-content": {
 								padding: "10px",
 								minHeight: "100%",
-								backgroundColor: "#ffffff",
-								color: "#212529",
-								border: "1px solid #dee2e6"
+								backgroundColor: "var(--db-surface)",
+								color: "var(--db-text-body)",
+								border: "1px solid var(--db-border-lighter)"
 							},
 							".cm-gutters": {
-								backgroundColor: "#f8f9fa",
-								color: "#6c757d",
-								border: "1px solid #dee2e6",
+								backgroundColor: "var(--db-bg-soft2)",
+								color: "var(--db-text-muted)",
+								border: "1px solid var(--db-border-lighter)",
 								borderRight: "none"
 							},
-							".cm-activeLineGutter": { backgroundColor: "#e9ecef" },
-							".cm-activeLine": { backgroundColor: "#e9ecef" },
-							".cm-selectionBackground": { backgroundColor: "#cce7ff" },
-							".cm-line": { color: "#212529" }
+							".cm-activeLineGutter": { backgroundColor: "var(--db-border-soft)" },
+							".cm-activeLine": { backgroundColor: "var(--db-border-soft)" },
+							".cm-selectionBackground": { backgroundColor: "var(--db-info-bg)" },
+							".cm-line": { color: "var(--db-text-body)" }
 						})
 					]
 				});
@@ -53371,22 +53432,36 @@ var init_sql_executor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 					} });
 				}
 			}
+			let offTheme = null;
 			onMounted(() => {
 				initEditor();
 				initResultEditor();
+				offTheme = onThemeChange(() => {
+					editor.value?.destroy();
+					editor.value = null;
+					resultEditor.value?.destroy();
+					resultEditor.value = null;
+					initEditor();
+					initResultEditor();
+				});
+			});
+			onBeforeUnmount(() => {
+				offTheme?.();
+				editor.value?.destroy();
+				resultEditor.value?.destroy();
 			});
 			watch(sqlResult, () => {
 				if (sqlResult.value && resultEditor.value) updateResultEditor();
 			});
 			return (_ctx, _cache) => {
-				return openBlock(), createElementBlock("div", _hoisted_1$9, [createBaseVNode("div", _hoisted_2$9, [createBaseVNode("div", _hoisted_3$9, [createBaseVNode("button", {
+				return openBlock(), createElementBlock("div", _hoisted_1$8, [createBaseVNode("div", _hoisted_2$8, [createBaseVNode("div", _hoisted_3$8, [createBaseVNode("button", {
 					class: "btn btn-primary btn-sm",
 					onClick: executeSql,
 					disabled: loading.value
-				}, [_cache[1] || (_cache[1] = createBaseVNode("i", { class: "bi bi-play-fill" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("sqlExecutor.executeSQL")), 1)], 8, _hoisted_4$9), createBaseVNode("button", {
+				}, [_cache[1] || (_cache[1] = createBaseVNode("i", { class: "bi bi-play-fill" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("sqlExecutor.executeSQL")), 1)], 8, _hoisted_4$8), createBaseVNode("button", {
 					class: "btn btn-outline-secondary btn-sm",
 					onClick: formatSql
-				}, [_cache[2] || (_cache[2] = createBaseVNode("i", { class: "bi bi-braces" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("common.format")), 1)])]), createBaseVNode("div", _hoisted_5$9, [createBaseVNode("button", {
+				}, [_cache[2] || (_cache[2] = createBaseVNode("i", { class: "bi bi-braces" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("common.format")), 1)])]), createBaseVNode("div", _hoisted_5$8, [createBaseVNode("button", {
 					class: "btn btn-outline-primary btn-sm",
 					onClick: clearSql
 				}, [_cache[3] || (_cache[3] = createBaseVNode("i", { class: "bi bi-trash" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("sqlExecutor.clearBtn")), 1)])])]), createBaseVNode("div", {
@@ -53394,7 +53469,7 @@ var init_sql_executor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 					ref_key: "containerRef",
 					ref: containerRef
 				}, [
-					createBaseVNode("div", _hoisted_6$9, [createBaseVNode("div", {
+					createBaseVNode("div", _hoisted_6$8, [createBaseVNode("div", {
 						ref_key: "editorRef",
 						ref: editorRef,
 						class: "codemirror-editor"
@@ -53403,15 +53478,15 @@ var init_sql_executor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 						class: normalizeClass(["resizer", { "resizing": isResizing.value }]),
 						onMousedown: startResize
 					}, null, 34),
-					createBaseVNode("div", _hoisted_7$9, [createBaseVNode("div", _hoisted_8$9, [
-						createBaseVNode("div", _hoisted_9$9, [createBaseVNode("h6", _hoisted_10$9, [loading.value ? (openBlock(), createElementBlock("div", _hoisted_11$9, [_cache[4] || (_cache[4] = createBaseVNode("div", { class: "spinner-border spinner-border-sm me-2" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("sqlExecutor.executing")), 1)])) : sqlResult.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [sqlResult.value.success ? (openBlock(), createElementBlock("i", _hoisted_12$9)) : (openBlock(), createElementBlock("i", _hoisted_13$9)), createTextVNode(" " + toDisplayString(_ctx.$t("sqlExecutor.resultTitle")), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(_ctx.$t("sqlExecutor.resultTitle")), 1)], 64))]), sqlResult.value && !loading.value ? (openBlock(), createElementBlock("div", _hoisted_14$9, [createBaseVNode("button", {
+					createBaseVNode("div", _hoisted_7$8, [createBaseVNode("div", _hoisted_8$8, [
+						createBaseVNode("div", _hoisted_9$8, [createBaseVNode("h6", _hoisted_10$8, [loading.value ? (openBlock(), createElementBlock("div", _hoisted_11$8, [_cache[4] || (_cache[4] = createBaseVNode("div", { class: "spinner-border spinner-border-sm me-2" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("sqlExecutor.executing")), 1)])) : sqlResult.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [sqlResult.value.success ? (openBlock(), createElementBlock("i", _hoisted_12$8)) : (openBlock(), createElementBlock("i", _hoisted_13$8)), createTextVNode(" " + toDisplayString(_ctx.$t("sqlExecutor.resultTitle")), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(_ctx.$t("sqlExecutor.resultTitle")), 1)], 64))]), sqlResult.value && !loading.value ? (openBlock(), createElementBlock("div", _hoisted_14$8, [createBaseVNode("button", {
 							class: "btn btn-sm btn-outline-secondary me-2",
 							onClick: formatJsonResult
 						}, [_cache[5] || (_cache[5] = createBaseVNode("i", { class: "bi bi-braces" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("common.format")), 1)]), createBaseVNode("button", {
 							class: "btn btn-sm btn-outline-secondary",
 							onClick: _cache[0] || (_cache[0] = ($event) => exportResult("json"))
 						}, [_cache[6] || (_cache[6] = createBaseVNode("i", { class: "bi bi-file-earmark-code" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("sqlExecutor.exportJSON")), 1)])])) : createCommentVNode("", true)]),
-						loading.value ? (openBlock(), createElementBlock("div", _hoisted_15$9, [createBaseVNode("div", _hoisted_16$9, [_cache[7] || (_cache[7] = createBaseVNode("div", { class: "spinner-border text-primary me-3" }, null, -1)), createBaseVNode("div", null, [createBaseVNode("div", _hoisted_17$8, toDisplayString(_ctx.$t("sqlExecutor.executingSQL")), 1), createBaseVNode("div", _hoisted_18$8, toDisplayString(_ctx.$t("sqlExecutor.executingHint")), 1)])])])) : createCommentVNode("", true),
+						loading.value ? (openBlock(), createElementBlock("div", _hoisted_15$8, [createBaseVNode("div", _hoisted_16$8, [_cache[7] || (_cache[7] = createBaseVNode("div", { class: "spinner-border text-primary me-3" }, null, -1)), createBaseVNode("div", null, [createBaseVNode("div", _hoisted_17$8, toDisplayString(_ctx.$t("sqlExecutor.executingSQL")), 1), createBaseVNode("div", _hoisted_18$8, toDisplayString(_ctx.$t("sqlExecutor.executingHint")), 1)])])])) : createCommentVNode("", true),
 						createBaseVNode("div", _hoisted_19$8, [createBaseVNode("div", {
 							ref_key: "resultEditorRef",
 							ref: resultEditorRef,
@@ -53424,21 +53499,21 @@ var init_sql_executor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	});
 }));
 //#endregion
-//#region src/platform/database/components/sql-executor.vue?vue&type=style&index=0&scoped=fe79b105&lang.css
-var init_sql_executor_vue_vue_type_style_index_0_scoped_fe79b105_lang = __esmMin((() => {}));
+//#region src/platform/database/components/sql-executor.vue?vue&type=style&index=0&scoped=4b956460&lang.css
+var init_sql_executor_vue_vue_type_style_index_0_scoped_4b956460_lang = __esmMin((() => {}));
 //#endregion
 //#region src/platform/database/components/sql-executor.vue
 var sql_executor_default;
 var init_sql_executor = __esmMin((() => {
 	init_sql_executor_vue_vue_type_script_setup_true_lang();
 	init_sql_executor_vue_vue_type_script_setup_true_lang();
-	init_sql_executor_vue_vue_type_style_index_0_scoped_fe79b105_lang();
+	init_sql_executor_vue_vue_type_style_index_0_scoped_4b956460_lang();
 	init__plugin_vue_export_helper();
-	sql_executor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(sql_executor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-fe79b105"]]);
+	sql_executor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(sql_executor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-4b956460"]]);
 }));
 //#endregion
 //#region src/platform/database/components/connection-detail.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8, _hoisted_2$8, _hoisted_3$8, _hoisted_4$8, _hoisted_5$8, _hoisted_6$8, _hoisted_7$8, _hoisted_8$8, _hoisted_9$8, _hoisted_10$8, _hoisted_11$8, _hoisted_12$8, _hoisted_13$8, _hoisted_14$8, _hoisted_15$8, _hoisted_16$8, _hoisted_17$7, _hoisted_18$7, _hoisted_19$7, _hoisted_20$7, _hoisted_21$7, _hoisted_22$7, _hoisted_23$7, _hoisted_24$7, _hoisted_25$6, _hoisted_26$6, _hoisted_27$6, _hoisted_28$6, _hoisted_29$6, _hoisted_30$5, _hoisted_31$5, _hoisted_32$5, _hoisted_33$5, _hoisted_34$5, _hoisted_35$5, _hoisted_36$5, _hoisted_37$5, _hoisted_38$5, _hoisted_39$5, _hoisted_40$5, _hoisted_41$5, _hoisted_42$5, _hoisted_43$5, _hoisted_44$5, _hoisted_45$5, _hoisted_46$5, _hoisted_47$5, _hoisted_48$5, _hoisted_49$5, _hoisted_50$4, _hoisted_51$4, _hoisted_52$4, _hoisted_53$3, _hoisted_54$3, _hoisted_55$3, _hoisted_56$3, _hoisted_57$3, _hoisted_58$3, _hoisted_59$3, _hoisted_60$3, _hoisted_61$3, _hoisted_62$3, _hoisted_63$3, _hoisted_64$3, _hoisted_65$3, _hoisted_66$3, _hoisted_67$3, _hoisted_68$3, _hoisted_69$3, _hoisted_70$3, _hoisted_71$3, _hoisted_72$3, _hoisted_73$3, _hoisted_74$2, _hoisted_75$2, _hoisted_76$2, _hoisted_77$2, _hoisted_78$2, _hoisted_79$2, _hoisted_80$2, _hoisted_81$2, _hoisted_82$2, _hoisted_83$2, _hoisted_84$2, _hoisted_85$2, _hoisted_86$2, _hoisted_87$2, _hoisted_88$2, _hoisted_89$2, _hoisted_90$2, _hoisted_91$2, _hoisted_92$2, _hoisted_93$2, _hoisted_94$2, _hoisted_95$2, _hoisted_96$2, _hoisted_97$2, _hoisted_98$2, _hoisted_99$2, _hoisted_100$2, _hoisted_101$2, _hoisted_102$2, _hoisted_103$2, _hoisted_104$2, _hoisted_105$2, _hoisted_106$2, _hoisted_107$2, _hoisted_108$2, _hoisted_109$1, _hoisted_110$1, _hoisted_111$1, _hoisted_112$1, connection_detail_vue_vue_type_script_setup_true_lang_default;
+var _hoisted_1$7, _hoisted_2$7, _hoisted_3$7, _hoisted_4$7, _hoisted_5$7, _hoisted_6$7, _hoisted_7$7, _hoisted_8$7, _hoisted_9$7, _hoisted_10$7, _hoisted_11$7, _hoisted_12$7, _hoisted_13$7, _hoisted_14$7, _hoisted_15$7, _hoisted_16$7, _hoisted_17$7, _hoisted_18$7, _hoisted_19$7, _hoisted_20$7, _hoisted_21$7, _hoisted_22$7, _hoisted_23$7, _hoisted_24$7, _hoisted_25$7, _hoisted_26$6, _hoisted_27$6, _hoisted_28$6, _hoisted_29$6, _hoisted_30$5, _hoisted_31$5, _hoisted_32$5, _hoisted_33$5, _hoisted_34$5, _hoisted_35$5, _hoisted_36$5, _hoisted_37$5, _hoisted_38$5, _hoisted_39$5, _hoisted_40$5, _hoisted_41$5, _hoisted_42$5, _hoisted_43$5, _hoisted_44$5, _hoisted_45$5, _hoisted_46$5, _hoisted_47$5, _hoisted_48$4, _hoisted_49$4, _hoisted_50$4, _hoisted_51$4, _hoisted_52$3, _hoisted_53$3, _hoisted_54$3, _hoisted_55$3, _hoisted_56$3, _hoisted_57$3, _hoisted_58$3, _hoisted_59$3, _hoisted_60$3, _hoisted_61$3, _hoisted_62$3, _hoisted_63$3, _hoisted_64$3, _hoisted_65$3, _hoisted_66$3, _hoisted_67$3, _hoisted_68$3, _hoisted_69$3, _hoisted_70$3, _hoisted_71$3, _hoisted_72$3, _hoisted_73$3, _hoisted_74$2, _hoisted_75$2, _hoisted_76$2, _hoisted_77$2, _hoisted_78$2, _hoisted_79$2, _hoisted_80$2, _hoisted_81$2, _hoisted_82$2, _hoisted_83$2, _hoisted_84$2, _hoisted_85$2, _hoisted_86$2, _hoisted_87$2, _hoisted_88$2, _hoisted_89$2, _hoisted_90$2, _hoisted_91$2, _hoisted_92$2, _hoisted_93$2, _hoisted_94$2, _hoisted_95$2, _hoisted_96$2, _hoisted_97$2, _hoisted_98$2, _hoisted_99$2, _hoisted_100$2, _hoisted_101$2, _hoisted_102$2, _hoisted_103$2, _hoisted_104$2, _hoisted_105$2, _hoisted_106$2, _hoisted_107$2, _hoisted_108$2, _hoisted_109$1, _hoisted_110$1, _hoisted_111$1, _hoisted_112$1, connection_detail_vue_vue_type_script_setup_true_lang_default;
 var init_connection_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	init_vue_runtime_esm_bundler();
 	init_vue_router();
@@ -53446,25 +53521,25 @@ var init_connection_detail_vue_vue_type_script_setup_true_lang = __esmMin((() =>
 	init_sql_executor();
 	init_vue_i18n();
 	init_modal();
-	_hoisted_1$8 = { class: "connection-detail" };
-	_hoisted_2$8 = { class: "connection-header" };
-	_hoisted_3$8 = { class: "connection-info" };
-	_hoisted_4$8 = { class: "connection-avatar" };
-	_hoisted_5$8 = { class: "connection-meta" };
-	_hoisted_6$8 = { class: "connection-name" };
-	_hoisted_7$8 = { class: "connection-type-info" };
-	_hoisted_8$8 = { class: "db-type" };
-	_hoisted_9$8 = { class: "connection-actions" };
-	_hoisted_10$8 = ["title"];
-	_hoisted_11$8 = {
+	_hoisted_1$7 = { class: "connection-detail" };
+	_hoisted_2$7 = { class: "connection-header" };
+	_hoisted_3$7 = { class: "connection-info" };
+	_hoisted_4$7 = { class: "connection-avatar" };
+	_hoisted_5$7 = { class: "connection-meta" };
+	_hoisted_6$7 = { class: "connection-name" };
+	_hoisted_7$7 = { class: "connection-type-info" };
+	_hoisted_8$7 = { class: "db-type" };
+	_hoisted_9$7 = { class: "connection-actions" };
+	_hoisted_10$7 = ["title"];
+	_hoisted_11$7 = {
 		key: 0,
 		class: "connection-details-panel"
 	};
-	_hoisted_12$8 = { class: "detail-card" };
-	_hoisted_13$8 = { class: "card-body" };
-	_hoisted_14$8 = { class: "row" };
-	_hoisted_15$8 = { class: "col-md-6" };
-	_hoisted_16$8 = { class: "section-title" };
+	_hoisted_12$7 = { class: "detail-card" };
+	_hoisted_13$7 = { class: "card-body" };
+	_hoisted_14$7 = { class: "row" };
+	_hoisted_15$7 = { class: "col-md-6" };
+	_hoisted_16$7 = { class: "section-title" };
 	_hoisted_17$7 = { class: "info-grid" };
 	_hoisted_18$7 = { class: "info-item" };
 	_hoisted_19$7 = { class: "info-label" };
@@ -53473,7 +53548,7 @@ var init_connection_detail_vue_vue_type_script_setup_true_lang = __esmMin((() =>
 	_hoisted_22$7 = { class: "info-label" };
 	_hoisted_23$7 = { class: "info-value" };
 	_hoisted_24$7 = { class: "info-item" };
-	_hoisted_25$6 = { class: "info-label" };
+	_hoisted_25$7 = { class: "info-label" };
 	_hoisted_26$6 = { class: "info-value" };
 	_hoisted_27$6 = { class: "info-item" };
 	_hoisted_28$6 = { class: "info-label" };
@@ -53496,11 +53571,11 @@ var init_connection_detail_vue_vue_type_script_setup_true_lang = __esmMin((() =>
 	_hoisted_45$5 = { class: "quick-actions" };
 	_hoisted_46$5 = { class: "actions-header" };
 	_hoisted_47$5 = { class: "actions-title" };
-	_hoisted_48$5 = { class: "actions-grid" };
-	_hoisted_49$5 = { class: "action-text" };
+	_hoisted_48$4 = { class: "actions-grid" };
+	_hoisted_49$4 = { class: "action-text" };
 	_hoisted_50$4 = { class: "action-text" };
 	_hoisted_51$4 = { class: "action-text" };
-	_hoisted_52$4 = { class: "connection-tabs" };
+	_hoisted_52$3 = { class: "connection-tabs" };
 	_hoisted_53$3 = { class: "nav nav-tabs" };
 	_hoisted_54$3 = { class: "nav-item" };
 	_hoisted_55$3 = { class: "badge bg-primary ms-1" };
@@ -53509,13 +53584,16 @@ var init_connection_detail_vue_vue_type_script_setup_true_lang = __esmMin((() =>
 	_hoisted_58$3 = { class: "tab-panel" };
 	_hoisted_59$3 = { class: "databases-section" };
 	_hoisted_60$3 = { class: "section-header" };
-	_hoisted_61$3 = { class: "section-actions" };
-	_hoisted_62$3 = { class: "search-box" };
-	_hoisted_63$3 = ["placeholder"];
-	_hoisted_64$3 = ["disabled"];
-	_hoisted_65$3 = {
+	_hoisted_61$3 = { class: "db-search" };
+	_hoisted_62$3 = ["placeholder"];
+	_hoisted_63$3 = ["disabled", "title"];
+	_hoisted_64$3 = {
 		key: 0,
-		class: "spinner-border spinner-border-sm me-1"
+		class: "spinner-border spinner-border-sm"
+	};
+	_hoisted_65$3 = {
+		key: 1,
+		class: "bi bi-arrow-clockwise"
 	};
 	_hoisted_66$3 = { class: "databases-list" };
 	_hoisted_67$3 = {
@@ -53775,13 +53853,13 @@ var init_connection_detail_vue_vue_type_script_setup_true_lang = __esmMin((() =>
 				}[type || ""] || "DB";
 			}
 			return (_ctx, _cache) => {
-				return openBlock(), createElementBlock("div", _hoisted_1$8, [
-					createBaseVNode("div", _hoisted_2$8, [createBaseVNode("div", _hoisted_3$8, [createBaseVNode("div", _hoisted_4$8, [createBaseVNode("div", { class: normalizeClass(["db-logo", getDbLogoClass(__props.connection?.type)]) }, toDisplayString(getDbLogoText(__props.connection?.type)), 3)]), createBaseVNode("div", _hoisted_5$8, [createBaseVNode("h4", _hoisted_6$8, toDisplayString(__props.connection?.name), 1), createBaseVNode("div", _hoisted_7$8, [createBaseVNode("span", _hoisted_8$8, toDisplayString(getDbTypeLabel(__props.connection?.type)), 1), createBaseVNode("span", { class: normalizeClass(["connection-status", connectionStatusClass.value]) }, [_cache[14] || (_cache[14] = createBaseVNode("div", { class: "status-dot" }, null, -1)), createTextVNode(" " + toDisplayString(connectionStatusText.value), 1)], 2)])])]), createBaseVNode("div", _hoisted_9$8, [
+				return openBlock(), createElementBlock("div", _hoisted_1$7, [
+					createBaseVNode("div", _hoisted_2$7, [createBaseVNode("div", _hoisted_3$7, [createBaseVNode("div", _hoisted_4$7, [createBaseVNode("div", { class: normalizeClass(["db-logo", getDbLogoClass(__props.connection?.type)]) }, toDisplayString(getDbLogoText(__props.connection?.type)), 3)]), createBaseVNode("div", _hoisted_5$7, [createBaseVNode("h4", _hoisted_6$7, toDisplayString(__props.connection?.name), 1), createBaseVNode("div", _hoisted_7$7, [createBaseVNode("span", _hoisted_8$7, toDisplayString(getDbTypeLabel(__props.connection?.type)), 1), createBaseVNode("span", { class: normalizeClass(["connection-status", connectionStatusClass.value]) }, [_cache[14] || (_cache[14] = createBaseVNode("div", { class: "status-dot" }, null, -1)), createTextVNode(" " + toDisplayString(connectionStatusText.value), 1)], 2)])])]), createBaseVNode("div", _hoisted_9$7, [
 						createBaseVNode("button", {
 							class: "btn btn-sm btn-outline-info",
 							onClick: toggleDetails,
 							title: _ctx.$t("connection.toggleDetails")
-						}, [createBaseVNode("i", { class: normalizeClass(["bi", isDetailsExpanded.value ? "bi-chevron-up" : "bi-chevron-down"]) }, null, 2), createTextVNode(" " + toDisplayString(_ctx.$t("connection.details")), 1)], 8, _hoisted_10$8),
+						}, [createBaseVNode("i", { class: normalizeClass(["bi", isDetailsExpanded.value ? "bi-chevron-up" : "bi-chevron-down"]) }, null, 2), createTextVNode(" " + toDisplayString(_ctx.$t("connection.details")), 1)], 8, _hoisted_10$7),
 						createBaseVNode("button", {
 							class: "btn btn-sm btn-outline-primary",
 							onClick: testConnection
@@ -53791,10 +53869,10 @@ var init_connection_detail_vue_vue_type_script_setup_true_lang = __esmMin((() =>
 							onClick: editConnection
 						}, [_cache[16] || (_cache[16] = createBaseVNode("i", { class: "bi bi-pencil" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("common.edit")), 1)])
 					])]),
-					isDetailsExpanded.value ? (openBlock(), createElementBlock("div", _hoisted_11$8, [createBaseVNode("div", _hoisted_12$8, [createBaseVNode("div", _hoisted_13$8, [createBaseVNode("div", _hoisted_14$8, [createBaseVNode("div", _hoisted_15$8, [createBaseVNode("h6", _hoisted_16$8, [_cache[17] || (_cache[17] = createBaseVNode("i", { class: "bi bi-info-circle" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("connection.basicInfo")), 1)]), createBaseVNode("div", _hoisted_17$7, [
+					isDetailsExpanded.value ? (openBlock(), createElementBlock("div", _hoisted_11$7, [createBaseVNode("div", _hoisted_12$7, [createBaseVNode("div", _hoisted_13$7, [createBaseVNode("div", _hoisted_14$7, [createBaseVNode("div", _hoisted_15$7, [createBaseVNode("h6", _hoisted_16$7, [_cache[17] || (_cache[17] = createBaseVNode("i", { class: "bi bi-info-circle" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("connection.basicInfo")), 1)]), createBaseVNode("div", _hoisted_17$7, [
 						createBaseVNode("div", _hoisted_18$7, [createBaseVNode("label", _hoisted_19$7, toDisplayString(_ctx.$t("connection.host")), 1), createBaseVNode("div", _hoisted_20$7, toDisplayString(__props.connection?.host), 1)]),
 						createBaseVNode("div", _hoisted_21$7, [createBaseVNode("label", _hoisted_22$7, toDisplayString(_ctx.$t("connection.port")), 1), createBaseVNode("div", _hoisted_23$7, toDisplayString(__props.connection?.port), 1)]),
-						createBaseVNode("div", _hoisted_24$7, [createBaseVNode("label", _hoisted_25$6, toDisplayString(_ctx.$t("connection.username")), 1), createBaseVNode("div", _hoisted_26$6, toDisplayString(__props.connection?.username), 1)]),
+						createBaseVNode("div", _hoisted_24$7, [createBaseVNode("label", _hoisted_25$7, toDisplayString(_ctx.$t("connection.username")), 1), createBaseVNode("div", _hoisted_26$6, toDisplayString(__props.connection?.username), 1)]),
 						createBaseVNode("div", _hoisted_27$6, [createBaseVNode("label", _hoisted_28$6, toDisplayString(_ctx.$t("connection.databaseType")), 1), createBaseVNode("div", _hoisted_29$6, [createBaseVNode("span", { class: normalizeClass(["db-type-badge", getDbLogoClass(__props.connection?.type)]) }, toDisplayString(getDbTypeLabel(__props.connection?.type)), 3)])])
 					])]), createBaseVNode("div", _hoisted_30$5, [createBaseVNode("h6", _hoisted_31$5, [_cache[18] || (_cache[18] = createBaseVNode("i", { class: "bi bi-bar-chart" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("connection.connectionStats")), 1)]), createBaseVNode("div", _hoisted_32$5, [
 						createBaseVNode("div", _hoisted_33$5, [createBaseVNode("div", _hoisted_34$5, toDisplayString(connectionStats.value.databaseCount || 0), 1), createBaseVNode("div", _hoisted_35$5, toDisplayString(_ctx.$t("connection.databaseCount")), 1)]),
@@ -53802,11 +53880,11 @@ var init_connection_detail_vue_vue_type_script_setup_true_lang = __esmMin((() =>
 						createBaseVNode("div", _hoisted_39$5, [createBaseVNode("div", _hoisted_40$5, toDisplayString(formatFileSize(connectionStats.value.totalSize || 0)), 1), createBaseVNode("div", _hoisted_41$5, toDisplayString(_ctx.$t("connection.totalSize")), 1)]),
 						createBaseVNode("div", _hoisted_42$5, [createBaseVNode("div", _hoisted_43$5, toDisplayString(connectionStats.value.lastConnected || _ctx.$t("common.never")), 1), createBaseVNode("div", _hoisted_44$5, toDisplayString(_ctx.$t("connection.lastConnected")), 1)])
 					])])])])])])) : createCommentVNode("", true),
-					createBaseVNode("div", _hoisted_45$5, [createBaseVNode("div", _hoisted_46$5, [createBaseVNode("h6", _hoisted_47$5, [_cache[19] || (_cache[19] = createBaseVNode("i", { class: "bi bi-lightning" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("connection.quickActions")), 1)])]), createBaseVNode("div", _hoisted_48$5, [
+					createBaseVNode("div", _hoisted_45$5, [createBaseVNode("div", _hoisted_46$5, [createBaseVNode("h6", _hoisted_47$5, [_cache[19] || (_cache[19] = createBaseVNode("i", { class: "bi bi-lightning" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("connection.quickActions")), 1)])]), createBaseVNode("div", _hoisted_48$4, [
 						createBaseVNode("button", {
 							class: "action-btn",
 							onClick: showCreateDatabaseModal
-						}, [_cache[20] || (_cache[20] = createBaseVNode("div", { class: "action-icon" }, [createBaseVNode("i", { class: "bi bi-plus-circle" })], -1)), createBaseVNode("div", _hoisted_49$5, toDisplayString(_ctx.$t("connection.createDatabase")), 1)]),
+						}, [_cache[20] || (_cache[20] = createBaseVNode("div", { class: "action-icon" }, [createBaseVNode("i", { class: "bi bi-plus-circle" })], -1)), createBaseVNode("div", _hoisted_49$4, toDisplayString(_ctx.$t("connection.createDatabase")), 1)]),
 						createBaseVNode("button", {
 							class: "action-btn",
 							onClick: exportSchema
@@ -53816,7 +53894,7 @@ var init_connection_detail_vue_vue_type_script_setup_true_lang = __esmMin((() =>
 							onClick: viewLogs
 						}, [_cache[22] || (_cache[22] = createBaseVNode("div", { class: "action-icon" }, [createBaseVNode("i", { class: "bi bi-file-text" })], -1)), createBaseVNode("div", _hoisted_51$4, toDisplayString(_ctx.$t("connection.viewLogs")), 1)])
 					])]),
-					createBaseVNode("div", _hoisted_52$4, [createBaseVNode("ul", _hoisted_53$3, [createBaseVNode("li", _hoisted_54$3, [createBaseVNode("button", {
+					createBaseVNode("div", _hoisted_52$3, [createBaseVNode("ul", _hoisted_53$3, [createBaseVNode("li", _hoisted_54$3, [createBaseVNode("button", {
 						class: normalizeClass(["nav-link", { active: activeTab.value === "databases" }]),
 						onClick: _cache[0] || (_cache[0] = ($event) => activeTab.value = "databases")
 					}, [
@@ -53826,21 +53904,17 @@ var init_connection_detail_vue_vue_type_script_setup_true_lang = __esmMin((() =>
 					], 2)]), createBaseVNode("li", _hoisted_56$3, [createBaseVNode("button", {
 						class: normalizeClass(["nav-link", { active: activeTab.value === "sql" }]),
 						onClick: _cache[1] || (_cache[1] = ($event) => activeTab.value = "sql")
-					}, [_cache[24] || (_cache[24] = createBaseVNode("i", { class: "bi bi-terminal" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("nav.sqlQuery")), 1)], 2)])]), createBaseVNode("div", _hoisted_57$3, [withDirectives(createBaseVNode("div", _hoisted_58$3, [createBaseVNode("div", _hoisted_59$3, [createBaseVNode("div", _hoisted_60$3, [createBaseVNode("div", _hoisted_61$3, [createBaseVNode("div", _hoisted_62$3, [withDirectives(createBaseVNode("input", {
+					}, [_cache[24] || (_cache[24] = createBaseVNode("i", { class: "bi bi-terminal" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("nav.sqlQuery")), 1)], 2)])]), createBaseVNode("div", _hoisted_57$3, [withDirectives(createBaseVNode("div", _hoisted_58$3, [createBaseVNode("div", _hoisted_59$3, [createBaseVNode("div", _hoisted_60$3, [createBaseVNode("div", _hoisted_61$3, [_cache[25] || (_cache[25] = createBaseVNode("i", { class: "bi bi-search" }, null, -1)), withDirectives(createBaseVNode("input", {
 						type: "text",
-						class: "form-control form-control-sm",
+						class: "db-search-input",
 						"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchKeyword.value = $event),
-						placeholder: _ctx.$t("connection.searchDatabase"),
-						style: { "width": "200px" }
-					}, null, 8, _hoisted_63$3), [[vModelText, searchKeyword.value]])]), createBaseVNode("button", {
-						class: "btn btn-sm btn-outline-primary ms-2",
+						placeholder: _ctx.$t("connection.searchDatabase")
+					}, null, 8, _hoisted_62$3), [[vModelText, searchKeyword.value]])]), createBaseVNode("button", {
+						class: "db-refresh-btn",
 						onClick: loadDatabases,
-						disabled: loadingDatabases.value
-					}, [
-						loadingDatabases.value ? (openBlock(), createElementBlock("span", _hoisted_65$3)) : createCommentVNode("", true),
-						_cache[25] || (_cache[25] = createBaseVNode("i", { class: "bi bi-arrow-clockwise" }, null, -1)),
-						createTextVNode(" " + toDisplayString(_ctx.$t("common.refresh")), 1)
-					], 8, _hoisted_64$3)])]), createBaseVNode("div", _hoisted_66$3, [loadingDatabases.value ? (openBlock(), createElementBlock("div", _hoisted_67$3, [_cache[26] || (_cache[26] = createBaseVNode("div", { class: "spinner-border text-primary" }, null, -1)), createBaseVNode("span", null, toDisplayString(_ctx.$t("connection.loadingDatabases")), 1)])) : filteredDatabases.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_68$3, [
+						disabled: loadingDatabases.value,
+						title: _ctx.$t("common.refresh")
+					}, [loadingDatabases.value ? (openBlock(), createElementBlock("span", _hoisted_64$3)) : (openBlock(), createElementBlock("i", _hoisted_65$3))], 8, _hoisted_63$3)]), createBaseVNode("div", _hoisted_66$3, [loadingDatabases.value ? (openBlock(), createElementBlock("div", _hoisted_67$3, [_cache[26] || (_cache[26] = createBaseVNode("div", { class: "spinner-border text-primary" }, null, -1)), createBaseVNode("span", null, toDisplayString(_ctx.$t("connection.loadingDatabases")), 1)])) : filteredDatabases.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_68$3, [
 						_cache[28] || (_cache[28] = createBaseVNode("i", { class: "bi bi-database" }, null, -1)),
 						createBaseVNode("p", null, toDisplayString(searchKeyword.value ? _ctx.$t("connection.noMatchDatabase") : _ctx.$t("connection.noDatabase")), 1),
 						createBaseVNode("button", {
@@ -53947,17 +54021,17 @@ var init_connection_detail_vue_vue_type_script_setup_true_lang = __esmMin((() =>
 	});
 }));
 //#endregion
-//#region src/platform/database/components/connection-detail.vue?vue&type=style&index=0&scoped=15dc1761&lang.css
-var init_connection_detail_vue_vue_type_style_index_0_scoped_15dc1761_lang = __esmMin((() => {}));
+//#region src/platform/database/components/connection-detail.vue?vue&type=style&index=0&scoped=ef9effac&lang.css
+var init_connection_detail_vue_vue_type_style_index_0_scoped_ef9effac_lang = __esmMin((() => {}));
 //#endregion
 //#region src/platform/database/components/connection-detail.vue
 var connection_detail_default;
 var init_connection_detail = __esmMin((() => {
 	init_connection_detail_vue_vue_type_script_setup_true_lang();
 	init_connection_detail_vue_vue_type_script_setup_true_lang();
-	init_connection_detail_vue_vue_type_style_index_0_scoped_15dc1761_lang();
+	init_connection_detail_vue_vue_type_style_index_0_scoped_ef9effac_lang();
 	init__plugin_vue_export_helper();
-	connection_detail_default = /*#__PURE__*/ _plugin_vue_export_helper_default(connection_detail_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-15dc1761"]]);
+	connection_detail_default = /*#__PURE__*/ _plugin_vue_export_helper_default(connection_detail_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ef9effac"]]);
 }));
 //#endregion
 //#region src/typings/database-types.ts
@@ -55191,7 +55265,7 @@ var init_database_types = __esmMin((() => {
 }));
 //#endregion
 //#region src/platform/database/components/table-editor.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7, _hoisted_2$7, _hoisted_3$7, _hoisted_4$7, _hoisted_5$7, _hoisted_6$7, _hoisted_7$7, _hoisted_8$7, _hoisted_9$7, _hoisted_10$7, _hoisted_11$7, _hoisted_12$7, _hoisted_13$7, _hoisted_14$7, _hoisted_15$7, _hoisted_16$7, _hoisted_17$6, _hoisted_18$6, _hoisted_19$6, _hoisted_20$6, _hoisted_21$6, _hoisted_22$6, _hoisted_23$6, _hoisted_24$6, _hoisted_25$5, _hoisted_26$5, _hoisted_27$5, _hoisted_28$5, _hoisted_29$5, _hoisted_30$4, _hoisted_31$4, _hoisted_32$4, _hoisted_33$4, _hoisted_34$4, _hoisted_35$4, _hoisted_36$4, _hoisted_37$4, _hoisted_38$4, _hoisted_39$4, _hoisted_40$4, _hoisted_41$4, _hoisted_42$4, _hoisted_43$4, _hoisted_44$4, _hoisted_45$4, _hoisted_46$4, _hoisted_47$4, _hoisted_48$4, _hoisted_49$4, _hoisted_50$3, _hoisted_51$3, _hoisted_52$3, table_editor_vue_vue_type_script_setup_true_lang_default;
+var _hoisted_1$6, _hoisted_2$6, _hoisted_3$6, _hoisted_4$6, _hoisted_5$6, _hoisted_6$6, _hoisted_7$6, _hoisted_8$6, _hoisted_9$6, _hoisted_10$6, _hoisted_11$6, _hoisted_12$6, _hoisted_13$6, _hoisted_14$6, _hoisted_15$6, _hoisted_16$6, _hoisted_17$6, _hoisted_18$6, _hoisted_19$6, _hoisted_20$6, _hoisted_21$6, _hoisted_22$6, _hoisted_23$6, _hoisted_24$6, _hoisted_25$6, _hoisted_26$5, _hoisted_27$5, _hoisted_28$5, _hoisted_29$5, _hoisted_30$4, _hoisted_31$4, _hoisted_32$4, _hoisted_33$4, _hoisted_34$4, _hoisted_35$4, _hoisted_36$4, _hoisted_37$4, _hoisted_38$4, _hoisted_39$4, _hoisted_40$4, _hoisted_41$4, _hoisted_42$4, _hoisted_43$4, _hoisted_44$4, _hoisted_45$4, _hoisted_46$4, _hoisted_47$4, _hoisted_48$3, _hoisted_49$3, _hoisted_50$3, _hoisted_51$3, table_editor_vue_vue_type_script_setup_true_lang_default;
 var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	init_vue_runtime_esm_bundler();
 	init_vue_i18n();
@@ -55199,64 +55273,63 @@ var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	init_modal();
 	init_database_types$1();
 	init_database_types();
-	_hoisted_1$7 = { class: "modal-content" };
-	_hoisted_2$7 = { class: "modal-header" };
-	_hoisted_3$7 = { class: "modal-title" };
-	_hoisted_4$7 = { class: "modal-body" };
-	_hoisted_5$7 = { class: "table-info-section mb-4" };
-	_hoisted_6$7 = { class: "section-title" };
-	_hoisted_7$7 = { class: "row" };
-	_hoisted_8$7 = { class: "col-md-6" };
-	_hoisted_9$7 = { class: "mb-3" };
-	_hoisted_10$7 = { class: "form-label" };
-	_hoisted_11$7 = ["disabled", "placeholder"];
-	_hoisted_12$7 = { class: "col-md-6" };
-	_hoisted_13$7 = { class: "mb-3" };
-	_hoisted_14$7 = { class: "form-label" };
-	_hoisted_15$7 = ["placeholder"];
-	_hoisted_16$7 = { class: "columns-section" };
+	_hoisted_1$6 = { class: "modal-content" };
+	_hoisted_2$6 = { class: "modal-header" };
+	_hoisted_3$6 = { class: "modal-title" };
+	_hoisted_4$6 = { class: "modal-body" };
+	_hoisted_5$6 = { class: "table-info-section mb-4" };
+	_hoisted_6$6 = { class: "section-title" };
+	_hoisted_7$6 = { class: "row" };
+	_hoisted_8$6 = { class: "col-md-6" };
+	_hoisted_9$6 = { class: "mb-3" };
+	_hoisted_10$6 = { class: "form-label" };
+	_hoisted_11$6 = ["disabled", "placeholder"];
+	_hoisted_12$6 = { class: "col-md-6" };
+	_hoisted_13$6 = { class: "mb-3" };
+	_hoisted_14$6 = { class: "form-label" };
+	_hoisted_15$6 = ["placeholder"];
+	_hoisted_16$6 = { class: "columns-section" };
 	_hoisted_17$6 = { class: "section-header d-flex justify-content-between align-items-center mb-3" };
 	_hoisted_18$6 = { class: "section-title mb-0" };
 	_hoisted_19$6 = { class: "table-responsive" };
 	_hoisted_20$6 = { class: "table table-sm table-bordered" };
-	_hoisted_21$6 = { class: "table-light" };
-	_hoisted_22$6 = { width: "120" };
-	_hoisted_23$6 = { width: "140" };
-	_hoisted_24$6 = { width: "120" };
-	_hoisted_25$5 = { width: "80" };
-	_hoisted_26$5 = { width: "100" };
+	_hoisted_21$6 = { width: "120" };
+	_hoisted_22$6 = { width: "140" };
+	_hoisted_23$6 = { width: "120" };
+	_hoisted_24$6 = { width: "80" };
+	_hoisted_25$6 = { width: "100" };
+	_hoisted_26$5 = { width: "80" };
 	_hoisted_27$5 = { width: "80" };
-	_hoisted_28$5 = { width: "80" };
-	_hoisted_29$5 = { width: "100" };
-	_hoisted_30$4 = ["onUpdate:modelValue", "placeholder"];
-	_hoisted_31$4 = ["onUpdate:modelValue"];
-	_hoisted_32$4 = { value: "" };
-	_hoisted_33$4 = ["label"];
-	_hoisted_34$4 = ["value"];
-	_hoisted_35$4 = {
+	_hoisted_28$5 = { width: "100" };
+	_hoisted_29$5 = ["onUpdate:modelValue", "placeholder"];
+	_hoisted_30$4 = ["onUpdate:modelValue"];
+	_hoisted_31$4 = { value: "" };
+	_hoisted_32$4 = ["label"];
+	_hoisted_33$4 = ["value"];
+	_hoisted_34$4 = {
 		key: 0,
 		class: "input-group input-group-sm"
 	};
+	_hoisted_35$4 = ["onUpdate:modelValue", "placeholder"];
 	_hoisted_36$4 = ["onUpdate:modelValue", "placeholder"];
 	_hoisted_37$4 = ["onUpdate:modelValue", "placeholder"];
-	_hoisted_38$4 = ["onUpdate:modelValue", "placeholder"];
-	_hoisted_39$4 = {
+	_hoisted_38$4 = {
 		key: 1,
 		class: "text-muted"
 	};
-	_hoisted_40$4 = { class: "form-check" };
-	_hoisted_41$4 = ["onUpdate:modelValue"];
-	_hoisted_42$4 = ["onUpdate:modelValue", "placeholder"];
-	_hoisted_43$4 = { class: "form-check" };
-	_hoisted_44$4 = ["onUpdate:modelValue", "onChange"];
-	_hoisted_45$4 = { class: "form-check" };
-	_hoisted_46$4 = ["onUpdate:modelValue", "disabled"];
-	_hoisted_47$4 = ["onUpdate:modelValue", "placeholder"];
-	_hoisted_48$4 = ["onClick", "disabled"];
-	_hoisted_49$4 = { class: "sql-preview-section mt-4" };
-	_hoisted_50$3 = { class: "section-title" };
-	_hoisted_51$3 = { class: "sql-preview bg-light p-3 rounded" };
-	_hoisted_52$3 = { class: "modal-footer" };
+	_hoisted_39$4 = { class: "form-check" };
+	_hoisted_40$4 = ["onUpdate:modelValue"];
+	_hoisted_41$4 = ["onUpdate:modelValue", "placeholder"];
+	_hoisted_42$4 = { class: "form-check" };
+	_hoisted_43$4 = ["onUpdate:modelValue", "onChange"];
+	_hoisted_44$4 = { class: "form-check" };
+	_hoisted_45$4 = ["onUpdate:modelValue", "disabled"];
+	_hoisted_46$4 = ["onUpdate:modelValue", "placeholder"];
+	_hoisted_47$4 = ["onClick", "disabled"];
+	_hoisted_48$3 = { class: "sql-preview-section mt-4" };
+	_hoisted_49$3 = { class: "section-title" };
+	_hoisted_50$3 = { class: "sql-preview bg-light p-3 rounded" };
+	_hoisted_51$3 = { class: "modal-footer" };
 	table_editor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 		__name: "table-editor",
 		props: {
@@ -55686,38 +55759,38 @@ var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 						"max-width": "none"
 					},
 					onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"]))
-				}, [createBaseVNode("div", _hoisted_1$7, [
-					createBaseVNode("div", _hoisted_2$7, [createBaseVNode("h5", _hoisted_3$7, [_cache[3] || (_cache[3] = createBaseVNode("i", { class: "bi bi-pencil-square me-2" }, null, -1)), createTextVNode(" " + toDisplayString(__props.mode === "create" ? _ctx.$t("tableEditor.createNewTable") : _ctx.$t("tableEditor.modifyStructure")), 1)]), createBaseVNode("button", {
+				}, [createBaseVNode("div", _hoisted_1$6, [
+					createBaseVNode("div", _hoisted_2$6, [createBaseVNode("h5", _hoisted_3$6, [_cache[3] || (_cache[3] = createBaseVNode("i", { class: "bi bi-pencil-square me-2" }, null, -1)), createTextVNode(" " + toDisplayString(__props.mode === "create" ? _ctx.$t("tableEditor.createNewTable") : _ctx.$t("tableEditor.modifyStructure")), 1)]), createBaseVNode("button", {
 						type: "button",
 						class: "btn-close",
 						onClick: close
 					})]),
-					createBaseVNode("div", _hoisted_4$7, [
-						createBaseVNode("div", _hoisted_5$7, [createBaseVNode("h6", _hoisted_6$7, toDisplayString(_ctx.$t("tableEditor.tableInfo")), 1), createBaseVNode("div", _hoisted_7$7, [createBaseVNode("div", _hoisted_8$7, [createBaseVNode("div", _hoisted_9$7, [createBaseVNode("label", _hoisted_10$7, toDisplayString(_ctx.$t("tableEditor.tableNameLabel")), 1), withDirectives(createBaseVNode("input", {
+					createBaseVNode("div", _hoisted_4$6, [
+						createBaseVNode("div", _hoisted_5$6, [createBaseVNode("h6", _hoisted_6$6, toDisplayString(_ctx.$t("tableEditor.tableInfo")), 1), createBaseVNode("div", _hoisted_7$6, [createBaseVNode("div", _hoisted_8$6, [createBaseVNode("div", _hoisted_9$6, [createBaseVNode("label", _hoisted_10$6, toDisplayString(_ctx.$t("tableEditor.tableNameLabel")), 1), withDirectives(createBaseVNode("input", {
 							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value.tableName = $event),
 							type: "text",
 							class: "form-control",
 							disabled: __props.mode === "edit",
 							placeholder: _ctx.$t("tableEditor.tableNamePlaceholder")
-						}, null, 8, _hoisted_11$7), [[vModelText, formData.value.tableName]])])]), createBaseVNode("div", _hoisted_12$7, [createBaseVNode("div", _hoisted_13$7, [createBaseVNode("label", _hoisted_14$7, toDisplayString(_ctx.$t("tableEditor.tableCommentLabel")), 1), withDirectives(createBaseVNode("input", {
+						}, null, 8, _hoisted_11$6), [[vModelText, formData.value.tableName]])])]), createBaseVNode("div", _hoisted_12$6, [createBaseVNode("div", _hoisted_13$6, [createBaseVNode("label", _hoisted_14$6, toDisplayString(_ctx.$t("tableEditor.tableCommentLabel")), 1), withDirectives(createBaseVNode("input", {
 							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formData.value.tableComment = $event),
 							type: "text",
 							class: "form-control",
 							placeholder: _ctx.$t("tableEditor.tableCommentPlaceholder")
-						}, null, 8, _hoisted_15$7), [[vModelText, formData.value.tableComment]])])])])]),
-						createBaseVNode("div", _hoisted_16$7, [createBaseVNode("div", _hoisted_17$6, [createBaseVNode("h6", _hoisted_18$6, toDisplayString(_ctx.$t("tableEditor.columnManagement")), 1), createBaseVNode("button", {
+						}, null, 8, _hoisted_15$6), [[vModelText, formData.value.tableComment]])])])])]),
+						createBaseVNode("div", _hoisted_16$6, [createBaseVNode("div", _hoisted_17$6, [createBaseVNode("h6", _hoisted_18$6, toDisplayString(_ctx.$t("tableEditor.columnManagement")), 1), createBaseVNode("button", {
 							class: "btn btn-success btn-sm",
 							onClick: addColumn
-						}, [_cache[4] || (_cache[4] = createBaseVNode("i", { class: "bi bi-plus-lg" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableEditor.addColumn")), 1)])]), createBaseVNode("div", _hoisted_19$6, [createBaseVNode("table", _hoisted_20$6, [createBaseVNode("thead", _hoisted_21$6, [createBaseVNode("tr", null, [
-							createBaseVNode("th", _hoisted_22$6, toDisplayString(_ctx.$t("tableEditor.columnNameHeader")), 1),
-							createBaseVNode("th", _hoisted_23$6, toDisplayString(_ctx.$t("tableEditor.dataTypeHeader")), 1),
-							createBaseVNode("th", _hoisted_24$6, toDisplayString(_ctx.$t("tableEditor.lengthPrecisionHeader")), 1),
-							createBaseVNode("th", _hoisted_25$5, toDisplayString(_ctx.$t("tableEditor.nullableHeader")), 1),
-							createBaseVNode("th", _hoisted_26$5, toDisplayString(_ctx.$t("tableEditor.defaultHeader")), 1),
-							createBaseVNode("th", _hoisted_27$5, toDisplayString(_ctx.$t("tableEditor.primaryKeyHeader")), 1),
-							createBaseVNode("th", _hoisted_28$5, toDisplayString(_ctx.$t("tableEditor.autoIncHeader")), 1),
+						}, [_cache[4] || (_cache[4] = createBaseVNode("i", { class: "bi bi-plus-lg" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableEditor.addColumn")), 1)])]), createBaseVNode("div", _hoisted_19$6, [createBaseVNode("table", _hoisted_20$6, [createBaseVNode("thead", null, [createBaseVNode("tr", null, [
+							createBaseVNode("th", _hoisted_21$6, toDisplayString(_ctx.$t("tableEditor.columnNameHeader")), 1),
+							createBaseVNode("th", _hoisted_22$6, toDisplayString(_ctx.$t("tableEditor.dataTypeHeader")), 1),
+							createBaseVNode("th", _hoisted_23$6, toDisplayString(_ctx.$t("tableEditor.lengthPrecisionHeader")), 1),
+							createBaseVNode("th", _hoisted_24$6, toDisplayString(_ctx.$t("tableEditor.nullableHeader")), 1),
+							createBaseVNode("th", _hoisted_25$6, toDisplayString(_ctx.$t("tableEditor.defaultHeader")), 1),
+							createBaseVNode("th", _hoisted_26$5, toDisplayString(_ctx.$t("tableEditor.primaryKeyHeader")), 1),
+							createBaseVNode("th", _hoisted_27$5, toDisplayString(_ctx.$t("tableEditor.autoIncHeader")), 1),
 							createBaseVNode("th", null, toDisplayString(_ctx.$t("tableEditor.commentHeader")), 1),
-							createBaseVNode("th", _hoisted_29$5, toDisplayString(_ctx.$t("tableEditor.operationsHeader")), 1)
+							createBaseVNode("th", _hoisted_28$5, toDisplayString(_ctx.$t("tableEditor.operationsHeader")), 1)
 						])]), createBaseVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(formData.value.columns, (column, index) => {
 							return openBlock(), createElementBlock("tr", { key: index }, [
 								createBaseVNode("td", null, [withDirectives(createBaseVNode("input", {
@@ -55725,11 +55798,11 @@ var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 									type: "text",
 									class: "form-control form-control-sm",
 									placeholder: _ctx.$t("tableEditor.columnNamePlaceholder")
-								}, null, 8, _hoisted_30$4), [[vModelText, column.name]])]),
+								}, null, 8, _hoisted_29$5), [[vModelText, column.name]])]),
 								createBaseVNode("td", null, [withDirectives(createBaseVNode("select", {
 									"onUpdate:modelValue": ($event) => column.type = $event,
 									class: "form-select form-select-sm"
-								}, [createBaseVNode("option", _hoisted_32$4, toDisplayString(_ctx.$t("tableEditor.selectType")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(columnTypesByCategory.value, (types, category) => {
+								}, [createBaseVNode("option", _hoisted_31$4, toDisplayString(_ctx.$t("tableEditor.selectType")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(columnTypesByCategory.value, (types, category) => {
 									return openBlock(), createElementBlock("optgroup", {
 										key: category,
 										label: getCategoryLabel(category)
@@ -55737,71 +55810,71 @@ var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 										return openBlock(), createElementBlock("option", {
 											key: type.name,
 											value: type.name
-										}, toDisplayString(type.label), 9, _hoisted_34$4);
-									}), 128))], 8, _hoisted_33$4);
-								}), 128))], 8, _hoisted_31$4), [[vModelSelect, column.type]])]),
-								createBaseVNode("td", null, [needsLength(column) || needsPrecision(column) ? (openBlock(), createElementBlock("div", _hoisted_35$4, [
+										}, toDisplayString(type.label), 9, _hoisted_33$4);
+									}), 128))], 8, _hoisted_32$4);
+								}), 128))], 8, _hoisted_30$4), [[vModelSelect, column.type]])]),
+								createBaseVNode("td", null, [needsLength(column) || needsPrecision(column) ? (openBlock(), createElementBlock("div", _hoisted_34$4, [
 									needsLength(column) ? withDirectives((openBlock(), createElementBlock("input", {
 										key: 0,
 										"onUpdate:modelValue": ($event) => column.length = $event,
 										type: "number",
 										class: "form-control form-control-sm",
 										placeholder: _ctx.$t("tableEditor.lengthPlaceholder")
-									}, null, 8, _hoisted_36$4)), [[vModelText, column.length]]) : createCommentVNode("", true),
+									}, null, 8, _hoisted_35$4)), [[vModelText, column.length]]) : createCommentVNode("", true),
 									needsPrecision(column) ? withDirectives((openBlock(), createElementBlock("input", {
 										key: 1,
 										"onUpdate:modelValue": ($event) => column.precision = $event,
 										type: "number",
 										class: "form-control form-control-sm",
 										placeholder: _ctx.$t("tableEditor.precisionPlaceholder")
-									}, null, 8, _hoisted_37$4)), [[vModelText, column.precision]]) : createCommentVNode("", true),
+									}, null, 8, _hoisted_36$4)), [[vModelText, column.precision]]) : createCommentVNode("", true),
 									needsScale(column) ? withDirectives((openBlock(), createElementBlock("input", {
 										key: 2,
 										"onUpdate:modelValue": ($event) => column.scale = $event,
 										type: "number",
 										class: "form-control form-control-sm",
 										placeholder: _ctx.$t("tableEditor.scalePlaceholder")
-									}, null, 8, _hoisted_38$4)), [[vModelText, column.scale]]) : createCommentVNode("", true)
-								])) : (openBlock(), createElementBlock("span", _hoisted_39$4, "-"))]),
-								createBaseVNode("td", null, [createBaseVNode("div", _hoisted_40$4, [withDirectives(createBaseVNode("input", {
+									}, null, 8, _hoisted_37$4)), [[vModelText, column.scale]]) : createCommentVNode("", true)
+								])) : (openBlock(), createElementBlock("span", _hoisted_38$4, "-"))]),
+								createBaseVNode("td", null, [createBaseVNode("div", _hoisted_39$4, [withDirectives(createBaseVNode("input", {
 									"onUpdate:modelValue": ($event) => column.nullable = $event,
 									type: "checkbox",
 									class: "form-check-input"
-								}, null, 8, _hoisted_41$4), [[vModelCheckbox, column.nullable]])])]),
+								}, null, 8, _hoisted_40$4), [[vModelCheckbox, column.nullable]])])]),
 								createBaseVNode("td", null, [withDirectives(createBaseVNode("input", {
 									"onUpdate:modelValue": ($event) => column.defaultValue = $event,
 									type: "text",
 									class: "form-control form-control-sm",
 									placeholder: _ctx.$t("tableEditor.defaultHeader")
-								}, null, 8, _hoisted_42$4), [[vModelText, column.defaultValue]])]),
-								createBaseVNode("td", null, [createBaseVNode("div", _hoisted_43$4, [withDirectives(createBaseVNode("input", {
+								}, null, 8, _hoisted_41$4), [[vModelText, column.defaultValue]])]),
+								createBaseVNode("td", null, [createBaseVNode("div", _hoisted_42$4, [withDirectives(createBaseVNode("input", {
 									"onUpdate:modelValue": ($event) => column.isPrimary = $event,
 									type: "checkbox",
 									class: "form-check-input",
 									onChange: ($event) => onPrimaryKeyChange(column, index)
-								}, null, 40, _hoisted_44$4), [[vModelCheckbox, column.isPrimary]])])]),
-								createBaseVNode("td", null, [createBaseVNode("div", _hoisted_45$4, [withDirectives(createBaseVNode("input", {
+								}, null, 40, _hoisted_43$4), [[vModelCheckbox, column.isPrimary]])])]),
+								createBaseVNode("td", null, [createBaseVNode("div", _hoisted_44$4, [withDirectives(createBaseVNode("input", {
 									"onUpdate:modelValue": ($event) => column.isAutoIncrement = $event,
 									type: "checkbox",
 									class: "form-check-input",
 									disabled: !column.isPrimary || !supportsAutoIncrement(column)
-								}, null, 8, _hoisted_46$4), [[vModelCheckbox, column.isAutoIncrement]])])]),
+								}, null, 8, _hoisted_45$4), [[vModelCheckbox, column.isAutoIncrement]])])]),
 								createBaseVNode("td", null, [withDirectives(createBaseVNode("input", {
 									"onUpdate:modelValue": ($event) => column.comment = $event,
 									type: "text",
 									class: "form-control form-control-sm",
 									placeholder: _ctx.$t("tableEditor.fieldComment")
-								}, null, 8, _hoisted_47$4), [[vModelText, column.comment]])]),
+								}, null, 8, _hoisted_46$4), [[vModelText, column.comment]])]),
 								createBaseVNode("td", null, [createBaseVNode("button", {
 									class: "btn btn-outline-danger btn-sm",
 									onClick: ($event) => removeColumn(index),
 									disabled: formData.value.columns.length <= 1
-								}, [..._cache[5] || (_cache[5] = [createBaseVNode("i", { class: "bi bi-trash" }, null, -1)])], 8, _hoisted_48$4)])
+								}, [..._cache[5] || (_cache[5] = [createBaseVNode("i", { class: "bi bi-trash" }, null, -1)])], 8, _hoisted_47$4)])
 							]);
 						}), 128))])])])]),
-						createBaseVNode("div", _hoisted_49$4, [createBaseVNode("h6", _hoisted_50$3, toDisplayString(_ctx.$t("tableEditor.sqlPreview")), 1), createBaseVNode("pre", _hoisted_51$3, toDisplayString(generateSQL()), 1)])
+						createBaseVNode("div", _hoisted_48$3, [createBaseVNode("h6", _hoisted_49$3, toDisplayString(_ctx.$t("tableEditor.sqlPreview")), 1), createBaseVNode("pre", _hoisted_50$3, toDisplayString(generateSQL()), 1)])
 					]),
-					createBaseVNode("div", _hoisted_52$3, [createBaseVNode("button", {
+					createBaseVNode("div", _hoisted_51$3, [createBaseVNode("button", {
 						type: "button",
 						class: "btn btn-secondary",
 						onClick: close
@@ -55816,43 +55889,43 @@ var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	});
 }));
 //#endregion
-//#region src/platform/database/components/table-editor.vue?vue&type=style&index=0&scoped=e8059709&lang.css
-var init_table_editor_vue_vue_type_style_index_0_scoped_e8059709_lang = __esmMin((() => {}));
+//#region src/platform/database/components/table-editor.vue?vue&type=style&index=0&scoped=0d3b1052&lang.css
+var init_table_editor_vue_vue_type_style_index_0_scoped_0d3b1052_lang = __esmMin((() => {}));
 //#endregion
 //#region src/platform/database/components/table-editor.vue
 var table_editor_default;
 var init_table_editor = __esmMin((() => {
 	init_table_editor_vue_vue_type_script_setup_true_lang();
 	init_table_editor_vue_vue_type_script_setup_true_lang();
-	init_table_editor_vue_vue_type_style_index_0_scoped_e8059709_lang();
+	init_table_editor_vue_vue_type_style_index_0_scoped_0d3b1052_lang();
 	init__plugin_vue_export_helper();
-	table_editor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(table_editor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e8059709"]]);
+	table_editor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(table_editor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0d3b1052"]]);
 }));
 //#endregion
 //#region src/platform/database/components/db-tools.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$6, _hoisted_2$6, _hoisted_3$6, _hoisted_4$6, _hoisted_5$6, _hoisted_6$6, _hoisted_7$6, _hoisted_8$6, _hoisted_9$6, _hoisted_10$6, _hoisted_11$6, _hoisted_12$6, _hoisted_13$6, _hoisted_14$6, _hoisted_15$6, _hoisted_16$6, _hoisted_17$5, _hoisted_18$5, _hoisted_19$5, _hoisted_20$5, _hoisted_21$5, _hoisted_22$5, _hoisted_23$5, _hoisted_24$5, _hoisted_25$4, _hoisted_26$4, _hoisted_27$4, _hoisted_28$4, _hoisted_29$4, _hoisted_30$3, _hoisted_31$3, _hoisted_32$3, _hoisted_33$3, _hoisted_34$3, _hoisted_35$3, _hoisted_36$3, _hoisted_37$3, _hoisted_38$3, _hoisted_39$3, _hoisted_40$3, _hoisted_41$3, _hoisted_42$3, _hoisted_43$3, _hoisted_44$3, _hoisted_45$3, _hoisted_46$3, _hoisted_47$3, _hoisted_48$3, _hoisted_49$3, _hoisted_50$2, _hoisted_51$2, _hoisted_52$2, _hoisted_53$2, _hoisted_54$2, _hoisted_55$2, _hoisted_56$2, _hoisted_57$2, _hoisted_58$2, _hoisted_59$2, _hoisted_60$2, _hoisted_61$2, _hoisted_62$2, _hoisted_63$2, _hoisted_64$2, _hoisted_65$2, _hoisted_66$2, _hoisted_67$2, _hoisted_68$2, _hoisted_69$2, _hoisted_70$2, _hoisted_71$2, _hoisted_72$2, _hoisted_73$2, _hoisted_74$1, _hoisted_75$1, _hoisted_76$1, _hoisted_77$1, _hoisted_78$1, _hoisted_79$1, _hoisted_80$1, _hoisted_81$1, _hoisted_82$1, _hoisted_83$1, _hoisted_84$1, _hoisted_85$1, _hoisted_86$1, _hoisted_87$1, _hoisted_88$1, _hoisted_89$1, _hoisted_90$1, _hoisted_91$1, _hoisted_92$1, _hoisted_93$1, _hoisted_94$1, _hoisted_95$1, _hoisted_96$1, _hoisted_97$1, _hoisted_98$1, _hoisted_99$1, _hoisted_100$1, _hoisted_101$1, _hoisted_102$1, _hoisted_103$1, _hoisted_104$1, _hoisted_105$1, _hoisted_106$1, _hoisted_107$1, _hoisted_108$1, db_tools_vue_vue_type_script_setup_true_lang_default;
+var _hoisted_1$5, _hoisted_2$5, _hoisted_3$5, _hoisted_4$5, _hoisted_5$5, _hoisted_6$5, _hoisted_7$5, _hoisted_8$5, _hoisted_9$5, _hoisted_10$5, _hoisted_11$5, _hoisted_12$5, _hoisted_13$5, _hoisted_14$5, _hoisted_15$5, _hoisted_16$5, _hoisted_17$5, _hoisted_18$5, _hoisted_19$5, _hoisted_20$5, _hoisted_21$5, _hoisted_22$5, _hoisted_23$5, _hoisted_24$5, _hoisted_25$5, _hoisted_26$4, _hoisted_27$4, _hoisted_28$4, _hoisted_29$4, _hoisted_30$3, _hoisted_31$3, _hoisted_32$3, _hoisted_33$3, _hoisted_34$3, _hoisted_35$3, _hoisted_36$3, _hoisted_37$3, _hoisted_38$3, _hoisted_39$3, _hoisted_40$3, _hoisted_41$3, _hoisted_42$3, _hoisted_43$3, _hoisted_44$3, _hoisted_45$3, _hoisted_46$3, _hoisted_47$3, _hoisted_48$2, _hoisted_49$2, _hoisted_50$2, _hoisted_51$2, _hoisted_52$2, _hoisted_53$2, _hoisted_54$2, _hoisted_55$2, _hoisted_56$2, _hoisted_57$2, _hoisted_58$2, _hoisted_59$2, _hoisted_60$2, _hoisted_61$2, _hoisted_62$2, _hoisted_63$2, _hoisted_64$2, _hoisted_65$2, _hoisted_66$2, _hoisted_67$2, _hoisted_68$2, _hoisted_69$2, _hoisted_70$2, _hoisted_71$2, _hoisted_72$2, _hoisted_73$2, _hoisted_74$1, _hoisted_75$1, _hoisted_76$1, _hoisted_77$1, _hoisted_78$1, _hoisted_79$1, _hoisted_80$1, _hoisted_81$1, _hoisted_82$1, _hoisted_83$1, _hoisted_84$1, _hoisted_85$1, _hoisted_86$1, _hoisted_87$1, _hoisted_88$1, _hoisted_89$1, _hoisted_90$1, _hoisted_91$1, _hoisted_92$1, _hoisted_93$1, _hoisted_94$1, _hoisted_95$1, _hoisted_96$1, _hoisted_97$1, _hoisted_98$1, _hoisted_99$1, _hoisted_100$1, _hoisted_101$1, _hoisted_102$1, _hoisted_103$1, _hoisted_104$1, _hoisted_105$1, _hoisted_106$1, _hoisted_107$1, _hoisted_108$1, db_tools_vue_vue_type_script_setup_true_lang_default;
 var init_db_tools_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	init_vue_runtime_esm_bundler();
 	init_vue_i18n();
 	init_database();
 	init_modal();
 	init_toast();
-	_hoisted_1$6 = { class: "db-tools" };
-	_hoisted_2$6 = { class: "tools-header" };
-	_hoisted_3$6 = { class: "tools-title" };
-	_hoisted_4$6 = { class: "tools-content" };
-	_hoisted_5$6 = { class: "tool-section" };
-	_hoisted_6$6 = { class: "section-title" };
-	_hoisted_7$6 = { class: "tool-actions" };
-	_hoisted_8$6 = { class: "tool-section" };
-	_hoisted_9$6 = { class: "section-title" };
-	_hoisted_10$6 = { class: "tool-actions" };
-	_hoisted_11$6 = { class: "tool-section" };
-	_hoisted_12$6 = { class: "section-title" };
-	_hoisted_13$6 = { class: "tool-actions" };
-	_hoisted_14$6 = { class: "tool-section" };
-	_hoisted_15$6 = { class: "section-title" };
-	_hoisted_16$6 = { class: "tool-actions" };
+	_hoisted_1$5 = { class: "db-tools" };
+	_hoisted_2$5 = { class: "tools-header" };
+	_hoisted_3$5 = { class: "tools-title" };
+	_hoisted_4$5 = { class: "tools-content" };
+	_hoisted_5$5 = { class: "tool-section" };
+	_hoisted_6$5 = { class: "section-title" };
+	_hoisted_7$5 = { class: "tool-actions" };
+	_hoisted_8$5 = { class: "tool-section" };
+	_hoisted_9$5 = { class: "section-title" };
+	_hoisted_10$5 = { class: "tool-actions" };
+	_hoisted_11$5 = { class: "tool-section" };
+	_hoisted_12$5 = { class: "section-title" };
+	_hoisted_13$5 = { class: "tool-actions" };
+	_hoisted_14$5 = { class: "tool-section" };
+	_hoisted_15$5 = { class: "section-title" };
+	_hoisted_16$5 = { class: "tool-actions" };
 	_hoisted_17$5 = { class: "tool-section" };
 	_hoisted_18$5 = { class: "section-title" };
 	_hoisted_19$5 = { class: "tool-actions" };
@@ -55864,7 +55937,7 @@ var init_db_tools_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 		class: "tool-component-area"
 	};
 	_hoisted_24$5 = { class: "component-header" };
-	_hoisted_25$4 = { class: "component-title" };
+	_hoisted_25$5 = { class: "component-title" };
 	_hoisted_26$4 = {
 		key: 0,
 		class: "tool-component sync-component"
@@ -55896,8 +55969,8 @@ var init_db_tools_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	_hoisted_45$3 = ["value"];
 	_hoisted_46$3 = { class: "col-md-6" };
 	_hoisted_47$3 = { class: "form-label" };
-	_hoisted_48$3 = { value: "" };
-	_hoisted_49$3 = ["value"];
+	_hoisted_48$2 = { value: "" };
+	_hoisted_49$2 = ["value"];
 	_hoisted_50$2 = { class: "col-md-12" };
 	_hoisted_51$2 = { class: "form-label" };
 	_hoisted_52$2 = {
@@ -56417,12 +56490,12 @@ var init_db_tools_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 				addExecutionResult(t("dbTools.scheduledBackup"), "info", { message: t("dbTools.featureInDev", { feature: t("dbTools.scheduledBackup") }) });
 			}
 			return (_ctx, _cache) => {
-				return openBlock(), createElementBlock("div", _hoisted_1$6, [
-					createBaseVNode("div", _hoisted_2$6, [createBaseVNode("h5", _hoisted_3$6, [_cache[22] || (_cache[22] = createBaseVNode("i", { class: "bi bi-tools" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.title")), 1)])]),
-					createBaseVNode("div", _hoisted_4$6, [
-						createBaseVNode("div", _hoisted_5$6, [createBaseVNode("h6", _hoisted_6$6, [_cache[23] || (_cache[23] = createBaseVNode("i", { class: "bi bi-shield-check" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.dataBackup")), 1)]), createBaseVNode("div", _hoisted_7$6, [
+				return openBlock(), createElementBlock("div", _hoisted_1$5, [
+					createBaseVNode("div", _hoisted_2$5, [createBaseVNode("h5", _hoisted_3$5, [_cache[22] || (_cache[22] = createBaseVNode("i", { class: "bi bi-tools" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.title")), 1)])]),
+					createBaseVNode("div", _hoisted_4$5, [
+						createBaseVNode("div", _hoisted_5$5, [createBaseVNode("h6", _hoisted_6$5, [_cache[23] || (_cache[23] = createBaseVNode("i", { class: "bi bi-shield-check" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.dataBackup")), 1)]), createBaseVNode("div", _hoisted_7$5, [
 							createBaseVNode("button", {
-								class: "btn btn-outline-primary btn-sm",
+								class: "btn btn-outline-secondary btn-sm",
 								onClick: backupDatabase
 							}, [_cache[24] || (_cache[24] = createBaseVNode("i", { class: "bi bi-download" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.backupDatabase")), 1)]),
 							createBaseVNode("button", {
@@ -56430,45 +56503,45 @@ var init_db_tools_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 								onClick: showRestoreModal
 							}, [_cache[25] || (_cache[25] = createBaseVNode("i", { class: "bi bi-upload" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.restoreDatabase")), 1)]),
 							createBaseVNode("button", {
-								class: "btn btn-outline-info btn-sm",
+								class: "btn btn-outline-secondary btn-sm",
 								onClick: showScheduleModal
 							}, [_cache[26] || (_cache[26] = createBaseVNode("i", { class: "bi bi-clock" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.scheduledBackup")), 1)])
 						])]),
-						createBaseVNode("div", _hoisted_8$6, [createBaseVNode("h6", _hoisted_9$6, [_cache[27] || (_cache[27] = createBaseVNode("i", { class: "bi bi-people" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.userManagement")), 1)]), createBaseVNode("div", _hoisted_10$6, [
+						createBaseVNode("div", _hoisted_8$5, [createBaseVNode("h6", _hoisted_9$5, [_cache[27] || (_cache[27] = createBaseVNode("i", { class: "bi bi-people" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.userManagement")), 1)]), createBaseVNode("div", _hoisted_10$5, [
 							createBaseVNode("button", {
-								class: "btn btn-outline-success btn-sm",
+								class: "btn btn-outline-secondary btn-sm",
 								onClick: showUsersList
 							}, [_cache[28] || (_cache[28] = createBaseVNode("i", { class: "bi bi-person-lines-fill" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.userList")), 1)]),
 							createBaseVNode("button", {
-								class: "btn btn-outline-primary btn-sm",
+								class: "btn btn-outline-secondary btn-sm",
 								onClick: showCreateUserModal
 							}, [_cache[29] || (_cache[29] = createBaseVNode("i", { class: "bi bi-person-plus" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.createUser")), 1)]),
 							createBaseVNode("button", {
-								class: "btn btn-outline-warning btn-sm",
+								class: "btn btn-outline-secondary btn-sm",
 								onClick: showPermissionsModal
 							}, [_cache[30] || (_cache[30] = createBaseVNode("i", { class: "bi bi-key" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.permissionMgmt")), 1)])
 						])]),
-						createBaseVNode("div", _hoisted_11$6, [createBaseVNode("h6", _hoisted_12$6, [_cache[31] || (_cache[31] = createBaseVNode("i", { class: "bi bi-speedometer2" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.perfMonitor")), 1)]), createBaseVNode("div", _hoisted_13$6, [
+						createBaseVNode("div", _hoisted_11$5, [createBaseVNode("h6", _hoisted_12$5, [_cache[31] || (_cache[31] = createBaseVNode("i", { class: "bi bi-speedometer2" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.perfMonitor")), 1)]), createBaseVNode("div", _hoisted_13$5, [
 							createBaseVNode("button", {
-								class: "btn btn-outline-info btn-sm",
+								class: "btn btn-outline-secondary btn-sm",
 								onClick: showProcessList
 							}, [_cache[32] || (_cache[32] = createBaseVNode("i", { class: "bi bi-activity" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.processList")), 1)]),
 							createBaseVNode("button", {
-								class: "btn btn-outline-warning btn-sm",
+								class: "btn btn-outline-secondary btn-sm",
 								onClick: showSlowQueries
 							}, [_cache[33] || (_cache[33] = createBaseVNode("i", { class: "bi bi-hourglass-split" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.slowQueries")), 1)]),
 							createBaseVNode("button", {
-								class: "btn btn-outline-danger btn-sm",
+								class: "btn btn-outline-secondary btn-sm",
 								onClick: showConnectionsList
 							}, [_cache[34] || (_cache[34] = createBaseVNode("i", { class: "bi bi-diagram-3" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.connectionCount")), 1)])
 						])]),
-						createBaseVNode("div", _hoisted_14$6, [createBaseVNode("h6", _hoisted_15$6, [_cache[35] || (_cache[35] = createBaseVNode("i", { class: "bi bi-gear-wide-connected" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.dbOptimization")), 1)]), createBaseVNode("div", _hoisted_16$6, [
+						createBaseVNode("div", _hoisted_14$5, [createBaseVNode("h6", _hoisted_15$5, [_cache[35] || (_cache[35] = createBaseVNode("i", { class: "bi bi-gear-wide-connected" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.dbOptimization")), 1)]), createBaseVNode("div", _hoisted_16$5, [
 							createBaseVNode("button", {
-								class: "btn btn-outline-success btn-sm",
+								class: "btn btn-outline-secondary btn-sm",
 								onClick: optimizeDatabase
 							}, [_cache[36] || (_cache[36] = createBaseVNode("i", { class: "bi bi-lightning-charge" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.optimizeDatabase")), 1)]),
 							createBaseVNode("button", {
-								class: "btn btn-outline-primary btn-sm",
+								class: "btn btn-outline-secondary btn-sm",
 								onClick: analyzeTables
 							}, [_cache[37] || (_cache[37] = createBaseVNode("i", { class: "bi bi-search" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.analyzeTables")), 1)]),
 							createBaseVNode("button", {
@@ -56476,27 +56549,27 @@ var init_db_tools_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 								onClick: repairTables
 							}, [_cache[38] || (_cache[38] = createBaseVNode("i", { class: "bi bi-tools" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.repairTables")), 1)]),
 							createBaseVNode("button", {
-								class: "btn btn-outline-info btn-sm",
+								class: "btn btn-outline-secondary btn-sm",
 								onClick: clearLogs
 							}, [_cache[39] || (_cache[39] = createBaseVNode("i", { class: "bi bi-trash" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.clearLogs")), 1)])
 						])]),
 						createBaseVNode("div", _hoisted_17$5, [createBaseVNode("h6", _hoisted_18$5, [_cache[40] || (_cache[40] = createBaseVNode("i", { class: "bi bi-arrow-left-right" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.dataMigration")), 1)]), createBaseVNode("div", _hoisted_19$5, [
 							createBaseVNode("button", {
-								class: "btn btn-outline-primary btn-sm",
+								class: "btn btn-outline-secondary btn-sm",
 								onClick: showExportModal
 							}, [_cache[41] || (_cache[41] = createBaseVNode("i", { class: "bi bi-box-arrow-up-right" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.exportStructure")), 1)]),
 							createBaseVNode("button", {
-								class: "btn btn-outline-success btn-sm",
+								class: "btn btn-outline-secondary btn-sm",
 								onClick: showImportModal
 							}, [_cache[42] || (_cache[42] = createBaseVNode("i", { class: "bi bi-box-arrow-in-down" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.importStructure")), 1)]),
 							createBaseVNode("button", {
-								class: "btn btn-outline-warning btn-sm",
+								class: "btn btn-outline-secondary btn-sm",
 								onClick: _cache[0] || (_cache[0] = ($event) => selectTool("sync"))
 							}, [_cache[43] || (_cache[43] = createBaseVNode("i", { class: "bi bi-arrow-repeat" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.dataSync")), 1)])
 						])]),
 						createBaseVNode("div", _hoisted_20$5, [createBaseVNode("h6", _hoisted_21$5, [_cache[44] || (_cache[44] = createBaseVNode("i", { class: "bi bi-heart-pulse" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.healthCheck")), 1)]), createBaseVNode("div", _hoisted_22$5, [
 							createBaseVNode("button", {
-								class: "btn btn-outline-info btn-sm",
+								class: "btn btn-outline-secondary btn-sm",
 								onClick: runHealthCheck
 							}, [_cache[45] || (_cache[45] = createBaseVNode("i", { class: "bi bi-clipboard-check" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.healthCheck")), 1)]),
 							createBaseVNode("button", {
@@ -56504,12 +56577,12 @@ var init_db_tools_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 								onClick: showStatistics
 							}, [_cache[46] || (_cache[46] = createBaseVNode("i", { class: "bi bi-bar-chart" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.dataStatistics")), 1)]),
 							createBaseVNode("button", {
-								class: "btn btn-outline-warning btn-sm",
+								class: "btn btn-outline-secondary btn-sm",
 								onClick: showAuditLog
 							}, [_cache[47] || (_cache[47] = createBaseVNode("i", { class: "bi bi-journal-text" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.auditLog")), 1)])
 						])])
 					]),
-					selectedTool.value ? (openBlock(), createElementBlock("div", _hoisted_23$5, [createBaseVNode("div", _hoisted_24$5, [createBaseVNode("h6", _hoisted_25$4, [createBaseVNode("i", { class: normalizeClass(getToolIcon(selectedTool.value)) }, null, 2), createTextVNode(" " + toDisplayString(getToolTitle(selectedTool.value)), 1)]), createBaseVNode("button", {
+					selectedTool.value ? (openBlock(), createElementBlock("div", _hoisted_23$5, [createBaseVNode("div", _hoisted_24$5, [createBaseVNode("h6", _hoisted_25$5, [createBaseVNode("i", { class: normalizeClass(getToolIcon(selectedTool.value)) }, null, 2), createTextVNode(" " + toDisplayString(getToolTitle(selectedTool.value)), 1)]), createBaseVNode("button", {
 						class: "btn btn-outline-secondary btn-sm",
 						onClick: closeTool
 					}, [_cache[48] || (_cache[48] = createBaseVNode("i", { class: "bi bi-x" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("dbTools.closeBtn")), 1)])]), selectedTool.value === "sync" ? (openBlock(), createElementBlock("div", _hoisted_26$4, [
@@ -56548,11 +56621,11 @@ var init_db_tools_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 								createBaseVNode("div", _hoisted_46$3, [createBaseVNode("label", _hoisted_47$3, toDisplayString(_ctx.$t("dbTools.selectDatabaseLabel")), 1), withDirectives(createBaseVNode("select", {
 									class: "form-select",
 									"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => selectedDatabaseName.value = $event)
-								}, [createBaseVNode("option", _hoisted_48$3, toDisplayString(_ctx.$t("dbTools.selectDatabasePlaceholder")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(databases.value, (db) => {
+								}, [createBaseVNode("option", _hoisted_48$2, toDisplayString(_ctx.$t("dbTools.selectDatabasePlaceholder")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(databases.value, (db) => {
 									return openBlock(), createElementBlock("option", {
 										key: db,
 										value: db
-									}, toDisplayString(db), 9, _hoisted_49$3);
+									}, toDisplayString(db), 9, _hoisted_49$2);
 								}), 128))], 512), [[vModelSelect, selectedDatabaseName.value]])]),
 								createBaseVNode("div", _hoisted_50$2, [createBaseVNode("label", _hoisted_51$2, toDisplayString(_ctx.$t("dbTools.targetTableName")), 1), withDirectives(createBaseVNode("input", {
 									type: "text",
@@ -56563,7 +56636,7 @@ var init_db_tools_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 								createBaseVNode("div", _hoisted_53$2, [createBaseVNode("label", _hoisted_54$2, toDisplayString(_ctx.$t("dbTools.dbTypeLabel")), 1), withDirectives(createBaseVNode("select", {
 									class: "form-select",
 									"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => syncConfig.value.target.dbType = $event)
-								}, [..._cache[51] || (_cache[51] = [createStaticVNode("<option value=\"mysql\" data-v-7577f853>MySQL</option><option value=\"postgresql\" data-v-7577f853>PostgreSQL</option><option value=\"sqlite\" data-v-7577f853>SQLite</option><option value=\"sqlserver\" data-v-7577f853>SQL Server</option><option value=\"oracle\" data-v-7577f853>Oracle</option>", 5)])], 512), [[vModelSelect, syncConfig.value.target.dbType]])]),
+								}, [..._cache[51] || (_cache[51] = [createStaticVNode("<option value=\"mysql\" data-v-c49117ce>MySQL</option><option value=\"postgresql\" data-v-c49117ce>PostgreSQL</option><option value=\"sqlite\" data-v-c49117ce>SQLite</option><option value=\"sqlserver\" data-v-c49117ce>SQL Server</option><option value=\"oracle\" data-v-c49117ce>Oracle</option>", 5)])], 512), [[vModelSelect, syncConfig.value.target.dbType]])]),
 								createBaseVNode("div", _hoisted_55$2, [createBaseVNode("label", _hoisted_56$2, toDisplayString(_ctx.$t("dbTools.hostLabel")), 1), withDirectives(createBaseVNode("input", {
 									type: "text",
 									class: "form-control",
@@ -56703,21 +56776,21 @@ var init_db_tools_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	});
 }));
 //#endregion
-//#region src/platform/database/components/db-tools.vue?vue&type=style&index=0&scoped=7577f853&lang.css
-var init_db_tools_vue_vue_type_style_index_0_scoped_7577f853_lang = __esmMin((() => {}));
+//#region src/platform/database/components/db-tools.vue?vue&type=style&index=0&scoped=c49117ce&lang.css
+var init_db_tools_vue_vue_type_style_index_0_scoped_c49117ce_lang = __esmMin((() => {}));
 //#endregion
 //#region src/platform/database/components/db-tools.vue
 var db_tools_default;
 var init_db_tools = __esmMin((() => {
 	init_db_tools_vue_vue_type_script_setup_true_lang();
 	init_db_tools_vue_vue_type_script_setup_true_lang();
-	init_db_tools_vue_vue_type_style_index_0_scoped_7577f853_lang();
+	init_db_tools_vue_vue_type_style_index_0_scoped_c49117ce_lang();
 	init__plugin_vue_export_helper();
-	db_tools_default = /*#__PURE__*/ _plugin_vue_export_helper_default(db_tools_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-7577f853"]]);
+	db_tools_default = /*#__PURE__*/ _plugin_vue_export_helper_default(db_tools_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c49117ce"]]);
 }));
 //#endregion
 //#region src/platform/database/components/database-detail.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$5, _hoisted_2$5, _hoisted_3$5, _hoisted_4$5, _hoisted_5$5, _hoisted_6$5, _hoisted_7$5, _hoisted_8$5, _hoisted_9$5, _hoisted_10$5, _hoisted_11$5, _hoisted_12$5, _hoisted_13$5, _hoisted_14$5, _hoisted_15$5, _hoisted_16$5, _hoisted_17$4, _hoisted_18$4, _hoisted_19$4, _hoisted_20$4, _hoisted_21$4, _hoisted_22$4, _hoisted_23$4, _hoisted_24$4, _hoisted_25$3, _hoisted_26$3, _hoisted_27$3, _hoisted_28$3, _hoisted_29$3, _hoisted_30$2, _hoisted_31$2, _hoisted_32$2, _hoisted_33$2, _hoisted_34$2, _hoisted_35$2, _hoisted_36$2, _hoisted_37$2, _hoisted_38$2, _hoisted_39$2, _hoisted_40$2, _hoisted_41$2, _hoisted_42$2, _hoisted_43$2, _hoisted_44$2, _hoisted_45$2, _hoisted_46$2, _hoisted_47$2, _hoisted_48$2, _hoisted_49$2, _hoisted_50$1, _hoisted_51$1, _hoisted_52$1, _hoisted_53$1, _hoisted_54$1, _hoisted_55$1, _hoisted_56$1, _hoisted_57$1, _hoisted_58$1, _hoisted_59$1, _hoisted_60$1, _hoisted_61$1, _hoisted_62$1, _hoisted_63$1, _hoisted_64$1, _hoisted_65$1, _hoisted_66$1, _hoisted_67$1, _hoisted_68$1, _hoisted_69$1, _hoisted_70$1, _hoisted_71$1, _hoisted_72$1, _hoisted_73$1, _hoisted_74, _hoisted_75, _hoisted_76, _hoisted_77, _hoisted_78, _hoisted_79, _hoisted_80, _hoisted_81, _hoisted_82, _hoisted_83, _hoisted_84, _hoisted_85, _hoisted_86, _hoisted_87, _hoisted_88, _hoisted_89, _hoisted_90, _hoisted_91, _hoisted_92, _hoisted_93, _hoisted_94, _hoisted_95, _hoisted_96, _hoisted_97, _hoisted_98, _hoisted_99, _hoisted_100, _hoisted_101, _hoisted_102, _hoisted_103, _hoisted_104, _hoisted_105, _hoisted_106, _hoisted_107, _hoisted_108, _hoisted_109, _hoisted_110, _hoisted_111, _hoisted_112, _hoisted_113, _hoisted_114, _hoisted_115, _hoisted_116, _hoisted_117, _hoisted_118, _hoisted_119, _hoisted_120, _hoisted_121, _hoisted_122, _hoisted_123, _hoisted_124, _hoisted_125, _hoisted_126, database_detail_vue_vue_type_script_setup_true_lang_default;
+var _hoisted_1$4, _hoisted_2$4, _hoisted_3$4, _hoisted_4$4, _hoisted_5$4, _hoisted_6$4, _hoisted_7$4, _hoisted_8$4, _hoisted_9$4, _hoisted_10$4, _hoisted_11$4, _hoisted_12$4, _hoisted_13$4, _hoisted_14$4, _hoisted_15$4, _hoisted_16$4, _hoisted_17$4, _hoisted_18$4, _hoisted_19$4, _hoisted_20$4, _hoisted_21$4, _hoisted_22$4, _hoisted_23$4, _hoisted_24$4, _hoisted_25$4, _hoisted_26$3, _hoisted_27$3, _hoisted_28$3, _hoisted_29$3, _hoisted_30$2, _hoisted_31$2, _hoisted_32$2, _hoisted_33$2, _hoisted_34$2, _hoisted_35$2, _hoisted_36$2, _hoisted_37$2, _hoisted_38$2, _hoisted_39$2, _hoisted_40$2, _hoisted_41$2, _hoisted_42$2, _hoisted_43$2, _hoisted_44$2, _hoisted_45$2, _hoisted_46$2, _hoisted_47$2, _hoisted_48$1, _hoisted_49$1, _hoisted_50$1, _hoisted_51$1, _hoisted_52$1, _hoisted_53$1, _hoisted_54$1, _hoisted_55$1, _hoisted_56$1, _hoisted_57$1, _hoisted_58$1, _hoisted_59$1, _hoisted_60$1, _hoisted_61$1, _hoisted_62$1, _hoisted_63$1, _hoisted_64$1, _hoisted_65$1, _hoisted_66$1, _hoisted_67$1, _hoisted_68$1, _hoisted_69$1, _hoisted_70$1, _hoisted_71$1, _hoisted_72$1, _hoisted_73$1, _hoisted_74, _hoisted_75, _hoisted_76, _hoisted_77, _hoisted_78, _hoisted_79, _hoisted_80, _hoisted_81, _hoisted_82, _hoisted_83, _hoisted_84, _hoisted_85, _hoisted_86, _hoisted_87, _hoisted_88, _hoisted_89, _hoisted_90, _hoisted_91, _hoisted_92, _hoisted_93, _hoisted_94, _hoisted_95, _hoisted_96, _hoisted_97, _hoisted_98, _hoisted_99, _hoisted_100, _hoisted_101, _hoisted_102, _hoisted_103, _hoisted_104, _hoisted_105, _hoisted_106, _hoisted_107, _hoisted_108, _hoisted_109, _hoisted_110, _hoisted_111, _hoisted_112, _hoisted_113, _hoisted_114, _hoisted_115, _hoisted_116, _hoisted_117, _hoisted_118, _hoisted_119, _hoisted_120, _hoisted_121, _hoisted_122, _hoisted_123, _hoisted_124, _hoisted_125, _hoisted_126, _hoisted_127, database_detail_vue_vue_type_script_setup_true_lang_default;
 var init_database_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	init_vue_runtime_esm_bundler();
 	init_vue_i18n();
@@ -56726,180 +56799,181 @@ var init_database_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	init_db_tools();
 	init_modal();
 	init_database();
-	_hoisted_1$5 = { class: "database-detail" };
-	_hoisted_2$5 = { class: "database-header" };
-	_hoisted_3$5 = { class: "database-header-content" };
-	_hoisted_4$5 = { class: "database-info" };
-	_hoisted_5$5 = { class: "database-meta" };
-	_hoisted_6$5 = { class: "database-name" };
-	_hoisted_7$5 = { class: "connection-info" };
-	_hoisted_8$5 = { class: "connection-name" };
-	_hoisted_9$5 = { class: "connection-type" };
-	_hoisted_10$5 = { class: "database-stats" };
-	_hoisted_11$5 = { class: "stat-item" };
-	_hoisted_12$5 = { class: "stat-value" };
-	_hoisted_13$5 = { class: "stat-label" };
-	_hoisted_14$5 = { class: "stat-item" };
-	_hoisted_15$5 = { class: "stat-value" };
-	_hoisted_16$5 = { class: "stat-label" };
-	_hoisted_17$4 = { class: "database-tabs" };
-	_hoisted_18$4 = { class: "nav nav-tabs" };
-	_hoisted_19$4 = { class: "nav-item" };
+	_hoisted_1$4 = { class: "database-detail" };
+	_hoisted_2$4 = { class: "database-header" };
+	_hoisted_3$4 = { class: "database-header-content" };
+	_hoisted_4$4 = { class: "database-info" };
+	_hoisted_5$4 = { class: "database-meta" };
+	_hoisted_6$4 = { class: "database-name" };
+	_hoisted_7$4 = { class: "connection-info" };
+	_hoisted_8$4 = ["title"];
+	_hoisted_9$4 = { class: "crumb crumb-current" };
+	_hoisted_10$4 = { class: "connection-type ms-2" };
+	_hoisted_11$4 = { class: "database-stats" };
+	_hoisted_12$4 = { class: "stat-item" };
+	_hoisted_13$4 = { class: "stat-value" };
+	_hoisted_14$4 = { class: "stat-label" };
+	_hoisted_15$4 = { class: "stat-item" };
+	_hoisted_16$4 = { class: "stat-value" };
+	_hoisted_17$4 = { class: "stat-label" };
+	_hoisted_18$4 = { class: "database-tabs" };
+	_hoisted_19$4 = { class: "nav nav-tabs" };
 	_hoisted_20$4 = { class: "nav-item" };
 	_hoisted_21$4 = { class: "nav-item" };
 	_hoisted_22$4 = { class: "nav-item" };
 	_hoisted_23$4 = { class: "nav-item" };
-	_hoisted_24$4 = { class: "tab-content" };
-	_hoisted_25$3 = { class: "tab-panel" };
-	_hoisted_26$3 = { class: "tables-actions mb-3" };
-	_hoisted_27$3 = {
+	_hoisted_24$4 = { class: "nav-item" };
+	_hoisted_25$4 = { class: "tab-content" };
+	_hoisted_26$3 = { class: "tab-panel" };
+	_hoisted_27$3 = { class: "tables-actions mb-3" };
+	_hoisted_28$3 = {
 		key: 0,
 		class: "loading-state"
 	};
-	_hoisted_28$3 = {
+	_hoisted_29$3 = {
 		class: "spinner-border",
 		role: "status"
 	};
-	_hoisted_29$3 = { class: "visually-hidden" };
-	_hoisted_30$2 = { key: 1 };
-	_hoisted_31$2 = { class: "table-grid" };
-	_hoisted_32$2 = ["onClick"];
-	_hoisted_33$2 = { class: "card-header" };
-	_hoisted_34$2 = { class: "table-info" };
-	_hoisted_35$2 = { class: "table-name-wrapper" };
-	_hoisted_36$2 = ["title"];
-	_hoisted_37$2 = { class: "table-engine" };
-	_hoisted_38$2 = ["title"];
-	_hoisted_39$2 = { class: "card-body" };
-	_hoisted_40$2 = { class: "table-stats" };
-	_hoisted_41$2 = {
+	_hoisted_30$2 = { class: "visually-hidden" };
+	_hoisted_31$2 = { key: 1 };
+	_hoisted_32$2 = { class: "table-grid" };
+	_hoisted_33$2 = ["onClick"];
+	_hoisted_34$2 = { class: "card-header" };
+	_hoisted_35$2 = { class: "table-info" };
+	_hoisted_36$2 = { class: "table-name-wrapper" };
+	_hoisted_37$2 = ["title"];
+	_hoisted_38$2 = { class: "table-engine" };
+	_hoisted_39$2 = ["title"];
+	_hoisted_40$2 = { class: "card-body" };
+	_hoisted_41$2 = { class: "table-stats" };
+	_hoisted_42$2 = {
 		key: 0,
 		class: "stat"
 	};
-	_hoisted_42$2 = { class: "stat-label" };
-	_hoisted_43$2 = { class: "stat-value" };
-	_hoisted_44$2 = {
+	_hoisted_43$2 = { class: "stat-label" };
+	_hoisted_44$2 = { class: "stat-value" };
+	_hoisted_45$2 = {
 		key: 1,
 		class: "stat"
 	};
-	_hoisted_45$2 = { class: "stat-label" };
-	_hoisted_46$2 = { class: "stat-value" };
-	_hoisted_47$2 = { class: "table-actions" };
-	_hoisted_48$2 = ["onClick"];
-	_hoisted_49$2 = {
+	_hoisted_46$2 = { class: "stat-label" };
+	_hoisted_47$2 = { class: "stat-value" };
+	_hoisted_48$1 = { class: "table-actions" };
+	_hoisted_49$1 = ["onClick"];
+	_hoisted_50$1 = {
 		key: 0,
 		class: "empty-state"
 	};
-	_hoisted_50$1 = { class: "tab-panel" };
-	_hoisted_51$1 = { class: "views-actions mb-3" };
-	_hoisted_52$1 = {
+	_hoisted_51$1 = { class: "tab-panel" };
+	_hoisted_52$1 = { class: "views-actions mb-3" };
+	_hoisted_53$1 = {
 		key: 0,
 		class: "views-grid"
 	};
-	_hoisted_53$1 = { class: "card-header" };
-	_hoisted_54$1 = { class: "view-info" };
-	_hoisted_55$1 = { class: "view-name" };
-	_hoisted_56$1 = {
+	_hoisted_54$1 = { class: "card-header" };
+	_hoisted_55$1 = { class: "view-info" };
+	_hoisted_56$1 = { class: "view-name" };
+	_hoisted_57$1 = {
 		key: 0,
 		class: "view-comment"
 	};
-	_hoisted_57$1 = { class: "card-body" };
-	_hoisted_58$1 = { class: "view-actions" };
-	_hoisted_59$1 = ["onClick"];
+	_hoisted_58$1 = { class: "card-body" };
+	_hoisted_59$1 = { class: "view-actions" };
 	_hoisted_60$1 = ["onClick"];
-	_hoisted_61$1 = {
+	_hoisted_61$1 = ["onClick"];
+	_hoisted_62$1 = {
 		key: 1,
 		class: "empty-state"
 	};
-	_hoisted_62$1 = { class: "tab-panel" };
-	_hoisted_63$1 = { class: "procedures-actions mb-3" };
-	_hoisted_64$1 = {
+	_hoisted_63$1 = { class: "tab-panel" };
+	_hoisted_64$1 = { class: "procedures-actions mb-3" };
+	_hoisted_65$1 = {
 		key: 0,
 		class: "procedures-grid"
 	};
-	_hoisted_65$1 = { class: "card-header" };
-	_hoisted_66$1 = { class: "procedure-info" };
-	_hoisted_67$1 = { class: "procedure-name" };
-	_hoisted_68$1 = {
+	_hoisted_66$1 = { class: "card-header" };
+	_hoisted_67$1 = { class: "procedure-info" };
+	_hoisted_68$1 = { class: "procedure-name" };
+	_hoisted_69$1 = {
 		key: 0,
 		class: "procedure-comment"
 	};
-	_hoisted_69$1 = { class: "procedure-type" };
-	_hoisted_70$1 = { class: "badge bg-info" };
-	_hoisted_71$1 = {
+	_hoisted_70$1 = { class: "procedure-type" };
+	_hoisted_71$1 = { class: "badge bg-info" };
+	_hoisted_72$1 = {
 		key: 0,
 		class: "badge bg-secondary ms-1"
 	};
-	_hoisted_72$1 = { class: "card-body" };
-	_hoisted_73$1 = { class: "procedure-actions" };
-	_hoisted_74 = ["onClick"];
+	_hoisted_73$1 = { class: "card-body" };
+	_hoisted_74 = { class: "procedure-actions" };
 	_hoisted_75 = ["onClick"];
-	_hoisted_76 = {
+	_hoisted_76 = ["onClick"];
+	_hoisted_77 = {
 		key: 1,
 		class: "empty-state"
 	};
-	_hoisted_77 = { class: "tab-panel" };
-	_hoisted_78 = { class: "empty-state" };
-	_hoisted_79 = { class: "tab-panel" };
-	_hoisted_80 = { class: "sql-executor-section" };
-	_hoisted_81 = { class: "tab-panel" };
-	_hoisted_82 = {
+	_hoisted_78 = { class: "tab-panel" };
+	_hoisted_79 = { class: "empty-state" };
+	_hoisted_80 = { class: "tab-panel" };
+	_hoisted_81 = { class: "sql-executor-section" };
+	_hoisted_82 = { class: "tab-panel" };
+	_hoisted_83 = {
 		key: 0,
 		class: "modal fade show d-block",
 		style: { "background": "rgba(0,0,0,0.5)" }
 	};
-	_hoisted_83 = { class: "modal-dialog modal-lg" };
-	_hoisted_84 = { class: "modal-content" };
-	_hoisted_85 = { class: "modal-header" };
-	_hoisted_86 = { class: "modal-title" };
-	_hoisted_87 = { class: "modal-body" };
-	_hoisted_88 = { class: "mb-3" };
-	_hoisted_89 = { class: "form-label" };
-	_hoisted_90 = ["placeholder"];
-	_hoisted_91 = { class: "mb-3" };
-	_hoisted_92 = { class: "form-label" };
-	_hoisted_93 = ["placeholder"];
-	_hoisted_94 = { class: "modal-footer" };
-	_hoisted_95 = {
+	_hoisted_84 = { class: "modal-dialog modal-lg" };
+	_hoisted_85 = { class: "modal-content" };
+	_hoisted_86 = { class: "modal-header" };
+	_hoisted_87 = { class: "modal-title" };
+	_hoisted_88 = { class: "modal-body" };
+	_hoisted_89 = { class: "mb-3" };
+	_hoisted_90 = { class: "form-label" };
+	_hoisted_91 = ["placeholder"];
+	_hoisted_92 = { class: "mb-3" };
+	_hoisted_93 = { class: "form-label" };
+	_hoisted_94 = ["placeholder"];
+	_hoisted_95 = { class: "modal-footer" };
+	_hoisted_96 = {
 		key: 1,
 		class: "modal fade show d-block",
 		style: { "background": "rgba(0,0,0,0.5)" }
 	};
-	_hoisted_96 = { class: "modal-dialog modal-lg" };
-	_hoisted_97 = { class: "modal-content" };
-	_hoisted_98 = { class: "modal-header" };
-	_hoisted_99 = { class: "modal-title" };
-	_hoisted_100 = { class: "modal-body" };
-	_hoisted_101 = { class: "mb-3" };
-	_hoisted_102 = { class: "form-label" };
-	_hoisted_103 = ["placeholder"];
-	_hoisted_104 = { class: "mb-3" };
-	_hoisted_105 = { class: "form-label" };
-	_hoisted_106 = ["placeholder"];
-	_hoisted_107 = { class: "mb-3" };
-	_hoisted_108 = { class: "form-label" };
-	_hoisted_109 = ["placeholder"];
-	_hoisted_110 = { class: "modal-footer" };
-	_hoisted_111 = {
+	_hoisted_97 = { class: "modal-dialog modal-lg" };
+	_hoisted_98 = { class: "modal-content" };
+	_hoisted_99 = { class: "modal-header" };
+	_hoisted_100 = { class: "modal-title" };
+	_hoisted_101 = { class: "modal-body" };
+	_hoisted_102 = { class: "mb-3" };
+	_hoisted_103 = { class: "form-label" };
+	_hoisted_104 = ["placeholder"];
+	_hoisted_105 = { class: "mb-3" };
+	_hoisted_106 = { class: "form-label" };
+	_hoisted_107 = ["placeholder"];
+	_hoisted_108 = { class: "mb-3" };
+	_hoisted_109 = { class: "form-label" };
+	_hoisted_110 = ["placeholder"];
+	_hoisted_111 = { class: "modal-footer" };
+	_hoisted_112 = {
 		key: 2,
 		class: "modal fade show d-block",
 		style: { "background": "rgba(0,0,0,0.5)" }
 	};
-	_hoisted_112 = { class: "modal-dialog modal-lg" };
-	_hoisted_113 = { class: "modal-content" };
-	_hoisted_114 = { class: "modal-header" };
-	_hoisted_115 = { class: "modal-title" };
-	_hoisted_116 = { class: "modal-body" };
-	_hoisted_117 = { class: "mb-3" };
-	_hoisted_118 = { class: "form-label" };
-	_hoisted_119 = ["placeholder"];
-	_hoisted_120 = { class: "mb-3" };
-	_hoisted_121 = { class: "form-label" };
-	_hoisted_122 = ["placeholder"];
-	_hoisted_123 = { class: "mb-3" };
-	_hoisted_124 = { class: "form-label" };
-	_hoisted_125 = ["placeholder"];
-	_hoisted_126 = { class: "modal-footer" };
+	_hoisted_113 = { class: "modal-dialog modal-lg" };
+	_hoisted_114 = { class: "modal-content" };
+	_hoisted_115 = { class: "modal-header" };
+	_hoisted_116 = { class: "modal-title" };
+	_hoisted_117 = { class: "modal-body" };
+	_hoisted_118 = { class: "mb-3" };
+	_hoisted_119 = { class: "form-label" };
+	_hoisted_120 = ["placeholder"];
+	_hoisted_121 = { class: "mb-3" };
+	_hoisted_122 = { class: "form-label" };
+	_hoisted_123 = ["placeholder"];
+	_hoisted_124 = { class: "mb-3" };
+	_hoisted_125 = { class: "form-label" };
+	_hoisted_126 = ["placeholder"];
+	_hoisted_127 = { class: "modal-footer" };
 	database_detail_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 		__name: "database-detail",
 		props: {
@@ -56913,7 +56987,8 @@ var init_database_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 			"select-table",
 			"refresh-database",
 			"create-table",
-			"execute-sql"
+			"execute-sql",
+			"navigate-connection"
 		],
 		setup(__props, { emit: __emit }) {
 			const props = __props;
@@ -57158,217 +57233,226 @@ var init_database_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 				emit("execute-sql", sql);
 			}
 			return (_ctx, _cache) => {
-				return openBlock(), createElementBlock("div", _hoisted_1$5, [
-					createBaseVNode("div", _hoisted_2$5, [createBaseVNode("div", _hoisted_3$5, [createBaseVNode("div", _hoisted_4$5, [_cache[19] || (_cache[19] = createBaseVNode("div", { class: "database-icon" }, [createBaseVNode("i", { class: "bi bi-database" })], -1)), createBaseVNode("div", _hoisted_5$5, [createBaseVNode("h4", _hoisted_6$5, toDisplayString(__props.database), 1), createBaseVNode("div", _hoisted_7$5, [createBaseVNode("span", _hoisted_8$5, toDisplayString(__props.connection?.name), 1), createBaseVNode("span", _hoisted_9$5, toDisplayString(getDbTypeLabel(__props.connection?.type)), 1)])])]), createBaseVNode("div", _hoisted_10$5, [createBaseVNode("div", _hoisted_11$5, [createBaseVNode("div", _hoisted_12$5, toDisplayString(__props.databaseInfo?.tableCount || 0), 1), createBaseVNode("div", _hoisted_13$5, toDisplayString(_ctx.$t("connection.tableCount")), 1)]), createBaseVNode("div", _hoisted_14$5, [createBaseVNode("div", _hoisted_15$5, toDisplayString(formatSize(__props.databaseInfo?.size || 0)), 1), createBaseVNode("div", _hoisted_16$5, toDisplayString(_ctx.$t("databaseDetail.size")), 1)])])])]),
-					createBaseVNode("div", _hoisted_17$4, [createBaseVNode("ul", _hoisted_18$4, [
-						createBaseVNode("li", _hoisted_19$4, [createBaseVNode("button", {
-							class: normalizeClass(["nav-link", { active: activeTab.value === "tables" }]),
-							onClick: _cache[0] || (_cache[0] = ($event) => activeTab.value = "tables")
-						}, [_cache[20] || (_cache[20] = createBaseVNode("i", { class: "bi bi-table" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.tables")), 1)], 2)]),
+				return openBlock(), createElementBlock("div", _hoisted_1$4, [
+					createBaseVNode("div", _hoisted_2$4, [createBaseVNode("div", _hoisted_3$4, [createBaseVNode("div", _hoisted_4$4, [_cache[22] || (_cache[22] = createBaseVNode("div", { class: "database-icon" }, [createBaseVNode("i", { class: "bi bi-database" })], -1)), createBaseVNode("div", _hoisted_5$4, [createBaseVNode("h4", _hoisted_6$4, toDisplayString(__props.database), 1), createBaseVNode("div", _hoisted_7$4, [
+						createBaseVNode("span", {
+							class: "crumb crumb-link",
+							onClick: _cache[0] || (_cache[0] = ($event) => emit("navigate-connection")),
+							title: _ctx.$t("databaseDetail.backToConnection")
+						}, [_cache[20] || (_cache[20] = createBaseVNode("i", { class: "bi bi-hdd-network me-1" }, null, -1)), createTextVNode(toDisplayString(__props.connection?.name), 1)], 8, _hoisted_8$4),
+						_cache[21] || (_cache[21] = createBaseVNode("i", { class: "bi bi-chevron-right" }, null, -1)),
+						createBaseVNode("span", _hoisted_9$4, toDisplayString(__props.database), 1),
+						createBaseVNode("span", _hoisted_10$4, toDisplayString(getDbTypeLabel(__props.connection?.type)), 1)
+					])])]), createBaseVNode("div", _hoisted_11$4, [createBaseVNode("div", _hoisted_12$4, [createBaseVNode("div", _hoisted_13$4, toDisplayString(__props.databaseInfo?.tableCount || 0), 1), createBaseVNode("div", _hoisted_14$4, toDisplayString(_ctx.$t("connection.tableCount")), 1)]), createBaseVNode("div", _hoisted_15$4, [createBaseVNode("div", _hoisted_16$4, toDisplayString(formatSize(__props.databaseInfo?.size || 0)), 1), createBaseVNode("div", _hoisted_17$4, toDisplayString(_ctx.$t("databaseDetail.size")), 1)])])])]),
+					createBaseVNode("div", _hoisted_18$4, [createBaseVNode("ul", _hoisted_19$4, [
 						createBaseVNode("li", _hoisted_20$4, [createBaseVNode("button", {
-							class: normalizeClass(["nav-link", { active: activeTab.value === "views" }]),
-							onClick: _cache[1] || (_cache[1] = ($event) => activeTab.value = "views")
-						}, [_cache[21] || (_cache[21] = createBaseVNode("i", { class: "bi bi-eye" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.views")), 1)], 2)]),
+							class: normalizeClass(["nav-link", { active: activeTab.value === "tables" }]),
+							onClick: _cache[1] || (_cache[1] = ($event) => activeTab.value = "tables")
+						}, [_cache[23] || (_cache[23] = createBaseVNode("i", { class: "bi bi-table" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.tables")), 1)], 2)]),
 						createBaseVNode("li", _hoisted_21$4, [createBaseVNode("button", {
-							class: normalizeClass(["nav-link", { active: activeTab.value === "procedures" }]),
-							onClick: _cache[2] || (_cache[2] = ($event) => activeTab.value = "procedures")
-						}, [_cache[22] || (_cache[22] = createBaseVNode("i", { class: "bi bi-gear" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.procedures")), 1)], 2)]),
+							class: normalizeClass(["nav-link", { active: activeTab.value === "views" }]),
+							onClick: _cache[2] || (_cache[2] = ($event) => activeTab.value = "views")
+						}, [_cache[24] || (_cache[24] = createBaseVNode("i", { class: "bi bi-eye" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.views")), 1)], 2)]),
 						createBaseVNode("li", _hoisted_22$4, [createBaseVNode("button", {
-							class: normalizeClass(["nav-link", { active: activeTab.value === "sql" }]),
-							onClick: _cache[3] || (_cache[3] = ($event) => activeTab.value = "sql")
-						}, [_cache[23] || (_cache[23] = createBaseVNode("i", { class: "bi bi-terminal" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.executeSQL")), 1)], 2)]),
+							class: normalizeClass(["nav-link", { active: activeTab.value === "procedures" }]),
+							onClick: _cache[3] || (_cache[3] = ($event) => activeTab.value = "procedures")
+						}, [_cache[25] || (_cache[25] = createBaseVNode("i", { class: "bi bi-gear" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.procedures")), 1)], 2)]),
 						createBaseVNode("li", _hoisted_23$4, [createBaseVNode("button", {
+							class: normalizeClass(["nav-link", { active: activeTab.value === "sql" }]),
+							onClick: _cache[4] || (_cache[4] = ($event) => activeTab.value = "sql")
+						}, [_cache[26] || (_cache[26] = createBaseVNode("i", { class: "bi bi-terminal" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.executeSQL")), 1)], 2)]),
+						createBaseVNode("li", _hoisted_24$4, [createBaseVNode("button", {
 							class: normalizeClass(["nav-link", { active: activeTab.value === "tools" }]),
-							onClick: _cache[4] || (_cache[4] = ($event) => activeTab.value = "tools")
-						}, [_cache[24] || (_cache[24] = createBaseVNode("i", { class: "bi bi-tools" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.tools")), 1)], 2)])
-					]), createBaseVNode("div", _hoisted_24$4, [
-						withDirectives(createBaseVNode("div", _hoisted_25$3, [createBaseVNode("div", _hoisted_26$3, [createBaseVNode("button", {
+							onClick: _cache[5] || (_cache[5] = ($event) => activeTab.value = "tools")
+						}, [_cache[27] || (_cache[27] = createBaseVNode("i", { class: "bi bi-tools" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.tools")), 1)], 2)])
+					]), createBaseVNode("div", _hoisted_25$4, [
+						withDirectives(createBaseVNode("div", _hoisted_26$3, [createBaseVNode("div", _hoisted_27$3, [createBaseVNode("button", {
 							class: "btn btn-primary btn-sm",
 							onClick: createNewTable
-						}, [_cache[25] || (_cache[25] = createBaseVNode("i", { class: "bi bi-plus-lg" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.createTable")), 1)]), createBaseVNode("button", {
+						}, [_cache[28] || (_cache[28] = createBaseVNode("i", { class: "bi bi-plus-lg" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.createTable")), 1)]), createBaseVNode("button", {
 							class: "btn btn-outline-secondary btn-sm",
 							onClick: handleRefreshDatabase
-						}, [_cache[26] || (_cache[26] = createBaseVNode("i", { class: "bi bi-arrow-clockwise" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("common.refresh")), 1)])]), __props.loading ? (openBlock(), createElementBlock("div", _hoisted_27$3, [createBaseVNode("div", _hoisted_28$3, [createBaseVNode("span", _hoisted_29$3, toDisplayString(_ctx.$t("common.loading")), 1)]), createBaseVNode("p", null, toDisplayString(_ctx.$t("databaseDetail.loadingTables")), 1)])) : (openBlock(), createElementBlock("div", _hoisted_30$2, [createBaseVNode("div", _hoisted_31$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(tables.value, (table) => {
+						}, [_cache[29] || (_cache[29] = createBaseVNode("i", { class: "bi bi-arrow-clockwise" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("common.refresh")), 1)])]), __props.loading ? (openBlock(), createElementBlock("div", _hoisted_28$3, [createBaseVNode("div", _hoisted_29$3, [createBaseVNode("span", _hoisted_30$2, toDisplayString(_ctx.$t("common.loading")), 1)]), createBaseVNode("p", null, toDisplayString(_ctx.$t("databaseDetail.loadingTables")), 1)])) : (openBlock(), createElementBlock("div", _hoisted_31$2, [createBaseVNode("div", _hoisted_32$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(tables.value, (table) => {
 							return openBlock(), createElementBlock("div", {
 								key: table.name,
 								class: "table-card",
 								onClick: ($event) => selectTable(table)
-							}, [createBaseVNode("div", _hoisted_33$2, [_cache[27] || (_cache[27] = createBaseVNode("div", { class: "table-icon" }, [createBaseVNode("i", { class: "bi bi-table" })], -1)), createBaseVNode("div", _hoisted_34$2, [createBaseVNode("div", _hoisted_35$2, [createBaseVNode("div", {
+							}, [createBaseVNode("div", _hoisted_34$2, [_cache[30] || (_cache[30] = createBaseVNode("div", { class: "table-icon" }, [createBaseVNode("i", { class: "bi bi-table" })], -1)), createBaseVNode("div", _hoisted_35$2, [createBaseVNode("div", _hoisted_36$2, [createBaseVNode("div", {
 								class: "table-name",
 								title: table.name
-							}, toDisplayString(table.name), 9, _hoisted_36$2), createBaseVNode("div", _hoisted_37$2, toDisplayString(table.engine || "-"), 1)]), table.comment ? (openBlock(), createElementBlock("div", {
+							}, toDisplayString(table.name), 9, _hoisted_37$2), createBaseVNode("div", _hoisted_38$2, toDisplayString(table.engine || "-"), 1)]), table.comment ? (openBlock(), createElementBlock("div", {
 								key: 0,
 								class: "table-comment-header",
 								title: table.comment
-							}, toDisplayString(table.comment), 9, _hoisted_38$2)) : createCommentVNode("", true)])]), createBaseVNode("div", _hoisted_39$2, [createBaseVNode("div", _hoisted_40$2, [table.rowCount !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_41$2, [createBaseVNode("span", _hoisted_42$2, toDisplayString(_ctx.$t("databaseDetail.rowCountLabel")), 1), createBaseVNode("span", _hoisted_43$2, toDisplayString(formatNumber(table.rowCount)), 1)])) : createCommentVNode("", true), table.dataSize !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_44$2, [createBaseVNode("span", _hoisted_45$2, toDisplayString(_ctx.$t("databaseDetail.size")), 1), createBaseVNode("span", _hoisted_46$2, toDisplayString(formatSize(table.dataSize)), 1)])) : createCommentVNode("", true)]), createBaseVNode("div", _hoisted_47$2, [createBaseVNode("button", {
+							}, toDisplayString(table.comment), 9, _hoisted_39$2)) : createCommentVNode("", true)])]), createBaseVNode("div", _hoisted_40$2, [createBaseVNode("div", _hoisted_41$2, [table.rowCount !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_42$2, [createBaseVNode("span", _hoisted_43$2, toDisplayString(_ctx.$t("databaseDetail.rowCountLabel")), 1), createBaseVNode("span", _hoisted_44$2, toDisplayString(formatNumber(table.rowCount)), 1)])) : createCommentVNode("", true), table.dataSize !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_45$2, [createBaseVNode("span", _hoisted_46$2, toDisplayString(_ctx.$t("databaseDetail.size")), 1), createBaseVNode("span", _hoisted_47$2, toDisplayString(formatSize(table.dataSize)), 1)])) : createCommentVNode("", true)]), createBaseVNode("div", _hoisted_48$1, [createBaseVNode("button", {
 								class: "btn btn-sm btn-outline-primary",
 								onClick: withModifiers(($event) => editTable(table), ["stop"])
-							}, [..._cache[28] || (_cache[28] = [createBaseVNode("i", { class: "bi bi-pencil" }, null, -1)])], 8, _hoisted_48$2)])])], 8, _hoisted_32$2);
-						}), 128))]), !tables.value || tables.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_49$2, [
-							_cache[30] || (_cache[30] = createBaseVNode("i", { class: "bi bi-inbox" }, null, -1)),
+							}, [..._cache[31] || (_cache[31] = [createBaseVNode("i", { class: "bi bi-pencil" }, null, -1)])], 8, _hoisted_49$1)])])], 8, _hoisted_33$2);
+						}), 128))]), !tables.value || tables.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_50$1, [
+							_cache[33] || (_cache[33] = createBaseVNode("i", { class: "bi bi-inbox" }, null, -1)),
 							createBaseVNode("p", null, toDisplayString(_ctx.$t("databaseDetail.noTable")), 1),
 							createBaseVNode("button", {
 								class: "btn btn-primary",
 								onClick: createNewTable
-							}, [_cache[29] || (_cache[29] = createBaseVNode("i", { class: "bi bi-plus" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.createTable")), 1)])
+							}, [_cache[32] || (_cache[32] = createBaseVNode("i", { class: "bi bi-plus" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.createTable")), 1)])
 						])) : createCommentVNode("", true)]))], 512), [[vShow, activeTab.value === "tables"]]),
-						withDirectives(createBaseVNode("div", _hoisted_50$1, [createBaseVNode("div", _hoisted_51$1, [createBaseVNode("button", {
+						withDirectives(createBaseVNode("div", _hoisted_51$1, [createBaseVNode("div", _hoisted_52$1, [createBaseVNode("button", {
 							class: "btn btn-success btn-sm",
 							onClick: showCreateViewModal
-						}, [_cache[31] || (_cache[31] = createBaseVNode("i", { class: "bi bi-plus-lg" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.createView")), 1)]), createBaseVNode("button", {
+						}, [_cache[34] || (_cache[34] = createBaseVNode("i", { class: "bi bi-plus-lg" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.createView")), 1)]), createBaseVNode("button", {
 							class: "btn btn-info btn-sm",
 							onClick: refreshViews
-						}, [_cache[32] || (_cache[32] = createBaseVNode("i", { class: "bi bi-arrow-clockwise" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("common.refresh")), 1)])]), views.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_52$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(views.value, (view) => {
+						}, [_cache[35] || (_cache[35] = createBaseVNode("i", { class: "bi bi-arrow-clockwise" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("common.refresh")), 1)])]), views.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_53$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(views.value, (view) => {
 							return openBlock(), createElementBlock("div", {
 								key: view.name,
 								class: "view-card"
-							}, [createBaseVNode("div", _hoisted_53$1, [_cache[33] || (_cache[33] = createBaseVNode("div", { class: "view-icon" }, [createBaseVNode("i", { class: "bi bi-eye" })], -1)), createBaseVNode("div", _hoisted_54$1, [createBaseVNode("div", _hoisted_55$1, toDisplayString(view.name), 1), view.comment ? (openBlock(), createElementBlock("div", _hoisted_56$1, toDisplayString(view.comment), 1)) : createCommentVNode("", true)])]), createBaseVNode("div", _hoisted_57$1, [createBaseVNode("div", _hoisted_58$1, [createBaseVNode("button", {
+							}, [createBaseVNode("div", _hoisted_54$1, [_cache[36] || (_cache[36] = createBaseVNode("div", { class: "view-icon" }, [createBaseVNode("i", { class: "bi bi-eye" })], -1)), createBaseVNode("div", _hoisted_55$1, [createBaseVNode("div", _hoisted_56$1, toDisplayString(view.name), 1), view.comment ? (openBlock(), createElementBlock("div", _hoisted_57$1, toDisplayString(view.comment), 1)) : createCommentVNode("", true)])]), createBaseVNode("div", _hoisted_58$1, [createBaseVNode("div", _hoisted_59$1, [createBaseVNode("button", {
 								class: "btn btn-sm btn-outline-primary",
 								onClick: ($event) => editView(view)
-							}, [_cache[34] || (_cache[34] = createBaseVNode("i", { class: "bi bi-pencil" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("common.edit")), 1)], 8, _hoisted_59$1), createBaseVNode("button", {
+							}, [_cache[37] || (_cache[37] = createBaseVNode("i", { class: "bi bi-pencil" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("common.edit")), 1)], 8, _hoisted_60$1), createBaseVNode("button", {
 								class: "btn btn-sm btn-outline-danger",
 								onClick: ($event) => deleteView(view)
-							}, [_cache[35] || (_cache[35] = createBaseVNode("i", { class: "bi bi-trash" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("common.delete")), 1)], 8, _hoisted_60$1)])])]);
-						}), 128))])) : (openBlock(), createElementBlock("div", _hoisted_61$1, [
-							_cache[37] || (_cache[37] = createBaseVNode("i", { class: "bi bi-eye" }, null, -1)),
+							}, [_cache[38] || (_cache[38] = createBaseVNode("i", { class: "bi bi-trash" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("common.delete")), 1)], 8, _hoisted_61$1)])])]);
+						}), 128))])) : (openBlock(), createElementBlock("div", _hoisted_62$1, [
+							_cache[40] || (_cache[40] = createBaseVNode("i", { class: "bi bi-eye" }, null, -1)),
 							createBaseVNode("p", null, toDisplayString(_ctx.$t("databaseDetail.noView")), 1),
 							createBaseVNode("button", {
 								class: "btn btn-success",
 								onClick: showCreateViewModal
-							}, [_cache[36] || (_cache[36] = createBaseVNode("i", { class: "bi bi-plus" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.createView")), 1)])
+							}, [_cache[39] || (_cache[39] = createBaseVNode("i", { class: "bi bi-plus" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.createView")), 1)])
 						]))], 512), [[vShow, activeTab.value === "views"]]),
-						withDirectives(createBaseVNode("div", _hoisted_62$1, [createBaseVNode("div", _hoisted_63$1, [createBaseVNode("button", {
+						withDirectives(createBaseVNode("div", _hoisted_63$1, [createBaseVNode("div", _hoisted_64$1, [createBaseVNode("button", {
 							class: "btn btn-info btn-sm",
 							onClick: showCreateProcedureModal
-						}, [_cache[38] || (_cache[38] = createBaseVNode("i", { class: "bi bi-plus-lg" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.createProcedure")), 1)]), createBaseVNode("button", {
+						}, [_cache[41] || (_cache[41] = createBaseVNode("i", { class: "bi bi-plus-lg" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.createProcedure")), 1)]), createBaseVNode("button", {
 							class: "btn btn-info btn-sm",
 							onClick: refreshProcedures
-						}, [_cache[39] || (_cache[39] = createBaseVNode("i", { class: "bi bi-arrow-clockwise" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("common.refresh")), 1)])]), procedures.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_64$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(procedures.value, (procedure) => {
+						}, [_cache[42] || (_cache[42] = createBaseVNode("i", { class: "bi bi-arrow-clockwise" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("common.refresh")), 1)])]), procedures.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_65$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(procedures.value, (procedure) => {
 							return openBlock(), createElementBlock("div", {
 								key: procedure.name,
 								class: "procedure-card"
-							}, [createBaseVNode("div", _hoisted_65$1, [_cache[40] || (_cache[40] = createBaseVNode("div", { class: "procedure-icon" }, [createBaseVNode("i", { class: "bi bi-gear" })], -1)), createBaseVNode("div", _hoisted_66$1, [
-								createBaseVNode("div", _hoisted_67$1, toDisplayString(procedure.name), 1),
-								procedure.comment ? (openBlock(), createElementBlock("div", _hoisted_68$1, toDisplayString(procedure.comment), 1)) : createCommentVNode("", true),
-								createBaseVNode("div", _hoisted_69$1, [createBaseVNode("span", _hoisted_70$1, toDisplayString(procedure.type), 1), procedure.returnType ? (openBlock(), createElementBlock("span", _hoisted_71$1, toDisplayString(procedure.returnType), 1)) : createCommentVNode("", true)])
-							])]), createBaseVNode("div", _hoisted_72$1, [createBaseVNode("div", _hoisted_73$1, [createBaseVNode("button", {
+							}, [createBaseVNode("div", _hoisted_66$1, [_cache[43] || (_cache[43] = createBaseVNode("div", { class: "procedure-icon" }, [createBaseVNode("i", { class: "bi bi-gear" })], -1)), createBaseVNode("div", _hoisted_67$1, [
+								createBaseVNode("div", _hoisted_68$1, toDisplayString(procedure.name), 1),
+								procedure.comment ? (openBlock(), createElementBlock("div", _hoisted_69$1, toDisplayString(procedure.comment), 1)) : createCommentVNode("", true),
+								createBaseVNode("div", _hoisted_70$1, [createBaseVNode("span", _hoisted_71$1, toDisplayString(procedure.type), 1), procedure.returnType ? (openBlock(), createElementBlock("span", _hoisted_72$1, toDisplayString(procedure.returnType), 1)) : createCommentVNode("", true)])
+							])]), createBaseVNode("div", _hoisted_73$1, [createBaseVNode("div", _hoisted_74, [createBaseVNode("button", {
 								class: "btn btn-sm btn-outline-primary",
 								onClick: ($event) => editProcedure(procedure)
-							}, [_cache[41] || (_cache[41] = createBaseVNode("i", { class: "bi bi-pencil" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("common.edit")), 1)], 8, _hoisted_74), createBaseVNode("button", {
+							}, [_cache[44] || (_cache[44] = createBaseVNode("i", { class: "bi bi-pencil" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("common.edit")), 1)], 8, _hoisted_75), createBaseVNode("button", {
 								class: "btn btn-sm btn-outline-danger",
 								onClick: ($event) => deleteProcedure(procedure)
-							}, [_cache[42] || (_cache[42] = createBaseVNode("i", { class: "bi bi-trash" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("common.delete")), 1)], 8, _hoisted_75)])])]);
-						}), 128))])) : (openBlock(), createElementBlock("div", _hoisted_76, [
-							_cache[44] || (_cache[44] = createBaseVNode("i", { class: "bi bi-gear" }, null, -1)),
+							}, [_cache[45] || (_cache[45] = createBaseVNode("i", { class: "bi bi-trash" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("common.delete")), 1)], 8, _hoisted_76)])])]);
+						}), 128))])) : (openBlock(), createElementBlock("div", _hoisted_77, [
+							_cache[47] || (_cache[47] = createBaseVNode("i", { class: "bi bi-gear" }, null, -1)),
 							createBaseVNode("p", null, toDisplayString(_ctx.$t("databaseDetail.noProcedure")), 1),
 							createBaseVNode("button", {
 								class: "btn btn-info",
 								onClick: showCreateProcedureModal
-							}, [_cache[43] || (_cache[43] = createBaseVNode("i", { class: "bi bi-plus" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.createProcedure")), 1)])
+							}, [_cache[46] || (_cache[46] = createBaseVNode("i", { class: "bi bi-plus" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("databaseDetail.createProcedure")), 1)])
 						]))], 512), [[vShow, activeTab.value === "procedures"]]),
-						withDirectives(createBaseVNode("div", _hoisted_77, [createBaseVNode("div", _hoisted_78, [_cache[45] || (_cache[45] = createBaseVNode("i", { class: "bi bi-code-slash" }, null, -1)), createBaseVNode("p", null, toDisplayString(_ctx.$t("databaseDetail.functionInDev")), 1)])], 512), [[vShow, activeTab.value === "functions"]]),
-						withDirectives(createBaseVNode("div", _hoisted_79, [createBaseVNode("div", _hoisted_80, [createVNode(sql_executor_default, {
+						withDirectives(createBaseVNode("div", _hoisted_78, [createBaseVNode("div", _hoisted_79, [_cache[48] || (_cache[48] = createBaseVNode("i", { class: "bi bi-code-slash" }, null, -1)), createBaseVNode("p", null, toDisplayString(_ctx.$t("databaseDetail.functionInDev")), 1)])], 512), [[vShow, activeTab.value === "functions"]]),
+						withDirectives(createBaseVNode("div", _hoisted_80, [createBaseVNode("div", _hoisted_81, [createVNode(sql_executor_default, {
 							connection: __props.connection,
 							database: __props.database
 						}, null, 8, ["connection", "database"])])], 512), [[vShow, activeTab.value === "sql"]]),
-						withDirectives(createBaseVNode("div", _hoisted_81, [createVNode(db_tools_default, {
+						withDirectives(createBaseVNode("div", _hoisted_82, [createVNode(db_tools_default, {
 							connection: __props.connection,
 							database: __props.database,
 							onExecuteSql: handleExecuteSQL
 						}, null, 8, ["connection", "database"])], 512), [[vShow, activeTab.value === "tools"]])
 					])]),
-					showCreateTable.value ? (openBlock(), createElementBlock("div", _hoisted_82, [createBaseVNode("div", _hoisted_83, [createBaseVNode("div", _hoisted_84, [
-						createBaseVNode("div", _hoisted_85, [createBaseVNode("h5", _hoisted_86, toDisplayString(_ctx.$t("databaseDetail.createTableTitle")), 1), createBaseVNode("button", {
+					showCreateTable.value ? (openBlock(), createElementBlock("div", _hoisted_83, [createBaseVNode("div", _hoisted_84, [createBaseVNode("div", _hoisted_85, [
+						createBaseVNode("div", _hoisted_86, [createBaseVNode("h5", _hoisted_87, toDisplayString(_ctx.$t("databaseDetail.createTableTitle")), 1), createBaseVNode("button", {
 							type: "button",
 							class: "btn-close",
-							onClick: _cache[5] || (_cache[5] = ($event) => showCreateTable.value = false)
+							onClick: _cache[6] || (_cache[6] = ($event) => showCreateTable.value = false)
 						})]),
-						createBaseVNode("div", _hoisted_87, [createBaseVNode("form", null, [createBaseVNode("div", _hoisted_88, [createBaseVNode("label", _hoisted_89, toDisplayString(_ctx.$t("databaseDetail.tableNameLabel")), 1), withDirectives(createBaseVNode("input", {
+						createBaseVNode("div", _hoisted_88, [createBaseVNode("form", null, [createBaseVNode("div", _hoisted_89, [createBaseVNode("label", _hoisted_90, toDisplayString(_ctx.$t("databaseDetail.tableNameLabel")), 1), withDirectives(createBaseVNode("input", {
 							type: "text",
 							class: "form-control",
-							"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => newTable.value.name = $event),
+							"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => newTable.value.name = $event),
 							placeholder: _ctx.$t("databaseDetail.enterTableName")
-						}, null, 8, _hoisted_90), [[vModelText, newTable.value.name]])]), createBaseVNode("div", _hoisted_91, [createBaseVNode("label", _hoisted_92, toDisplayString(_ctx.$t("databaseDetail.commentLabel")), 1), withDirectives(createBaseVNode("textarea", {
+						}, null, 8, _hoisted_91), [[vModelText, newTable.value.name]])]), createBaseVNode("div", _hoisted_92, [createBaseVNode("label", _hoisted_93, toDisplayString(_ctx.$t("databaseDetail.commentLabel")), 1), withDirectives(createBaseVNode("textarea", {
 							class: "form-control",
-							"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => newTable.value.comment = $event),
+							"onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => newTable.value.comment = $event),
 							placeholder: _ctx.$t("databaseDetail.enterTableComment")
-						}, null, 8, _hoisted_93), [[vModelText, newTable.value.comment]])])])]),
-						createBaseVNode("div", _hoisted_94, [createBaseVNode("button", {
+						}, null, 8, _hoisted_94), [[vModelText, newTable.value.comment]])])])]),
+						createBaseVNode("div", _hoisted_95, [createBaseVNode("button", {
 							type: "button",
 							class: "btn btn-secondary",
-							onClick: _cache[8] || (_cache[8] = ($event) => showCreateTable.value = false)
+							onClick: _cache[9] || (_cache[9] = ($event) => showCreateTable.value = false)
 						}, toDisplayString(_ctx.$t("common.cancel")), 1), createBaseVNode("button", {
 							type: "button",
 							class: "btn btn-primary",
 							onClick: createTable
 						}, toDisplayString(_ctx.$t("common.create")), 1)])
 					])])])) : createCommentVNode("", true),
-					showCreateView.value && editingView.value ? (openBlock(), createElementBlock("div", _hoisted_95, [createBaseVNode("div", _hoisted_96, [createBaseVNode("div", _hoisted_97, [
-						createBaseVNode("div", _hoisted_98, [createBaseVNode("h5", _hoisted_99, toDisplayString(views.value.some((v) => v.name === editingView.value.name) ? _ctx.$t("databaseDetail.editView") : _ctx.$t("databaseDetail.createViewTitle")), 1), createBaseVNode("button", {
+					showCreateView.value && editingView.value ? (openBlock(), createElementBlock("div", _hoisted_96, [createBaseVNode("div", _hoisted_97, [createBaseVNode("div", _hoisted_98, [
+						createBaseVNode("div", _hoisted_99, [createBaseVNode("h5", _hoisted_100, toDisplayString(views.value.some((v) => v.name === editingView.value.name) ? _ctx.$t("databaseDetail.editView") : _ctx.$t("databaseDetail.createViewTitle")), 1), createBaseVNode("button", {
 							type: "button",
 							class: "btn-close",
-							onClick: _cache[9] || (_cache[9] = ($event) => showCreateView.value = false)
+							onClick: _cache[10] || (_cache[10] = ($event) => showCreateView.value = false)
 						})]),
-						createBaseVNode("div", _hoisted_100, [createBaseVNode("form", null, [
-							createBaseVNode("div", _hoisted_101, [createBaseVNode("label", _hoisted_102, toDisplayString(_ctx.$t("databaseDetail.viewNameLabel")), 1), withDirectives(createBaseVNode("input", {
+						createBaseVNode("div", _hoisted_101, [createBaseVNode("form", null, [
+							createBaseVNode("div", _hoisted_102, [createBaseVNode("label", _hoisted_103, toDisplayString(_ctx.$t("databaseDetail.viewNameLabel")), 1), withDirectives(createBaseVNode("input", {
 								type: "text",
 								class: "form-control",
-								"onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => editingView.value.name = $event),
+								"onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => editingView.value.name = $event),
 								placeholder: _ctx.$t("databaseDetail.enterViewName")
-							}, null, 8, _hoisted_103), [[vModelText, editingView.value.name]])]),
-							createBaseVNode("div", _hoisted_104, [createBaseVNode("label", _hoisted_105, toDisplayString(_ctx.$t("databaseDetail.viewDefinition")), 1), withDirectives(createBaseVNode("textarea", {
+							}, null, 8, _hoisted_104), [[vModelText, editingView.value.name]])]),
+							createBaseVNode("div", _hoisted_105, [createBaseVNode("label", _hoisted_106, toDisplayString(_ctx.$t("databaseDetail.viewDefinition")), 1), withDirectives(createBaseVNode("textarea", {
 								class: "form-control",
 								rows: "8",
-								"onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => editingView.value.definition = $event),
+								"onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => editingView.value.definition = $event),
 								placeholder: _ctx.$t("databaseDetail.viewDefinitionPlaceholder")
-							}, null, 8, _hoisted_106), [[vModelText, editingView.value.definition]])]),
-							createBaseVNode("div", _hoisted_107, [createBaseVNode("label", _hoisted_108, toDisplayString(_ctx.$t("databaseDetail.commentLabel")), 1), withDirectives(createBaseVNode("input", {
+							}, null, 8, _hoisted_107), [[vModelText, editingView.value.definition]])]),
+							createBaseVNode("div", _hoisted_108, [createBaseVNode("label", _hoisted_109, toDisplayString(_ctx.$t("databaseDetail.commentLabel")), 1), withDirectives(createBaseVNode("input", {
 								type: "text",
 								class: "form-control",
-								"onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => editingView.value.comment = $event),
+								"onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => editingView.value.comment = $event),
 								placeholder: _ctx.$t("databaseDetail.enterTableComment")
-							}, null, 8, _hoisted_109), [[vModelText, editingView.value.comment]])])
+							}, null, 8, _hoisted_110), [[vModelText, editingView.value.comment]])])
 						])]),
-						createBaseVNode("div", _hoisted_110, [createBaseVNode("button", {
+						createBaseVNode("div", _hoisted_111, [createBaseVNode("button", {
 							type: "button",
 							class: "btn btn-secondary",
-							onClick: _cache[13] || (_cache[13] = ($event) => showCreateView.value = false)
+							onClick: _cache[14] || (_cache[14] = ($event) => showCreateView.value = false)
 						}, toDisplayString(_ctx.$t("common.cancel")), 1), createBaseVNode("button", {
 							type: "button",
 							class: "btn btn-primary",
 							onClick: createOrUpdateView
 						}, toDisplayString(_ctx.$t("common.save")), 1)])
 					])])])) : createCommentVNode("", true),
-					showCreateProcedure.value && editingProcedure.value ? (openBlock(), createElementBlock("div", _hoisted_111, [createBaseVNode("div", _hoisted_112, [createBaseVNode("div", _hoisted_113, [
-						createBaseVNode("div", _hoisted_114, [createBaseVNode("h5", _hoisted_115, toDisplayString(procedures.value.some((p) => p.name === editingProcedure.value.name) ? _ctx.$t("databaseDetail.editProcedure") : _ctx.$t("databaseDetail.createProcedureTitle")), 1), createBaseVNode("button", {
+					showCreateProcedure.value && editingProcedure.value ? (openBlock(), createElementBlock("div", _hoisted_112, [createBaseVNode("div", _hoisted_113, [createBaseVNode("div", _hoisted_114, [
+						createBaseVNode("div", _hoisted_115, [createBaseVNode("h5", _hoisted_116, toDisplayString(procedures.value.some((p) => p.name === editingProcedure.value.name) ? _ctx.$t("databaseDetail.editProcedure") : _ctx.$t("databaseDetail.createProcedureTitle")), 1), createBaseVNode("button", {
 							type: "button",
 							class: "btn-close",
-							onClick: _cache[14] || (_cache[14] = ($event) => showCreateProcedure.value = false)
+							onClick: _cache[15] || (_cache[15] = ($event) => showCreateProcedure.value = false)
 						})]),
-						createBaseVNode("div", _hoisted_116, [createBaseVNode("form", null, [
-							createBaseVNode("div", _hoisted_117, [createBaseVNode("label", _hoisted_118, toDisplayString(_ctx.$t("databaseDetail.procedureNameLabel")), 1), withDirectives(createBaseVNode("input", {
+						createBaseVNode("div", _hoisted_117, [createBaseVNode("form", null, [
+							createBaseVNode("div", _hoisted_118, [createBaseVNode("label", _hoisted_119, toDisplayString(_ctx.$t("databaseDetail.procedureNameLabel")), 1), withDirectives(createBaseVNode("input", {
 								type: "text",
 								class: "form-control",
-								"onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => editingProcedure.value.name = $event),
+								"onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => editingProcedure.value.name = $event),
 								placeholder: _ctx.$t("databaseDetail.enterProcedureName")
-							}, null, 8, _hoisted_119), [[vModelText, editingProcedure.value.name]])]),
-							createBaseVNode("div", _hoisted_120, [createBaseVNode("label", _hoisted_121, toDisplayString(_ctx.$t("databaseDetail.procedureDefinition")), 1), withDirectives(createBaseVNode("textarea", {
+							}, null, 8, _hoisted_120), [[vModelText, editingProcedure.value.name]])]),
+							createBaseVNode("div", _hoisted_121, [createBaseVNode("label", _hoisted_122, toDisplayString(_ctx.$t("databaseDetail.procedureDefinition")), 1), withDirectives(createBaseVNode("textarea", {
 								class: "form-control",
 								rows: "12",
-								"onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => editingProcedure.value.definition = $event),
+								"onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => editingProcedure.value.definition = $event),
 								placeholder: _ctx.$t("databaseDetail.procedureDefPlaceholder")
-							}, null, 8, _hoisted_122), [[vModelText, editingProcedure.value.definition]])]),
-							createBaseVNode("div", _hoisted_123, [createBaseVNode("label", _hoisted_124, toDisplayString(_ctx.$t("databaseDetail.commentLabel")), 1), withDirectives(createBaseVNode("input", {
+							}, null, 8, _hoisted_123), [[vModelText, editingProcedure.value.definition]])]),
+							createBaseVNode("div", _hoisted_124, [createBaseVNode("label", _hoisted_125, toDisplayString(_ctx.$t("databaseDetail.commentLabel")), 1), withDirectives(createBaseVNode("input", {
 								type: "text",
 								class: "form-control",
-								"onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => editingProcedure.value.comment = $event),
+								"onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => editingProcedure.value.comment = $event),
 								placeholder: _ctx.$t("databaseDetail.enterTableComment")
-							}, null, 8, _hoisted_125), [[vModelText, editingProcedure.value.comment]])])
+							}, null, 8, _hoisted_126), [[vModelText, editingProcedure.value.comment]])])
 						])]),
-						createBaseVNode("div", _hoisted_126, [createBaseVNode("button", {
+						createBaseVNode("div", _hoisted_127, [createBaseVNode("button", {
 							type: "button",
 							class: "btn btn-secondary",
-							onClick: _cache[18] || (_cache[18] = ($event) => showCreateProcedure.value = false)
+							onClick: _cache[19] || (_cache[19] = ($event) => showCreateProcedure.value = false)
 						}, toDisplayString(_ctx.$t("common.cancel")), 1), createBaseVNode("button", {
 							type: "button",
 							class: "btn btn-primary",
@@ -57397,21 +57481,21 @@ var init_database_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	});
 }));
 //#endregion
-//#region src/platform/database/components/database-detail.vue?vue&type=style&index=0&scoped=922ad53c&lang.css
-var init_database_detail_vue_vue_type_style_index_0_scoped_922ad53c_lang = __esmMin((() => {}));
+//#region src/platform/database/components/database-detail.vue?vue&type=style&index=0&scoped=822c95b7&lang.css
+var init_database_detail_vue_vue_type_style_index_0_scoped_822c95b7_lang = __esmMin((() => {}));
 //#endregion
 //#region src/platform/database/components/database-detail.vue
 var database_detail_default;
 var init_database_detail = __esmMin((() => {
 	init_database_detail_vue_vue_type_script_setup_true_lang();
 	init_database_detail_vue_vue_type_script_setup_true_lang();
-	init_database_detail_vue_vue_type_style_index_0_scoped_922ad53c_lang();
+	init_database_detail_vue_vue_type_style_index_0_scoped_822c95b7_lang();
 	init__plugin_vue_export_helper();
-	database_detail_default = /*#__PURE__*/ _plugin_vue_export_helper_default(database_detail_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-922ad53c"]]);
+	database_detail_default = /*#__PURE__*/ _plugin_vue_export_helper_default(database_detail_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-822c95b7"]]);
 }));
 //#endregion
 //#region src/platform/database/components/data-editor.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$4, _hoisted_2$4, _hoisted_3$4, _hoisted_4$4, _hoisted_5$4, _hoisted_6$4, _hoisted_7$4, _hoisted_8$4, _hoisted_9$4, _hoisted_10$4, _hoisted_11$4, _hoisted_12$4, _hoisted_13$4, _hoisted_14$4, _hoisted_15$4, _hoisted_16$4, _hoisted_17$3, _hoisted_18$3, _hoisted_19$3, _hoisted_20$3, _hoisted_21$3, _hoisted_22$3, _hoisted_23$3, _hoisted_24$3, _hoisted_25$2, _hoisted_26$2, _hoisted_27$2, _hoisted_28$2, _hoisted_29$2, data_editor_vue_vue_type_script_setup_true_lang_default;
+var _hoisted_1$3, _hoisted_2$3, _hoisted_3$3, _hoisted_4$3, _hoisted_5$3, _hoisted_6$3, _hoisted_7$3, _hoisted_8$3, _hoisted_9$3, _hoisted_10$3, _hoisted_11$3, _hoisted_12$3, _hoisted_13$3, _hoisted_14$3, _hoisted_15$3, _hoisted_16$3, _hoisted_17$3, _hoisted_18$3, _hoisted_19$3, _hoisted_20$3, _hoisted_21$3, _hoisted_22$3, _hoisted_23$3, _hoisted_24$3, _hoisted_25$3, _hoisted_26$2, _hoisted_27$2, _hoisted_28$2, _hoisted_29$2, data_editor_vue_vue_type_script_setup_true_lang_default;
 var init_data_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	init_vue_runtime_esm_bundler();
 	init_vue_i18n();
@@ -57423,39 +57507,39 @@ var init_data_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	init_dist$6();
 	init_dist$1();
 	init_dist$7();
-	_hoisted_1$4 = { class: "modal-dialog modal-lg" };
-	_hoisted_2$4 = { class: "modal-content" };
-	_hoisted_3$4 = {
+	_hoisted_1$3 = { class: "modal-dialog modal-lg" };
+	_hoisted_2$3 = { class: "modal-content" };
+	_hoisted_3$3 = {
 		class: "modal-header",
 		style: { "padding": "15px" }
 	};
-	_hoisted_4$4 = { class: "modal-title" };
-	_hoisted_5$4 = {
+	_hoisted_4$3 = { class: "modal-title" };
+	_hoisted_5$3 = {
 		key: 0,
 		class: "bi bi-pencil-square"
 	};
-	_hoisted_6$4 = {
+	_hoisted_6$3 = {
 		key: 1,
 		class: "bi bi-plus-circle"
 	};
-	_hoisted_7$4 = { class: "modal-body" };
-	_hoisted_8$4 = { class: "row g-3" };
-	_hoisted_9$4 = ["data-type"];
-	_hoisted_10$4 = { class: "form-label" };
-	_hoisted_11$4 = {
+	_hoisted_7$3 = { class: "modal-body" };
+	_hoisted_8$3 = { class: "row g-3" };
+	_hoisted_9$3 = ["data-type"];
+	_hoisted_10$3 = { class: "form-label" };
+	_hoisted_11$3 = {
 		key: 0,
 		class: "text-danger"
 	};
-	_hoisted_12$4 = { class: "text-muted ms-2" };
-	_hoisted_13$4 = ["value"];
-	_hoisted_14$4 = [
+	_hoisted_12$3 = { class: "text-muted ms-2" };
+	_hoisted_13$3 = ["value"];
+	_hoisted_14$3 = [
 		"onUpdate:modelValue",
 		"placeholder",
 		"required",
 		"step"
 	];
-	_hoisted_15$4 = ["onUpdate:modelValue", "required"];
-	_hoisted_16$4 = [
+	_hoisted_15$3 = ["onUpdate:modelValue", "required"];
+	_hoisted_16$3 = [
 		"onUpdate:modelValue",
 		"placeholder",
 		"required"
@@ -57471,7 +57555,7 @@ var init_data_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 		class: "json-editor"
 	};
 	_hoisted_24$3 = { class: "d-flex justify-content-between mt-1" };
-	_hoisted_25$2 = ["onClick"];
+	_hoisted_25$3 = ["onClick"];
 	_hoisted_26$2 = [
 		"onUpdate:modelValue",
 		"placeholder",
@@ -57546,20 +57630,20 @@ var init_data_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 											height: "100%",
 											fontSize: "14px",
 											fontFamily: "Monaco, Menlo, Consolas, \"Courier New\", monospace",
-											backgroundColor: "#f8f9fa"
+											backgroundColor: "var(--db-bg-soft2)"
 										},
 										".cm-content": {
 											padding: "10px",
 											minHeight: "100%",
-											backgroundColor: "#ffffff"
+											backgroundColor: "var(--db-surface)"
 										},
 										".cm-gutters": {
-											backgroundColor: "#f8f9fa",
-											color: "#6c757d",
-											borderRight: "1px solid #dee2e6"
+											backgroundColor: "var(--db-bg-soft2)",
+											color: "var(--db-text-muted)",
+											borderRight: "1px solid var(--db-border-lighter)"
 										},
-										".cm-activeLineGutter": { backgroundColor: "#e9ecef" },
-										".cm-activeLine": { backgroundColor: "#e9ecef" }
+										".cm-activeLineGutter": { backgroundColor: "var(--db-border-soft)" },
+										".cm-activeLine": { backgroundColor: "var(--db-border-soft)" }
 									})
 								]
 							}),
@@ -57752,21 +57836,21 @@ var init_data_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 				return openBlock(), createElementBlock("div", {
 					class: normalizeClass(["modal fade", { show: __props.visible }]),
 					style: normalizeStyle({ display: __props.visible ? "block" : "none" })
-				}, [createBaseVNode("div", _hoisted_1$4, [createBaseVNode("div", _hoisted_2$4, [
-					createBaseVNode("div", _hoisted_3$4, [createBaseVNode("h5", _hoisted_4$4, [__props.isEdit ? (openBlock(), createElementBlock("i", _hoisted_5$4)) : (openBlock(), createElementBlock("i", _hoisted_6$4)), createTextVNode(" " + toDisplayString(__props.isEdit ? _ctx.$t("dataEditor.editData") : _ctx.$t("dataEditor.addData")), 1)]), createBaseVNode("button", {
+				}, [createBaseVNode("div", _hoisted_1$3, [createBaseVNode("div", _hoisted_2$3, [
+					createBaseVNode("div", _hoisted_3$3, [createBaseVNode("h5", _hoisted_4$3, [__props.isEdit ? (openBlock(), createElementBlock("i", _hoisted_5$3)) : (openBlock(), createElementBlock("i", _hoisted_6$3)), createTextVNode(" " + toDisplayString(__props.isEdit ? _ctx.$t("dataEditor.editData") : _ctx.$t("dataEditor.addData")), 1)]), createBaseVNode("button", {
 						type: "button",
 						class: "btn-close",
 						onClick: closeModal
 					})]),
-					createBaseVNode("div", _hoisted_7$4, [createBaseVNode("form", { onSubmit: withModifiers(handleSubmit, ["prevent"]) }, [createBaseVNode("div", _hoisted_8$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
+					createBaseVNode("div", _hoisted_7$3, [createBaseVNode("form", { onSubmit: withModifiers(handleSubmit, ["prevent"]) }, [createBaseVNode("div", _hoisted_8$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
 						return openBlock(), createElementBlock("div", {
 							key: column.name,
 							"data-type": column.type,
 							class: "col-md-6"
-						}, [createBaseVNode("label", _hoisted_10$4, [
+						}, [createBaseVNode("label", _hoisted_10$3, [
 							createTextVNode(toDisplayString(column.name) + " ", 1),
-							column.isPrimary ? (openBlock(), createElementBlock("span", _hoisted_11$4, "*")) : createCommentVNode("", true),
-							createBaseVNode("small", _hoisted_12$4, toDisplayString(column.type), 1)
+							column.isPrimary ? (openBlock(), createElementBlock("span", _hoisted_11$3, "*")) : createCommentVNode("", true),
+							createBaseVNode("small", _hoisted_12$3, toDisplayString(column.type), 1)
 						]), column.isPrimary && column.isAutoIncrement ? (openBlock(), createElementBlock("input", {
 							key: 0,
 							type: "text",
@@ -57775,7 +57859,7 @@ var init_data_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 							value: __props.isEdit ? formData.value[column.name] : _ctx.$t("dataEditor.autoGenerate"),
 							disabled: "",
 							readonly: ""
-						}, null, 8, _hoisted_13$4)) : isNumberInput(column.type) ? withDirectives((openBlock(), createElementBlock("input", {
+						}, null, 8, _hoisted_13$3)) : isNumberInput(column.type) ? withDirectives((openBlock(), createElementBlock("input", {
 							key: 1,
 							type: "number",
 							"data-type": "number",
@@ -57784,14 +57868,14 @@ var init_data_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 							placeholder: _ctx.$t("dataEditor.inputPlaceholder", { name: column.name }),
 							required: !column.nullable,
 							step: isDecimalInput(column.type) ? "0.01" : "1"
-						}, null, 8, _hoisted_14$4)), [[vModelText, formData.value[column.name]]]) : isDateInput(column.type) ? withDirectives((openBlock(), createElementBlock("input", {
+						}, null, 8, _hoisted_14$3)), [[vModelText, formData.value[column.name]]]) : isDateInput(column.type) ? withDirectives((openBlock(), createElementBlock("input", {
 							key: 2,
 							type: "datetime-local",
 							class: "form-control",
 							"data-type": "date",
 							"onUpdate:modelValue": ($event) => formData.value[column.name] = $event,
 							required: !column.nullable
-						}, null, 8, _hoisted_15$4)), [[vModelText, formData.value[column.name]]]) : isTextArea(column.type) ? withDirectives((openBlock(), createElementBlock("textarea", {
+						}, null, 8, _hoisted_15$3)), [[vModelText, formData.value[column.name]]]) : isTextArea(column.type) ? withDirectives((openBlock(), createElementBlock("textarea", {
 							key: 3,
 							class: "form-control",
 							"data-type": "textarea",
@@ -57799,7 +57883,7 @@ var init_data_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 							placeholder: _ctx.$t("dataEditor.inputPlaceholder", { name: column.name }),
 							required: !column.nullable,
 							rows: "3"
-						}, null, 8, _hoisted_16$4)), [[vModelText, formData.value[column.name]]]) : isEnumInput(column.type) ? withDirectives((openBlock(), createElementBlock("select", {
+						}, null, 8, _hoisted_16$3)), [[vModelText, formData.value[column.name]]]) : isEnumInput(column.type) ? withDirectives((openBlock(), createElementBlock("select", {
 							key: 4,
 							class: "form-select",
 							"data-type": "select",
@@ -57820,7 +57904,7 @@ var init_data_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 							ref_for: true,
 							ref: (el) => setJsonEditorRef(el, column.name),
 							style: {
-								"border": "1px solid #dee2e6",
+								"border": "1px solid var(--db-border-lighter)",
 								"border-radius": "0.375rem",
 								"overflow": "hidden",
 								"height": "200px"
@@ -57829,7 +57913,7 @@ var init_data_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 							type: "button",
 							class: "btn btn-sm btn-outline-primary",
 							onClick: ($event) => formatJson(column.name)
-						}, toDisplayString(_ctx.$t("common.format")), 9, _hoisted_25$2)])])) : withDirectives((openBlock(), createElementBlock("input", {
+						}, toDisplayString(_ctx.$t("common.format")), 9, _hoisted_25$3)])])) : withDirectives((openBlock(), createElementBlock("input", {
 							key: 7,
 							type: "text",
 							"data-type": "normal",
@@ -57837,7 +57921,7 @@ var init_data_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 							"onUpdate:modelValue": ($event) => formData.value[column.name] = $event,
 							placeholder: _ctx.$t("dataEditor.inputPlaceholder", { name: column.name }),
 							required: !column.nullable
-						}, null, 8, _hoisted_26$2)), [[vModelText, formData.value[column.name]]])], 8, _hoisted_9$4);
+						}, null, 8, _hoisted_26$2)), [[vModelText, formData.value[column.name]]])], 8, _hoisted_9$3);
 					}), 128))])], 32)]),
 					createBaseVNode("div", _hoisted_27$2, [createBaseVNode("button", {
 						type: "button",
@@ -57855,54 +57939,55 @@ var init_data_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	});
 }));
 //#endregion
-//#region src/platform/database/components/data-editor.vue?vue&type=style&index=0&scoped=7f0c01ca&lang.css
-var init_data_editor_vue_vue_type_style_index_0_scoped_7f0c01ca_lang = __esmMin((() => {}));
+//#region src/platform/database/components/data-editor.vue?vue&type=style&index=0&scoped=d9b3ed26&lang.css
+var init_data_editor_vue_vue_type_style_index_0_scoped_d9b3ed26_lang = __esmMin((() => {}));
 //#endregion
 //#region src/platform/database/components/data-editor.vue
 var data_editor_default;
 var init_data_editor = __esmMin((() => {
 	init_data_editor_vue_vue_type_script_setup_true_lang();
 	init_data_editor_vue_vue_type_script_setup_true_lang();
-	init_data_editor_vue_vue_type_style_index_0_scoped_7f0c01ca_lang();
+	init_data_editor_vue_vue_type_style_index_0_scoped_d9b3ed26_lang();
 	init__plugin_vue_export_helper();
-	data_editor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(data_editor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-7f0c01ca"]]);
+	data_editor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(data_editor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d9b3ed26"]]);
 }));
 //#endregion
 //#region src/platform/database/components/table-data-grid.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$3, _hoisted_2$3, _hoisted_3$3, _hoisted_4$3, _hoisted_5$3, _hoisted_6$3, _hoisted_7$3, _hoisted_8$3, _hoisted_9$3, _hoisted_10$3, _hoisted_11$3, _hoisted_12$3, _hoisted_13$3, _hoisted_14$3, _hoisted_15$3, _hoisted_16$3, _hoisted_17$2, _hoisted_18$2, _hoisted_19$2, _hoisted_20$2, _hoisted_21$2, _hoisted_22$2, _hoisted_23$2, _hoisted_24$2, table_data_grid_vue_vue_type_script_setup_true_lang_default;
+var _hoisted_1$2, _hoisted_2$2, _hoisted_3$2, _hoisted_4$2, _hoisted_5$2, _hoisted_6$2, _hoisted_7$2, _hoisted_8$2, _hoisted_9$2, _hoisted_10$2, _hoisted_11$2, _hoisted_12$2, _hoisted_13$2, _hoisted_14$2, _hoisted_15$2, _hoisted_16$2, _hoisted_17$2, _hoisted_18$2, _hoisted_19$2, _hoisted_20$2, _hoisted_21$2, _hoisted_22$2, _hoisted_23$2, _hoisted_24$2, _hoisted_25$2, table_data_grid_vue_vue_type_script_setup_true_lang_default;
 var init_table_data_grid_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	init_vue_runtime_esm_bundler();
 	init_dataGrid();
+	init_pagination();
 	init_database();
-	_hoisted_1$3 = { class: "table-data-grid" };
-	_hoisted_2$3 = { class: "data-grid-wrapper" };
-	_hoisted_3$3 = { class: "btn-group btn-group-sm" };
-	_hoisted_4$3 = ["onClick"];
-	_hoisted_5$3 = ["onClick"];
-	_hoisted_6$3 = ["onClick", "title"];
-	_hoisted_7$3 = { class: "header-main" };
-	_hoisted_8$3 = { class: "column-name" };
-	_hoisted_9$3 = {
+	_hoisted_1$2 = { class: "table-data-grid" };
+	_hoisted_2$2 = { class: "data-grid-wrapper" };
+	_hoisted_3$2 = { class: "btn-group btn-group-sm" };
+	_hoisted_4$2 = ["onClick"];
+	_hoisted_5$2 = ["onClick"];
+	_hoisted_6$2 = ["onClick", "title"];
+	_hoisted_7$2 = { class: "header-main" };
+	_hoisted_8$2 = { class: "column-name" };
+	_hoisted_9$2 = {
 		key: 0,
 		class: "column-key text-primary ms-1",
 		title: "主键"
 	};
-	_hoisted_10$3 = { class: "sort-icon ms-1" };
-	_hoisted_11$3 = {
+	_hoisted_10$2 = { class: "sort-icon ms-1" };
+	_hoisted_11$2 = {
 		key: 0,
 		class: "bi bi-caret-up-fill"
 	};
-	_hoisted_12$3 = {
+	_hoisted_12$2 = {
 		key: 1,
 		class: "bi bi-caret-down-fill"
 	};
-	_hoisted_13$3 = {
+	_hoisted_13$2 = {
 		key: 2,
 		class: "bi bi-caret-up text-muted opacity-50"
 	};
-	_hoisted_14$3 = { class: "header-sub" };
-	_hoisted_15$3 = { class: "text-muted column-type" };
-	_hoisted_16$3 = {
+	_hoisted_14$2 = { class: "header-sub" };
+	_hoisted_15$2 = { class: "text-muted column-type" };
+	_hoisted_16$2 = {
 		key: 0,
 		class: "text-muted column-comment ms-1"
 	};
@@ -57912,8 +57997,9 @@ var init_table_data_grid_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	_hoisted_20$2 = { class: "mt-2 text-muted" };
 	_hoisted_21$2 = { class: "grid-footer-bar mt-2 d-flex justify-content-between align-items-center px-3" };
 	_hoisted_22$2 = { class: "pagination-info text-muted small" };
-	_hoisted_23$2 = { class: "page-size-selector d-flex align-items-center" };
-	_hoisted_24$2 = { class: "small text-muted me-2" };
+	_hoisted_23$2 = { class: "footer-pagination flex-grow-1 d-flex justify-content-center" };
+	_hoisted_24$2 = { class: "page-size-selector d-flex align-items-center" };
+	_hoisted_25$2 = { class: "small text-muted me-2" };
 	table_data_grid_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 		__name: "table-data-grid",
 		props: {
@@ -58042,7 +58128,7 @@ var init_table_data_grid_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 				loadData();
 			});
 			return (_ctx, _cache) => {
-				return openBlock(), createElementBlock("div", _hoisted_1$3, [createBaseVNode("div", _hoisted_2$3, [createVNode(dataGrid_default, {
+				return openBlock(), createElementBlock("div", _hoisted_1$2, [createBaseVNode("div", _hoisted_2$2, [createVNode(dataGrid_default, {
 					data: tableData.value,
 					columns: gridColumns.value,
 					"is-loading": loading.value,
@@ -58050,16 +58136,17 @@ var init_table_data_grid_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 					"current-page": currentPage.value,
 					"sort-field": sortField.value,
 					"sort-order": sortOrder.value,
+					"show-pagination": false,
 					onPageChanged: handlePageChange,
 					onSortChanged: handleSortChange
 				}, createSlots({
-					actions: withCtx(({ row }) => [createBaseVNode("div", _hoisted_3$3, [createBaseVNode("button", {
+					actions: withCtx(({ row }) => [createBaseVNode("div", _hoisted_3$2, [createBaseVNode("button", {
 						class: "btn btn-outline-primary btn-sm",
 						onClick: withModifiers(($event) => emits("edit-row", row), ["stop"])
-					}, [..._cache[1] || (_cache[1] = [createBaseVNode("i", { class: "bi bi-pencil" }, null, -1)])], 8, _hoisted_4$3), createBaseVNode("button", {
+					}, [..._cache[1] || (_cache[1] = [createBaseVNode("i", { class: "bi bi-pencil" }, null, -1)])], 8, _hoisted_4$2), createBaseVNode("button", {
 						class: "btn btn-outline-danger btn-sm",
 						onClick: withModifiers(($event) => emits("delete-row", row), ["stop"])
-					}, [..._cache[2] || (_cache[2] = [createBaseVNode("i", { class: "bi bi-trash" }, null, -1)])], 8, _hoisted_5$3)])]),
+					}, [..._cache[2] || (_cache[2] = [createBaseVNode("i", { class: "bi bi-trash" }, null, -1)])], 8, _hoisted_5$2)])]),
 					_: 2
 				}, [
 					renderList(props.columns, (column) => {
@@ -58072,11 +58159,11 @@ var init_table_data_grid_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 									order: sortField.value === column.name ? sortOrder.value === "ASC" ? "DESC" : sortOrder.value === "DESC" ? "" : "ASC" : "ASC"
 								}),
 								title: column.comment || column.name
-							}, [createBaseVNode("div", _hoisted_7$3, [
-								createBaseVNode("span", _hoisted_8$3, toDisplayString(column.name), 1),
-								column.isPrimary ? (openBlock(), createElementBlock("span", _hoisted_9$3, [..._cache[3] || (_cache[3] = [createBaseVNode("i", { class: "bi bi-key-fill" }, null, -1)])])) : createCommentVNode("", true),
-								createBaseVNode("span", _hoisted_10$3, [sortField.value === column.name && sortOrder.value === "ASC" ? (openBlock(), createElementBlock("i", _hoisted_11$3)) : sortField.value === column.name && sortOrder.value === "DESC" ? (openBlock(), createElementBlock("i", _hoisted_12$3)) : (openBlock(), createElementBlock("i", _hoisted_13$3))])
-							]), createBaseVNode("div", _hoisted_14$3, [createBaseVNode("small", _hoisted_15$3, toDisplayString(column.type), 1), column.comment ? (openBlock(), createElementBlock("small", _hoisted_16$3, "- " + toDisplayString(column.comment), 1)) : createCommentVNode("", true)])], 8, _hoisted_6$3)])
+							}, [createBaseVNode("div", _hoisted_7$2, [
+								createBaseVNode("span", _hoisted_8$2, toDisplayString(column.name), 1),
+								column.isPrimary ? (openBlock(), createElementBlock("span", _hoisted_9$2, [..._cache[3] || (_cache[3] = [createBaseVNode("i", { class: "bi bi-key-fill" }, null, -1)])])) : createCommentVNode("", true),
+								createBaseVNode("span", _hoisted_10$2, [sortField.value === column.name && sortOrder.value === "ASC" ? (openBlock(), createElementBlock("i", _hoisted_11$2)) : sortField.value === column.name && sortOrder.value === "DESC" ? (openBlock(), createElementBlock("i", _hoisted_12$2)) : (openBlock(), createElementBlock("i", _hoisted_13$2))])
+							]), createBaseVNode("div", _hoisted_14$2, [createBaseVNode("small", _hoisted_15$2, toDisplayString(column.type), 1), column.comment ? (openBlock(), createElementBlock("small", _hoisted_16$2, "- " + toDisplayString(column.comment), 1)) : createCommentVNode("", true)])], 8, _hoisted_6$2)])
 						};
 					}),
 					renderList(props.columns, (column) => {
@@ -58104,37 +58191,45 @@ var init_table_data_grid_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 					"current-page",
 					"sort-field",
 					"sort-order"
-				])]), createBaseVNode("div", _hoisted_21$2, [createBaseVNode("div", _hoisted_22$2, toDisplayString(_ctx.$t("common.totalRecords", { count: total.value })), 1), createBaseVNode("div", _hoisted_23$2, [createBaseVNode("label", _hoisted_24$2, toDisplayString(_ctx.$t("common.pageSizeLabel")), 1), withDirectives(createBaseVNode("select", {
-					class: "form-select form-select-sm",
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => pageSize.value = $event),
-					onChange: handlePageSizeChange,
-					style: { "width": "80px" }
-				}, [..._cache[5] || (_cache[5] = [
-					createBaseVNode("option", { value: 10 }, "10", -1),
-					createBaseVNode("option", { value: 20 }, "20", -1),
-					createBaseVNode("option", { value: 50 }, "50", -1),
-					createBaseVNode("option", { value: 100 }, "100", -1)
-				])], 544), [[vModelSelect, pageSize.value]])])])]);
+				])]), createBaseVNode("div", _hoisted_21$2, [
+					createBaseVNode("div", _hoisted_22$2, toDisplayString(_ctx.$t("common.totalRecords", { count: total.value })), 1),
+					createBaseVNode("div", _hoisted_23$2, [createVNode(pagination_default, {
+						"current-page": currentPage.value,
+						"total-pages": totalPages.value,
+						onPageChanged: handlePageChange
+					}, null, 8, ["current-page", "total-pages"])]),
+					createBaseVNode("div", _hoisted_24$2, [createBaseVNode("label", _hoisted_25$2, toDisplayString(_ctx.$t("common.pageSizeLabel")), 1), withDirectives(createBaseVNode("select", {
+						class: "form-select form-select-sm",
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => pageSize.value = $event),
+						onChange: handlePageSizeChange,
+						style: { "width": "80px" }
+					}, [..._cache[5] || (_cache[5] = [
+						createBaseVNode("option", { value: 10 }, "10", -1),
+						createBaseVNode("option", { value: 20 }, "20", -1),
+						createBaseVNode("option", { value: 50 }, "50", -1),
+						createBaseVNode("option", { value: 100 }, "100", -1)
+					])], 544), [[vModelSelect, pageSize.value]])])
+				])]);
 			};
 		}
 	});
 }));
 //#endregion
-//#region src/platform/database/components/table-data-grid.vue?vue&type=style&index=0&scoped=5ed43e1b&lang.css
-var init_table_data_grid_vue_vue_type_style_index_0_scoped_5ed43e1b_lang = __esmMin((() => {}));
+//#region src/platform/database/components/table-data-grid.vue?vue&type=style&index=0&scoped=f6763da8&lang.css
+var init_table_data_grid_vue_vue_type_style_index_0_scoped_f6763da8_lang = __esmMin((() => {}));
 //#endregion
 //#region src/platform/database/components/table-data-grid.vue
 var table_data_grid_default;
 var init_table_data_grid = __esmMin((() => {
 	init_table_data_grid_vue_vue_type_script_setup_true_lang();
 	init_table_data_grid_vue_vue_type_script_setup_true_lang();
-	init_table_data_grid_vue_vue_type_style_index_0_scoped_5ed43e1b_lang();
+	init_table_data_grid_vue_vue_type_style_index_0_scoped_f6763da8_lang();
 	init__plugin_vue_export_helper();
-	table_data_grid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(table_data_grid_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5ed43e1b"]]);
+	table_data_grid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(table_data_grid_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f6763da8"]]);
 }));
 //#endregion
 //#region src/platform/database/components/table-detail.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$2, _hoisted_2$2, _hoisted_3$2, _hoisted_4$2, _hoisted_5$2, _hoisted_6$2, _hoisted_7$2, _hoisted_8$2, _hoisted_9$2, _hoisted_10$2, _hoisted_11$2, _hoisted_12$2, _hoisted_13$2, _hoisted_14$2, _hoisted_15$2, _hoisted_16$2, _hoisted_17$1, _hoisted_18$1, _hoisted_19$1, _hoisted_20$1, _hoisted_21$1, _hoisted_22$1, _hoisted_23$1, _hoisted_24$1, _hoisted_25$1, _hoisted_26$1, _hoisted_27$1, _hoisted_28$1, _hoisted_29$1, _hoisted_30$1, _hoisted_31$1, _hoisted_32$1, _hoisted_33$1, _hoisted_34$1, _hoisted_35$1, _hoisted_36$1, _hoisted_37$1, _hoisted_38$1, _hoisted_39$1, _hoisted_40$1, _hoisted_41$1, _hoisted_42$1, _hoisted_43$1, _hoisted_44$1, _hoisted_45$1, _hoisted_46$1, _hoisted_47$1, _hoisted_48$1, _hoisted_49$1, _hoisted_50, _hoisted_51, _hoisted_52, _hoisted_53, _hoisted_54, _hoisted_55, _hoisted_56, _hoisted_57, _hoisted_58, _hoisted_59, _hoisted_60, _hoisted_61, _hoisted_62, _hoisted_63, _hoisted_64, _hoisted_65, _hoisted_66, _hoisted_67, _hoisted_68, _hoisted_69, _hoisted_70, _hoisted_71, _hoisted_72, _hoisted_73, table_detail_vue_vue_type_script_setup_true_lang_default;
+var _hoisted_1$1, _hoisted_2$1, _hoisted_3$1, _hoisted_4$1, _hoisted_5$1, _hoisted_6$1, _hoisted_7$1, _hoisted_8$1, _hoisted_9$1, _hoisted_10$1, _hoisted_11$1, _hoisted_12$1, _hoisted_13$1, _hoisted_14$1, _hoisted_15$1, _hoisted_16$1, _hoisted_17$1, _hoisted_18$1, _hoisted_19$1, _hoisted_20$1, _hoisted_21$1, _hoisted_22$1, _hoisted_23$1, _hoisted_24$1, _hoisted_25$1, _hoisted_26$1, _hoisted_27$1, _hoisted_28$1, _hoisted_29$1, _hoisted_30$1, _hoisted_31$1, _hoisted_32$1, _hoisted_33$1, _hoisted_34$1, _hoisted_35$1, _hoisted_36$1, _hoisted_37$1, _hoisted_38$1, _hoisted_39$1, _hoisted_40$1, _hoisted_41$1, _hoisted_42$1, _hoisted_43$1, _hoisted_44$1, _hoisted_45$1, _hoisted_46$1, _hoisted_47$1, _hoisted_48, _hoisted_49, _hoisted_50, _hoisted_51, _hoisted_52, _hoisted_53, _hoisted_54, _hoisted_55, _hoisted_56, _hoisted_57, _hoisted_58, _hoisted_59, _hoisted_60, _hoisted_61, _hoisted_62, _hoisted_63, _hoisted_64, _hoisted_65, _hoisted_66, _hoisted_67, _hoisted_68, _hoisted_69, _hoisted_70, _hoisted_71, _hoisted_72, _hoisted_73, table_detail_vue_vue_type_script_setup_true_lang_default;
 var init_table_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	init_vue_runtime_esm_bundler();
 	init_vue_i18n();
@@ -58146,25 +58241,27 @@ var init_table_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	init_export();
 	init_modal();
 	init_database_types();
-	_hoisted_1$2 = { class: "table-detail" };
-	_hoisted_2$2 = { class: "table-header" };
-	_hoisted_3$2 = { class: "table-header-content" };
-	_hoisted_4$2 = { class: "table-info" };
-	_hoisted_5$2 = { class: "table-meta" };
-	_hoisted_6$2 = { class: "table-name" };
-	_hoisted_7$2 = { class: "table-breadcrumb" };
-	_hoisted_8$2 = { class: "connection" };
-	_hoisted_9$2 = { class: "database" };
-	_hoisted_10$2 = { class: "table" };
-	_hoisted_11$2 = { class: "table-stats" };
-	_hoisted_12$2 = {
+	init_detect();
+	init_rpc();
+	_hoisted_1$1 = { class: "table-detail" };
+	_hoisted_2$1 = { class: "table-header" };
+	_hoisted_3$1 = { class: "table-header-content" };
+	_hoisted_4$1 = { class: "table-info" };
+	_hoisted_5$1 = { class: "table-meta" };
+	_hoisted_6$1 = { class: "table-name" };
+	_hoisted_7$1 = { class: "table-breadcrumb" };
+	_hoisted_8$1 = ["title"];
+	_hoisted_9$1 = ["title"];
+	_hoisted_10$1 = { class: "crumb crumb-current" };
+	_hoisted_11$1 = { class: "table-stats" };
+	_hoisted_12$1 = {
 		key: 0,
 		class: "stat-item"
 	};
-	_hoisted_13$2 = { class: "stat-value" };
-	_hoisted_14$2 = { class: "stat-label" };
-	_hoisted_15$2 = { class: "stat-item" };
-	_hoisted_16$2 = { class: "stat-value" };
+	_hoisted_13$1 = { class: "stat-value" };
+	_hoisted_14$1 = { class: "stat-label" };
+	_hoisted_15$1 = { class: "stat-item" };
+	_hoisted_16$1 = { class: "stat-value" };
 	_hoisted_17$1 = { class: "stat-label" };
 	_hoisted_18$1 = { class: "stat-item" };
 	_hoisted_19$1 = { class: "stat-value" };
@@ -58208,8 +58305,8 @@ var init_table_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 		key: 0,
 		class: "badge bg-primary"
 	};
-	_hoisted_48$1 = { key: 1 };
-	_hoisted_49$1 = {
+	_hoisted_48 = { key: 1 };
+	_hoisted_49 = {
 		key: 0,
 		class: "badge bg-success"
 	};
@@ -58260,7 +58357,9 @@ var init_table_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 			"insert-data",
 			"export-table",
 			"edit-row",
-			"execute-sql"
+			"execute-sql",
+			"navigate-connection",
+			"navigate-database"
 		],
 		setup(__props, { emit: __emit }) {
 			const props = __props;
@@ -58504,20 +58603,27 @@ var init_table_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 						await modal.warning(t("tableDetail.missingConnectionInfo"));
 						return;
 					}
+					let options;
+					if (isVSCode) {
+						const dir = await vscodePickSaveFolder();
+						if (dir === null) return;
+						options = { path: dir };
+					}
 					let response;
 					switch (format) {
 						case "csv":
-							response = await databaseService.exportTableDataToCSV(props.connection.id, props.database, props.table.name);
+							response = await databaseService.exportTableDataToCSV(props.connection.id, props.database, props.table.name, options);
 							break;
 						case "json":
-							response = await databaseService.exportTableDataToJSON(props.connection.id, props.database, props.table.name);
+							response = await databaseService.exportTableDataToJSON(props.connection.id, props.database, props.table.name, options);
 							break;
 						case "excel":
-							response = await databaseService.exportTableDataToExcel(props.connection.id, props.database, props.table.name);
+							response = await databaseService.exportTableDataToExcel(props.connection.id, props.database, props.table.name, options);
 							break;
 						default: throw new Error(t("tableDetail.unsupportedFormat"));
 					}
-					if (response.ret === 0) await modal.success(t("tableDetail.exportSuccess", { path: response.data }));
+					if (response.ret === 0) if (isVscodeWebview() && response.data) vscodeNotifyExported(response.data);
+					else await modal.success(t("tableDetail.exportSuccess", { path: response.data }));
 					else await modal.error(t("tableDetail.exportFailed") + ": " + response.msg);
 				} catch (error) {
 					console.error("导出表数据失败:", error);
@@ -58559,15 +58665,31 @@ var init_table_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 						await modal.warning(t("tableDetail.missingConnectionInfo"));
 						return;
 					}
-					const response = await databaseService.exportTableDataToSQL(props.connection.id, props.database, props.table.name);
-					if (response.ret === 0) await modal.success(t("tableDetail.exportSuccess", { path: response.data }));
+					let options;
+					if (isVSCode) {
+						const dir = await vscodePickSaveFolder();
+						if (dir === null) return;
+						options = { path: dir };
+					}
+					const response = await databaseService.exportTableDataToSQL(props.connection.id, props.database, props.table.name, options);
+					if (response.ret === 0) if (isVscodeWebview() && response.data) vscodeNotifyExported(response.data);
+					else await modal.success(t("tableDetail.exportSuccess", { path: response.data }));
 					else await modal.error(t("tableDetail.exportFailed") + ": " + response.msg);
 				} catch (error) {
 					console.error("导出表数据失败:", error);
 					modal.error(t("tableDetail.exportFailed") + ": " + error.message);
 				}
 			}
-			function downloadSQLFile(content, filename) {
+			async function downloadSQLFile(content, filename) {
+				if (isVscodeWebview()) {
+					const saved = await vscodeSaveFile({
+						filename,
+						content,
+						filters: { "SQL 文件": ["sql"] }
+					});
+					if (saved) vscodeNotifyExported(saved);
+					return;
+				}
 				const blob = new Blob([content], { type: "text/sql;charset=utf-8;" });
 				const link = document.createElement("a");
 				if (link.download !== void 0) {
@@ -58581,16 +58703,24 @@ var init_table_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 				}
 			}
 			return (_ctx, _cache) => {
-				return openBlock(), createElementBlock("div", _hoisted_1$2, [
-					createBaseVNode("div", _hoisted_2$2, [createBaseVNode("div", _hoisted_3$2, [createBaseVNode("div", _hoisted_4$2, [_cache[13] || (_cache[13] = createBaseVNode("div", { class: "table-icon" }, [createBaseVNode("i", { class: "bi bi-table" })], -1)), createBaseVNode("div", _hoisted_5$2, [createBaseVNode("h4", _hoisted_6$2, toDisplayString(__props.table?.name), 1), createBaseVNode("div", _hoisted_7$2, [
-						createBaseVNode("span", _hoisted_8$2, toDisplayString(__props.connection?.name), 1),
-						_cache[11] || (_cache[11] = createBaseVNode("i", { class: "bi bi-chevron-right" }, null, -1)),
-						createBaseVNode("span", _hoisted_9$2, toDisplayString(__props.database), 1),
-						_cache[12] || (_cache[12] = createBaseVNode("i", { class: "bi bi-chevron-right" }, null, -1)),
-						createBaseVNode("span", _hoisted_10$2, toDisplayString(__props.table?.name), 1)
-					])])]), createBaseVNode("div", _hoisted_11$2, [
-						__props.table?.rowCount !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_12$2, [createBaseVNode("div", _hoisted_13$2, toDisplayString(formatNumber(__props.table?.rowCount)), 1), createBaseVNode("div", _hoisted_14$2, toDisplayString(_ctx.$t("tableDetail.rowData")), 1)])) : createCommentVNode("", true),
-						createBaseVNode("div", _hoisted_15$2, [createBaseVNode("div", _hoisted_16$2, toDisplayString(__props.tableStructure?.columns?.length || 0), 1), createBaseVNode("div", _hoisted_17$1, toDisplayString(_ctx.$t("common.columns")), 1)]),
+				return openBlock(), createElementBlock("div", _hoisted_1$1, [
+					createBaseVNode("div", _hoisted_2$1, [createBaseVNode("div", _hoisted_3$1, [createBaseVNode("div", _hoisted_4$1, [_cache[17] || (_cache[17] = createBaseVNode("div", { class: "table-icon" }, [createBaseVNode("i", { class: "bi bi-table" })], -1)), createBaseVNode("div", _hoisted_5$1, [createBaseVNode("h4", _hoisted_6$1, toDisplayString(__props.table?.name), 1), createBaseVNode("div", _hoisted_7$1, [
+						createBaseVNode("span", {
+							class: "crumb crumb-link",
+							onClick: _cache[0] || (_cache[0] = ($event) => emit("navigate-connection")),
+							title: _ctx.$t("tableDetail.backToConnection")
+						}, [_cache[13] || (_cache[13] = createBaseVNode("i", { class: "bi bi-hdd-network me-1" }, null, -1)), createTextVNode(toDisplayString(__props.connection?.name), 1)], 8, _hoisted_8$1),
+						_cache[15] || (_cache[15] = createBaseVNode("i", { class: "bi bi-chevron-right" }, null, -1)),
+						createBaseVNode("span", {
+							class: "crumb crumb-link",
+							onClick: _cache[1] || (_cache[1] = ($event) => emit("navigate-database")),
+							title: _ctx.$t("tableDetail.backToDatabase")
+						}, [_cache[14] || (_cache[14] = createBaseVNode("i", { class: "bi bi-database me-1" }, null, -1)), createTextVNode(toDisplayString(__props.database), 1)], 8, _hoisted_9$1),
+						_cache[16] || (_cache[16] = createBaseVNode("i", { class: "bi bi-chevron-right" }, null, -1)),
+						createBaseVNode("span", _hoisted_10$1, toDisplayString(__props.table?.name), 1)
+					])])]), createBaseVNode("div", _hoisted_11$1, [
+						__props.table?.rowCount !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_12$1, [createBaseVNode("div", _hoisted_13$1, toDisplayString(formatNumber(__props.table?.rowCount)), 1), createBaseVNode("div", _hoisted_14$1, toDisplayString(_ctx.$t("tableDetail.rowData")), 1)])) : createCommentVNode("", true),
+						createBaseVNode("div", _hoisted_15$1, [createBaseVNode("div", _hoisted_16$1, toDisplayString(__props.tableStructure?.columns?.length || 0), 1), createBaseVNode("div", _hoisted_17$1, toDisplayString(_ctx.$t("common.columns")), 1)]),
 						createBaseVNode("div", _hoisted_18$1, [createBaseVNode("div", _hoisted_19$1, toDisplayString(__props.tableStructure?.indexes?.length || 0), 1), createBaseVNode("div", _hoisted_20$1, toDisplayString(_ctx.$t("database.indexes")), 1)]),
 						__props.table?.dataSize !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_21$1, [createBaseVNode("div", _hoisted_22$1, toDisplayString(formatSize(__props.table?.dataSize)), 1), createBaseVNode("div", _hoisted_23$1, toDisplayString(_ctx.$t("databaseDetail.size")), 1)])) : createCommentVNode("", true)
 					])])]),
@@ -58598,71 +58728,71 @@ var init_table_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 						createBaseVNode("button", {
 							class: "btn btn-primary btn-sm",
 							onClick: refreshData
-						}, [_cache[14] || (_cache[14] = createBaseVNode("i", { class: "bi bi-arrow-clockwise" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.refreshData")), 1)]),
+						}, [_cache[18] || (_cache[18] = createBaseVNode("i", { class: "bi bi-arrow-clockwise" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.refreshData")), 1)]),
 						createBaseVNode("button", {
 							class: "btn btn-info btn-sm",
 							onClick: editTableStructure
-						}, [_cache[15] || (_cache[15] = createBaseVNode("i", { class: "bi bi-pencil-square" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.modifyStructure")), 1)]),
+						}, [_cache[19] || (_cache[19] = createBaseVNode("i", { class: "bi bi-pencil-square" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.modifyStructure")), 1)]),
 						createBaseVNode("button", {
 							class: "btn btn-success btn-sm",
-							onClick: _cache[0] || (_cache[0] = () => insertData())
-						}, [_cache[16] || (_cache[16] = createBaseVNode("i", { class: "bi bi-plus-lg" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.insertData")), 1)]),
-						createBaseVNode("div", _hoisted_26$1, [createBaseVNode("button", _hoisted_27$1, [_cache[17] || (_cache[17] = createBaseVNode("i", { class: "bi bi-download" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.exportMenu")), 1)]), createBaseVNode("ul", _hoisted_28$1, [
+							onClick: _cache[2] || (_cache[2] = () => insertData())
+						}, [_cache[20] || (_cache[20] = createBaseVNode("i", { class: "bi bi-plus-lg" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.insertData")), 1)]),
+						createBaseVNode("div", _hoisted_26$1, [createBaseVNode("button", _hoisted_27$1, [_cache[21] || (_cache[21] = createBaseVNode("i", { class: "bi bi-download" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.exportMenu")), 1)]), createBaseVNode("ul", _hoisted_28$1, [
 							createBaseVNode("li", null, [createBaseVNode("button", {
 								class: "dropdown-item",
-								onClick: _cache[1] || (_cache[1] = ($event) => exportTableData("csv"))
-							}, [_cache[18] || (_cache[18] = createBaseVNode("i", { class: "bi bi-file-earmark-spreadsheet me-2" }, null, -1)), createTextVNode(toDisplayString(_ctx.$t("tableDetail.exportCSV")), 1)])]),
+								onClick: _cache[3] || (_cache[3] = ($event) => exportTableData("csv"))
+							}, [_cache[22] || (_cache[22] = createBaseVNode("i", { class: "bi bi-file-earmark-spreadsheet me-2" }, null, -1)), createTextVNode(toDisplayString(_ctx.$t("tableDetail.exportCSV")), 1)])]),
 							createBaseVNode("li", null, [createBaseVNode("button", {
 								class: "dropdown-item",
-								onClick: _cache[2] || (_cache[2] = ($event) => exportTableData("json"))
-							}, [_cache[19] || (_cache[19] = createBaseVNode("i", { class: "bi bi-file-earmark-code me-2" }, null, -1)), createTextVNode(toDisplayString(_ctx.$t("tableDetail.exportJSON")), 1)])]),
+								onClick: _cache[4] || (_cache[4] = ($event) => exportTableData("json"))
+							}, [_cache[23] || (_cache[23] = createBaseVNode("i", { class: "bi bi-file-earmark-code me-2" }, null, -1)), createTextVNode(toDisplayString(_ctx.$t("tableDetail.exportJSON")), 1)])]),
 							createBaseVNode("li", null, [createBaseVNode("button", {
 								class: "dropdown-item",
-								onClick: _cache[3] || (_cache[3] = ($event) => exportTableData("excel"))
-							}, [_cache[20] || (_cache[20] = createBaseVNode("i", { class: "bi bi-file-earmark-excel me-2" }, null, -1)), createTextVNode(toDisplayString(_ctx.$t("tableDetail.exportExcel")), 1)])]),
-							_cache[23] || (_cache[23] = createBaseVNode("li", null, [createBaseVNode("hr", { class: "dropdown-divider" })], -1)),
+								onClick: _cache[5] || (_cache[5] = ($event) => exportTableData("excel"))
+							}, [_cache[24] || (_cache[24] = createBaseVNode("i", { class: "bi bi-file-earmark-excel me-2" }, null, -1)), createTextVNode(toDisplayString(_ctx.$t("tableDetail.exportExcel")), 1)])]),
+							_cache[27] || (_cache[27] = createBaseVNode("li", null, [createBaseVNode("hr", { class: "dropdown-divider" })], -1)),
 							createBaseVNode("li", null, [createBaseVNode("button", {
 								class: "dropdown-item",
-								onClick: _cache[4] || (_cache[4] = ($event) => exportTableStructure())
-							}, [_cache[21] || (_cache[21] = createBaseVNode("i", { class: "bi bi-file-earmark-text me-2" }, null, -1)), createTextVNode(toDisplayString(_ctx.$t("tableDetail.exportStructure")), 1)])]),
+								onClick: _cache[6] || (_cache[6] = ($event) => exportTableStructure())
+							}, [_cache[25] || (_cache[25] = createBaseVNode("i", { class: "bi bi-file-earmark-text me-2" }, null, -1)), createTextVNode(toDisplayString(_ctx.$t("tableDetail.exportStructure")), 1)])]),
 							createBaseVNode("li", null, [createBaseVNode("button", {
 								class: "dropdown-item",
-								onClick: _cache[5] || (_cache[5] = ($event) => exportTableDataSQL())
-							}, [_cache[22] || (_cache[22] = createBaseVNode("i", { class: "bi bi-file-earmark-code me-2" }, null, -1)), createTextVNode(toDisplayString(_ctx.$t("tableDetail.exportDataSQL")), 1)])])
+								onClick: _cache[7] || (_cache[7] = ($event) => exportTableDataSQL())
+							}, [_cache[26] || (_cache[26] = createBaseVNode("i", { class: "bi bi-file-earmark-code me-2" }, null, -1)), createTextVNode(toDisplayString(_ctx.$t("tableDetail.exportDataSQL")), 1)])])
 						])])
 					]), createBaseVNode("div", _hoisted_29$1, [__props.table?.rowCount ? (openBlock(), createElementBlock("button", {
 						key: 0,
 						class: "btn btn-outline-warning btn-sm",
 						onClick: truncateTable
-					}, [_cache[24] || (_cache[24] = createBaseVNode("i", { class: "bi bi-trash" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.truncateTable")), 1)])) : createCommentVNode("", true), createBaseVNode("button", {
+					}, [_cache[28] || (_cache[28] = createBaseVNode("i", { class: "bi bi-trash" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.truncateTable")), 1)])) : createCommentVNode("", true), createBaseVNode("button", {
 						class: "btn btn-outline-danger btn-sm",
 						onClick: dropTable
-					}, [_cache[25] || (_cache[25] = createBaseVNode("i", { class: "bi bi-x-circle" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.dropTable")), 1)])])]),
+					}, [_cache[29] || (_cache[29] = createBaseVNode("i", { class: "bi bi-x-circle" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.dropTable")), 1)])])]),
 					createBaseVNode("div", _hoisted_30$1, [createBaseVNode("ul", _hoisted_31$1, [
 						createBaseVNode("li", _hoisted_32$1, [createBaseVNode("button", {
 							class: normalizeClass(["nav-link", { active: activeTab.value === "data" }]),
-							onClick: _cache[6] || (_cache[6] = ($event) => activeTab.value = "data")
+							onClick: _cache[8] || (_cache[8] = ($event) => activeTab.value = "data")
 						}, [
-							_cache[26] || (_cache[26] = createBaseVNode("i", { class: "bi bi-grid" }, null, -1)),
+							_cache[30] || (_cache[30] = createBaseVNode("i", { class: "bi bi-grid" }, null, -1)),
 							createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.dataTab")) + " ", 1),
 							__props.table?.rowCount ? (openBlock(), createElementBlock("span", _hoisted_33$1, toDisplayString(formatNumber(__props.table?.rowCount)), 1)) : createCommentVNode("", true)
 						], 2)]),
 						createBaseVNode("li", _hoisted_34$1, [createBaseVNode("button", {
 							class: normalizeClass(["nav-link", { active: activeTab.value === "structure" }]),
-							onClick: _cache[7] || (_cache[7] = ($event) => activeTab.value = "structure")
-						}, [_cache[27] || (_cache[27] = createBaseVNode("i", { class: "bi bi-diagram-3" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.structureTab")), 1)], 2)]),
+							onClick: _cache[9] || (_cache[9] = ($event) => activeTab.value = "structure")
+						}, [_cache[31] || (_cache[31] = createBaseVNode("i", { class: "bi bi-diagram-3" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.structureTab")), 1)], 2)]),
 						createBaseVNode("li", _hoisted_35$1, [createBaseVNode("button", {
 							class: normalizeClass(["nav-link", { active: activeTab.value === "indexes" }]),
-							onClick: _cache[8] || (_cache[8] = ($event) => activeTab.value = "indexes")
-						}, [_cache[28] || (_cache[28] = createBaseVNode("i", { class: "bi bi-key" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.indexesTab")), 1)], 2)]),
+							onClick: _cache[10] || (_cache[10] = ($event) => activeTab.value = "indexes")
+						}, [_cache[32] || (_cache[32] = createBaseVNode("i", { class: "bi bi-key" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.indexesTab")), 1)], 2)]),
 						createBaseVNode("li", _hoisted_36$1, [createBaseVNode("button", {
 							class: normalizeClass(["nav-link", { active: activeTab.value === "relations" }]),
-							onClick: _cache[9] || (_cache[9] = ($event) => activeTab.value = "relations")
-						}, [_cache[29] || (_cache[29] = createBaseVNode("i", { class: "bi bi-link-45deg" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.relationsTab")), 1)], 2)]),
+							onClick: _cache[11] || (_cache[11] = ($event) => activeTab.value = "relations")
+						}, [_cache[33] || (_cache[33] = createBaseVNode("i", { class: "bi bi-link-45deg" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.relationsTab")), 1)], 2)]),
 						createBaseVNode("li", _hoisted_37$1, [createBaseVNode("button", {
 							class: normalizeClass(["nav-link", { active: activeTab.value === "sql" }]),
-							onClick: _cache[10] || (_cache[10] = ($event) => activeTab.value = "sql")
-						}, [..._cache[30] || (_cache[30] = [createBaseVNode("i", { class: "bi bi-code-slash" }, null, -1), createTextVNode(" SQL ", -1)])], 2)])
+							onClick: _cache[12] || (_cache[12] = ($event) => activeTab.value = "sql")
+						}, [..._cache[34] || (_cache[34] = [createBaseVNode("i", { class: "bi bi-code-slash" }, null, -1), createTextVNode(" SQL ", -1)])], 2)])
 					]), createBaseVNode("div", _hoisted_38$1, [
 						withDirectives(createBaseVNode("div", _hoisted_39$1, [createVNode(table_data_grid_default, {
 							ref_key: "tableDataGridRef",
@@ -58682,10 +58812,10 @@ var init_table_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 						withDirectives(createBaseVNode("div", _hoisted_40$1, [createBaseVNode("div", _hoisted_41$1, [createBaseVNode("button", {
 							class: "btn btn-success btn-sm",
 							onClick: addColumn
-						}, [_cache[31] || (_cache[31] = createBaseVNode("i", { class: "bi bi-plus-lg" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.addColumn")), 1)]), createBaseVNode("button", {
+						}, [_cache[35] || (_cache[35] = createBaseVNode("i", { class: "bi bi-plus-lg" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.addColumn")), 1)]), createBaseVNode("button", {
 							class: "btn btn-info btn-sm",
 							onClick: editTableStructure
-						}, [_cache[32] || (_cache[32] = createBaseVNode("i", { class: "bi bi-pencil-square" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.modifyStructure")), 1)])]), createBaseVNode("div", _hoisted_42$1, [createBaseVNode("div", _hoisted_43$1, [createBaseVNode("table", _hoisted_44$1, [createBaseVNode("thead", _hoisted_45$1, [createBaseVNode("tr", null, [
+						}, [_cache[36] || (_cache[36] = createBaseVNode("i", { class: "bi bi-pencil-square" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.modifyStructure")), 1)])]), createBaseVNode("div", _hoisted_42$1, [createBaseVNode("div", _hoisted_43$1, [createBaseVNode("table", _hoisted_44$1, [createBaseVNode("thead", _hoisted_45$1, [createBaseVNode("tr", null, [
 							createBaseVNode("th", null, toDisplayString(_ctx.$t("tableDetail.columnNameHeader")), 1),
 							createBaseVNode("th", null, toDisplayString(_ctx.$t("tableDetail.dataTypeHeader")), 1),
 							createBaseVNode("th", null, toDisplayString(_ctx.$t("tableDetail.nullableHeader")), 1),
@@ -58700,16 +58830,16 @@ var init_table_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 								createBaseVNode("td", null, [createBaseVNode("code", null, toDisplayString(column.type), 1)]),
 								createBaseVNode("td", null, [createBaseVNode("span", { class: normalizeClass(column.nullable ? "text-warning" : "text-success") }, [createBaseVNode("i", { class: normalizeClass(column.nullable ? "bi bi-unlock" : "bi bi-lock-fill") }, null, 2), createTextVNode(" " + toDisplayString(column.nullable ? "YES" : "NO"), 1)], 2)]),
 								createBaseVNode("td", null, toDisplayString(column.defaultValue || "-"), 1),
-								createBaseVNode("td", null, [column.isPrimary ? (openBlock(), createElementBlock("span", _hoisted_47$1, [_cache[33] || (_cache[33] = createBaseVNode("i", { class: "bi bi-key-fill" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.primaryKeyHeader")), 1)])) : (openBlock(), createElementBlock("span", _hoisted_48$1, "-"))]),
-								createBaseVNode("td", null, [column.isAutoIncrement ? (openBlock(), createElementBlock("span", _hoisted_49$1, [_cache[34] || (_cache[34] = createBaseVNode("i", { class: "bi bi-arrow-up-circle" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.autoIncHeader")), 1)])) : (openBlock(), createElementBlock("span", _hoisted_50, "-"))]),
+								createBaseVNode("td", null, [column.isPrimary ? (openBlock(), createElementBlock("span", _hoisted_47$1, [_cache[37] || (_cache[37] = createBaseVNode("i", { class: "bi bi-key-fill" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.primaryKeyHeader")), 1)])) : (openBlock(), createElementBlock("span", _hoisted_48, "-"))]),
+								createBaseVNode("td", null, [column.isAutoIncrement ? (openBlock(), createElementBlock("span", _hoisted_49, [_cache[38] || (_cache[38] = createBaseVNode("i", { class: "bi bi-arrow-up-circle" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableDetail.autoIncHeader")), 1)])) : (openBlock(), createElementBlock("span", _hoisted_50, "-"))]),
 								createBaseVNode("td", null, toDisplayString(column.comment || "-"), 1),
 								createBaseVNode("td", null, [createBaseVNode("div", _hoisted_51, [createBaseVNode("button", {
 									class: "btn btn-outline-primary btn-sm",
 									onClick: ($event) => editColumn(column)
-								}, [..._cache[35] || (_cache[35] = [createBaseVNode("i", { class: "bi bi-pencil" }, null, -1)])], 8, _hoisted_52), createBaseVNode("button", {
+								}, [..._cache[39] || (_cache[39] = [createBaseVNode("i", { class: "bi bi-pencil" }, null, -1)])], 8, _hoisted_52), createBaseVNode("button", {
 									class: "btn btn-outline-danger btn-sm",
 									onClick: ($event) => deleteColumn(column)
-								}, [..._cache[36] || (_cache[36] = [createBaseVNode("i", { class: "bi bi-trash" }, null, -1)])], 8, _hoisted_53)])])
+								}, [..._cache[40] || (_cache[40] = [createBaseVNode("i", { class: "bi bi-trash" }, null, -1)])], 8, _hoisted_53)])])
 							]);
 						}), 128))])])])])], 512), [[vShow, activeTab.value === "structure"]]),
 						withDirectives(createBaseVNode("div", _hoisted_54, [createBaseVNode("div", _hoisted_55, [createBaseVNode("div", _hoisted_56, [createBaseVNode("table", _hoisted_57, [createBaseVNode("thead", _hoisted_58, [createBaseVNode("tr", null, [
@@ -58727,10 +58857,10 @@ var init_table_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 								createBaseVNode("td", null, [createBaseVNode("div", _hoisted_61, [createBaseVNode("button", {
 									class: "btn btn-outline-primary btn-sm",
 									onClick: ($event) => editIndex(index)
-								}, [..._cache[37] || (_cache[37] = [createBaseVNode("i", { class: "bi bi-pencil" }, null, -1)])], 8, _hoisted_62), createBaseVNode("button", {
+								}, [..._cache[41] || (_cache[41] = [createBaseVNode("i", { class: "bi bi-pencil" }, null, -1)])], 8, _hoisted_62), createBaseVNode("button", {
 									class: "btn btn-outline-danger btn-sm",
 									onClick: ($event) => deleteIndex(index)
-								}, [..._cache[38] || (_cache[38] = [createBaseVNode("i", { class: "bi bi-trash" }, null, -1)])], 8, _hoisted_63)])])
+								}, [..._cache[42] || (_cache[42] = [createBaseVNode("i", { class: "bi bi-trash" }, null, -1)])], 8, _hoisted_63)])])
 							]);
 						}), 128))])])])])], 512), [[vShow, activeTab.value === "indexes"]]),
 						withDirectives(createBaseVNode("div", _hoisted_64, [createBaseVNode("div", _hoisted_65, [createBaseVNode("div", _hoisted_66, [createBaseVNode("table", _hoisted_67, [createBaseVNode("thead", _hoisted_68, [createBaseVNode("tr", null, [
@@ -58752,7 +58882,7 @@ var init_table_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 								createBaseVNode("td", null, [createBaseVNode("div", _hoisted_70, [createBaseVNode("button", {
 									class: "btn btn-outline-danger btn-sm",
 									onClick: ($event) => deleteForeignKey(fk)
-								}, [..._cache[39] || (_cache[39] = [createBaseVNode("i", { class: "bi bi-trash" }, null, -1)])], 8, _hoisted_71)])])
+								}, [..._cache[43] || (_cache[43] = [createBaseVNode("i", { class: "bi bi-trash" }, null, -1)])], 8, _hoisted_71)])])
 							]);
 						}), 128))])])])])], 512), [[vShow, activeTab.value === "relations"]]),
 						withDirectives(createBaseVNode("div", _hoisted_72, [createBaseVNode("div", _hoisted_73, [createVNode(sql_executor_default, {
@@ -58802,129 +58932,21 @@ var init_table_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	});
 }));
 //#endregion
-//#region src/platform/database/components/table-detail.vue?vue&type=style&index=0&scoped=7e9c9695&lang.css
-var init_table_detail_vue_vue_type_style_index_0_scoped_7e9c9695_lang = __esmMin((() => {}));
+//#region src/platform/database/components/table-detail.vue?vue&type=style&index=0&scoped=15c7e3be&lang.css
+var init_table_detail_vue_vue_type_style_index_0_scoped_15c7e3be_lang = __esmMin((() => {}));
 //#endregion
 //#region src/platform/database/components/table-detail.vue
 var table_detail_default;
 var init_table_detail = __esmMin((() => {
 	init_table_detail_vue_vue_type_script_setup_true_lang();
 	init_table_detail_vue_vue_type_script_setup_true_lang();
-	init_table_detail_vue_vue_type_style_index_0_scoped_7e9c9695_lang();
+	init_table_detail_vue_vue_type_style_index_0_scoped_15c7e3be_lang();
 	init__plugin_vue_export_helper();
-	table_detail_default = /*#__PURE__*/ _plugin_vue_export_helper_default(table_detail_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-7e9c9695"]]);
-}));
-//#endregion
-//#region src/platform/database/components/about.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$1, _hoisted_2$1, _hoisted_3$1, _hoisted_4$1, _hoisted_5$1, _hoisted_6$1, _hoisted_7$1, _hoisted_8$1, _hoisted_9$1, _hoisted_10$1, _hoisted_11$1, _hoisted_12$1, _hoisted_13$1, _hoisted_14$1, _hoisted_15$1, _hoisted_16$1, about_vue_vue_type_script_setup_true_lang_default;
-var init_about_vue_vue_type_script_setup_true_lang = __esmMin((() => {
-	init_vue_runtime_esm_bundler();
-	init_vue_i18n();
-	_hoisted_1$1 = { class: "about-page" };
-	_hoisted_2$1 = { class: "about-header" };
-	_hoisted_3$1 = { class: "about-title" };
-	_hoisted_4$1 = { class: "about-content" };
-	_hoisted_5$1 = { class: "about-section" };
-	_hoisted_6$1 = { class: "about-section" };
-	_hoisted_7$1 = { class: "about-links" };
-	_hoisted_8$1 = {
-		href: "https://surl.fit/tools/tools/fdb2",
-		target: "_blank",
-		class: "about-link"
-	};
-	_hoisted_9$1 = {
-		href: "https://github.com/fefeding/fdb2/",
-		target: "_blank",
-		class: "about-link"
-	};
-	_hoisted_10$1 = { class: "about-section" };
-	_hoisted_11$1 = { class: "feature-list" };
-	_hoisted_12$1 = { class: "about-section" };
-	_hoisted_13$1 = { class: "database-types" };
-	_hoisted_14$1 = { class: "db-name" };
-	_hoisted_15$1 = { class: "db-port" };
-	_hoisted_16$1 = { class: "about-section" };
-	about_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-		__name: "about",
-		setup(__props) {
-			const { t } = useI18n();
-			const databaseTypes = [
-				{
-					name: "MySQL",
-					port: "3306"
-				},
-				{
-					name: "PostgreSQL",
-					port: "5432"
-				},
-				{
-					name: "SQLite",
-					port: "-"
-				},
-				{
-					name: "SQL Server",
-					port: "1433"
-				},
-				{
-					name: "Oracle",
-					port: "1521"
-				},
-				{
-					name: "CockroachDB",
-					port: "26257"
-				},
-				{
-					name: "MongoDB",
-					port: "27017"
-				},
-				{
-					name: "SAP HANA",
-					port: "39013"
-				},
-				{
-					name: "ClickHouse",
-					port: "8123"
-				}
-			];
-			return (_ctx, _cache) => {
-				return openBlock(), createElementBlock("div", _hoisted_1$1, [createBaseVNode("div", _hoisted_2$1, [_cache[1] || (_cache[1] = createBaseVNode("div", { class: "about-logo" }, [createBaseVNode("i", { class: "bi bi-database" })], -1)), createBaseVNode("div", _hoisted_3$1, [_cache[0] || (_cache[0] = createBaseVNode("h2", null, "fdb2", -1)), createBaseVNode("p", null, toDisplayString(_ctx.$t("aboutPage.subtitle")), 1)])]), createBaseVNode("div", _hoisted_4$1, [
-					createBaseVNode("section", _hoisted_5$1, [createBaseVNode("h3", null, toDisplayString(_ctx.$t("aboutPage.aboutTitle")), 1), createBaseVNode("p", null, toDisplayString(_ctx.$t("aboutPage.aboutDesc")), 1)]),
-					createBaseVNode("section", _hoisted_6$1, [createBaseVNode("h3", null, toDisplayString(_ctx.$t("aboutPage.getMoreInfo")), 1), createBaseVNode("div", _hoisted_7$1, [createBaseVNode("a", _hoisted_8$1, [_cache[2] || (_cache[2] = createBaseVNode("i", { class: "bi bi-globe" }, null, -1)), createBaseVNode("span", null, toDisplayString(_ctx.$t("aboutPage.officialWebsite")), 1)]), createBaseVNode("a", _hoisted_9$1, [_cache[3] || (_cache[3] = createBaseVNode("i", { class: "bi bi-github" }, null, -1)), createBaseVNode("span", null, toDisplayString(_ctx.$t("aboutPage.githubRepo")), 1)])])]),
-					createBaseVNode("section", _hoisted_10$1, [createBaseVNode("h3", null, toDisplayString(_ctx.$t("aboutPage.coreAdvantages")), 1), createBaseVNode("ul", _hoisted_11$1, [
-						createBaseVNode("li", null, [_cache[4] || (_cache[4] = createBaseVNode("i", { class: "bi bi-check-circle" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("aboutPage.advZeroConfig")), 1)]),
-						createBaseVNode("li", null, [_cache[5] || (_cache[5] = createBaseVNode("i", { class: "bi bi-check-circle" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("aboutPage.advCrossPlatform")), 1)]),
-						createBaseVNode("li", null, [_cache[6] || (_cache[6] = createBaseVNode("i", { class: "bi bi-check-circle" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("aboutPage.advLightweight")), 1)]),
-						createBaseVNode("li", null, [_cache[7] || (_cache[7] = createBaseVNode("i", { class: "bi bi-check-circle" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("aboutPage.advLocal")), 1)]),
-						createBaseVNode("li", null, [_cache[8] || (_cache[8] = createBaseVNode("i", { class: "bi bi-check-circle" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("aboutPage.advOffline")), 1)])
-					])]),
-					createBaseVNode("section", _hoisted_12$1, [createBaseVNode("h3", null, toDisplayString(_ctx.$t("aboutPage.supportedDbTypes")), 1), createBaseVNode("div", _hoisted_13$1, [(openBlock(), createElementBlock(Fragment, null, renderList(databaseTypes, (db) => {
-						return createBaseVNode("div", {
-							class: "db-type",
-							key: db.name
-						}, [createBaseVNode("span", _hoisted_14$1, toDisplayString(db.name), 1), createBaseVNode("span", _hoisted_15$1, toDisplayString(db.port), 1)]);
-					}), 64))])]),
-					createBaseVNode("section", _hoisted_16$1, [createBaseVNode("h3", null, toDisplayString(_ctx.$t("aboutPage.license")), 1), createBaseVNode("p", null, toDisplayString(_ctx.$t("aboutPage.licenseDesc")), 1)])
-				])]);
-			};
-		}
-	});
-}));
-//#endregion
-//#region src/platform/database/components/about.vue?vue&type=style&index=0&scoped=5a974f04&lang.css
-var init_about_vue_vue_type_style_index_0_scoped_5a974f04_lang = __esmMin((() => {}));
-//#endregion
-//#region src/platform/database/components/about.vue
-var about_default;
-var init_about = __esmMin((() => {
-	init_about_vue_vue_type_script_setup_true_lang();
-	init_about_vue_vue_type_script_setup_true_lang();
-	init_about_vue_vue_type_style_index_0_scoped_5a974f04_lang();
-	init__plugin_vue_export_helper();
-	about_default = /*#__PURE__*/ _plugin_vue_export_helper_default(about_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5a974f04"]]);
+	table_detail_default = /*#__PURE__*/ _plugin_vue_export_helper_default(table_detail_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-15c7e3be"]]);
 }));
 //#endregion
 //#region src/platform/database/explorer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1, _hoisted_2, _hoisted_3, _hoisted_4, _hoisted_5, _hoisted_6, _hoisted_7, _hoisted_8, _hoisted_9, _hoisted_10, _hoisted_11, _hoisted_12, _hoisted_13, _hoisted_14, _hoisted_15, _hoisted_16, _hoisted_17, _hoisted_18, _hoisted_19, _hoisted_20, _hoisted_21, _hoisted_22, _hoisted_23, _hoisted_24, _hoisted_25, _hoisted_26, _hoisted_27, _hoisted_28, _hoisted_29, _hoisted_30, _hoisted_31, _hoisted_32, _hoisted_33, _hoisted_34, _hoisted_35, _hoisted_36, _hoisted_37, _hoisted_38, _hoisted_39, _hoisted_40, _hoisted_41, _hoisted_42, _hoisted_43, _hoisted_44, _hoisted_45, _hoisted_46, _hoisted_47, _hoisted_48, _hoisted_49, explorer_vue_vue_type_script_setup_true_lang_default;
+var _hoisted_1, _hoisted_2, _hoisted_3, _hoisted_4, _hoisted_5, _hoisted_6, _hoisted_7, _hoisted_8, _hoisted_9, _hoisted_10, _hoisted_11, _hoisted_12, _hoisted_13, _hoisted_14, _hoisted_15, _hoisted_16, _hoisted_17, _hoisted_18, _hoisted_19, _hoisted_20, _hoisted_21, _hoisted_22, _hoisted_23, _hoisted_24, _hoisted_25, _hoisted_26, _hoisted_27, _hoisted_28, _hoisted_29, _hoisted_30, _hoisted_31, _hoisted_32, _hoisted_33, _hoisted_34, _hoisted_35, _hoisted_36, _hoisted_37, _hoisted_38, _hoisted_39, _hoisted_40, _hoisted_41, _hoisted_42, _hoisted_43, _hoisted_44, _hoisted_45, _hoisted_46, _hoisted_47, explorer_vue_vue_type_script_setup_true_lang_default;
 var init_explorer_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	init_vue_runtime_esm_bundler();
 	init_vue_router();
@@ -58935,7 +58957,6 @@ var init_explorer_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	init_connection_detail();
 	init_database_detail();
 	init_table_detail();
-	init_about();
 	init_modal();
 	_hoisted_1 = { class: "database-explorer" };
 	_hoisted_2 = { class: "explorer-layout" };
@@ -58999,14 +59020,12 @@ var init_explorer_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 		class: "empty-state"
 	};
 	_hoisted_44 = { class: "empty-text" };
-	_hoisted_45 = { class: "tool-details" };
-	_hoisted_46 = { class: "tool-description" };
-	_hoisted_47 = { class: "explorer-main" };
-	_hoisted_48 = {
-		key: 4,
+	_hoisted_45 = { class: "explorer-main" };
+	_hoisted_46 = {
+		key: 3,
 		class: "default-state"
 	};
-	_hoisted_49 = { class: "default-content" };
+	_hoisted_47 = { class: "default-content" };
 	explorer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 		__name: "explorer",
 		setup(__props) {
@@ -59041,7 +59060,6 @@ var init_explorer_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 			const loadingMessage = ref("加载中...");
 			const connectionEditorRef = ref();
 			const toastRef = ref();
-			const showAbout = ref(false);
 			const databaseInfo = computed(() => {
 				if (!selectedConnection.value || !selectedDatabase.value) return null;
 				return databaseInfoCache.value.get(`${selectedConnection.value.id}-${selectedDatabase.value}`);
@@ -59063,6 +59081,7 @@ var init_explorer_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 			function handleRouteQuery() {
 				const connectionId = route.query.connectionId;
 				const database = route.query.database;
+				const tableName = route.query.table;
 				if (connectionId) {
 					const connection = connections.value.find((conn) => conn.id === connectionId);
 					if (connection) {
@@ -59080,12 +59099,15 @@ var init_explorer_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 							selectedTable.value = null;
 							activeTab.value = "tables";
 							const dbKey = `${connectionId}-${database}`;
-							if (!expandedDatabases.value.has(dbKey)) {
-								expandedDatabases.value.add(dbKey);
-								loadDatabaseInfo(connection, database);
-								loadTablesForDatabase(connection, database);
-							}
-							isUpdatingFromUrl = false;
+							expandedDatabases.value.add(dbKey);
+							loadDatabaseInfo(connection, database);
+							loadTablesForDatabase(connection, database, true);
+							if (tableName) loadTablesForDatabase(connection, database, true).then(() => {
+								const t = (tableCache.value.get(dbKey) || []).find((x) => x.name === tableName);
+								if (t) selectTable(connection, database, t);
+								isUpdatingFromUrl = false;
+							});
+							else isUpdatingFromUrl = false;
 						}, 100);
 						else isUpdatingFromUrl = false;
 					}
@@ -59219,6 +59241,27 @@ var init_explorer_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 				loadTableData(connection, database, table.name);
 				loadTableStructure(connection, database, table.name);
 			}
+			/**
+			* 面包屑导航：点击「连接」返回连接概览（清除数据库与表选择）。
+			* 同时同步 URL query，保证宿主侧标题与前进/后退一致。
+			*/
+			function goToConnection() {
+				selectedDatabase.value = "";
+				selectedTable.value = null;
+				activeTab.value = "overview";
+				if (!isUpdatingFromUrl) router.push({ query: { connectionId: selectedConnection.value?.id } });
+			}
+			/**
+			* 面包屑导航：点击「数据库」返回数据库详情（清除表选择）。
+			*/
+			function goToDatabase() {
+				selectedTable.value = null;
+				activeTab.value = "tables";
+				if (!isUpdatingFromUrl) router.push({ query: {
+					connectionId: selectedConnection.value?.id,
+					database: selectedDatabase.value
+				} });
+			}
 			async function loadTableData(connection, database, tableName, page = 1, pageSize = 50, searchQuery) {
 				try {
 					isGlobalLoading.value = true;
@@ -59572,9 +59615,6 @@ var init_explorer_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 			function showToast(title, message, type = "success") {
 				toastRef.value?.addToast(title, message, type);
 			}
-			function showAboutPage() {
-				showAbout.value = true;
-			}
 			return (_ctx, _cache) => {
 				return openBlock(), createElementBlock("div", _hoisted_1, [
 					createBaseVNode("div", _hoisted_2, [createBaseVNode("div", _hoisted_3, [createBaseVNode("div", _hoisted_4, [createBaseVNode("h5", _hoisted_5, [_cache[0] || (_cache[0] = createBaseVNode("i", { class: "bi bi-diagram-3" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("explorer.title")), 1)]), createBaseVNode("div", _hoisted_6, [createBaseVNode("button", {
@@ -59585,99 +59625,92 @@ var init_explorer_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 						class: "btn btn-sm btn-outline-success",
 						onClick: showAddConnectionModal,
 						title: _ctx.$t("explorer.addConnection")
-					}, [..._cache[2] || (_cache[2] = [createBaseVNode("i", { class: "bi bi-plus" }, null, -1)])], 8, _hoisted_8)])]), createBaseVNode("div", _hoisted_9, [
-						createBaseVNode("div", _hoisted_10, [(openBlock(true), createElementBlock(Fragment, null, renderList(connections.value, (connection) => {
+					}, [..._cache[2] || (_cache[2] = [createBaseVNode("i", { class: "bi bi-plus" }, null, -1)])], 8, _hoisted_8)])]), createBaseVNode("div", _hoisted_9, [createBaseVNode("div", _hoisted_10, [(openBlock(true), createElementBlock(Fragment, null, renderList(connections.value, (connection) => {
+						return openBlock(), createElementBlock("div", {
+							key: connection.id,
+							class: normalizeClass(["tree-node connection-node", { "selected": selectedConnection.value?.id === connection.id && !selectedDatabase.value && !selectedTable.value }])
+						}, [createBaseVNode("div", _hoisted_11, [
+							createBaseVNode("div", {
+								class: "node-expand",
+								onClick: ($event) => toggleConnection(connection)
+							}, [createBaseVNode("i", { class: normalizeClass(["bi bi-chevron-right", { "expanded": expandedConnections.value.has(connection.id) }]) }, null, 2)], 8, _hoisted_12),
+							createBaseVNode("div", {
+								class: "node-main",
+								onClick: ($event) => selectConnection(connection)
+							}, [createBaseVNode("div", _hoisted_14, [createBaseVNode("div", { class: normalizeClass(["db-logo", getDbLogoClass(connection.type)]) }, toDisplayString(getDbLogoText(connection.type)), 3)]), createBaseVNode("div", _hoisted_15, [createBaseVNode("span", _hoisted_16, toDisplayString(connection.name), 1), createBaseVNode("span", _hoisted_17, toDisplayString(getDbTypeLabel(connection.type)), 1)])], 8, _hoisted_13),
+							createBaseVNode("div", _hoisted_18, [
+								createBaseVNode("button", {
+									class: "btn btn-sm btn-icon",
+									onClick: withModifiers(($event) => refreshConnection(connection), ["stop"]),
+									title: _ctx.$t("connection.refreshConnection")
+								}, [..._cache[3] || (_cache[3] = [createBaseVNode("i", { class: "bi bi-arrow-clockwise" }, null, -1)])], 8, _hoisted_19),
+								createBaseVNode("button", {
+									class: "btn btn-sm btn-icon",
+									onClick: withModifiers(($event) => editConnection(connection), ["stop"]),
+									title: _ctx.$t("connection.editConnectionTitle")
+								}, [..._cache[4] || (_cache[4] = [createBaseVNode("i", { class: "bi bi-pencil" }, null, -1)])], 8, _hoisted_20),
+								createBaseVNode("button", {
+									class: "btn btn-sm btn-icon",
+									onClick: withModifiers(($event) => testConnection(connection), ["stop"]),
+									title: _ctx.$t("connection.testConnection")
+								}, [..._cache[5] || (_cache[5] = [createBaseVNode("i", { class: "bi bi-wifi" }, null, -1)])], 8, _hoisted_21),
+								createBaseVNode("button", {
+									class: "btn btn-sm btn-icon btn-icon-danger",
+									onClick: withModifiers(($event) => deleteConnection(connection), ["stop"]),
+									title: _ctx.$t("connection.deleteConnection")
+								}, [..._cache[6] || (_cache[6] = [createBaseVNode("i", { class: "bi bi-trash" }, null, -1)])], 8, _hoisted_22)
+							]),
+							loadingConnections.value.has(connection.id) ? (openBlock(), createElementBlock("div", _hoisted_23, [..._cache[7] || (_cache[7] = [createBaseVNode("div", { class: "spinner-border spinner-border-sm" }, null, -1)])])) : createCommentVNode("", true)
+						]), expandedConnections.value.has(connection.id) ? (openBlock(), createElementBlock("div", _hoisted_24, [(openBlock(true), createElementBlock(Fragment, null, renderList(getDatabasesForConnection(connection.id), (database) => {
 							return openBlock(), createElementBlock("div", {
-								key: connection.id,
-								class: normalizeClass(["tree-node connection-node", { "selected": selectedConnection.value?.id === connection.id && !selectedDatabase.value && !selectedTable.value }])
-							}, [createBaseVNode("div", _hoisted_11, [
+								key: `${connection.id}-${database}`,
+								class: normalizeClass(["tree-node database-node", { "selected": selectedDatabase.value === database && selectedConnection.value?.id === connection.id && !selectedTable.value }])
+							}, [createBaseVNode("div", _hoisted_25, [
 								createBaseVNode("div", {
 									class: "node-expand",
-									onClick: ($event) => toggleConnection(connection)
-								}, [createBaseVNode("i", { class: normalizeClass(["bi bi-chevron-right", { "expanded": expandedConnections.value.has(connection.id) }]) }, null, 2)], 8, _hoisted_12),
+									onClick: ($event) => toggleDatabase(connection, database)
+								}, [createBaseVNode("i", { class: normalizeClass(["bi bi-chevron-right", { "expanded": expandedDatabases.value.has(`${connection.id}-${database}`) }]) }, null, 2)], 8, _hoisted_26),
 								createBaseVNode("div", {
 									class: "node-main",
-									onClick: ($event) => selectConnection(connection)
-								}, [createBaseVNode("div", _hoisted_14, [createBaseVNode("div", { class: normalizeClass(["db-logo", getDbLogoClass(connection.type)]) }, toDisplayString(getDbLogoText(connection.type)), 3)]), createBaseVNode("div", _hoisted_15, [createBaseVNode("span", _hoisted_16, toDisplayString(connection.name), 1), createBaseVNode("span", _hoisted_17, toDisplayString(getDbTypeLabel(connection.type)), 1)])], 8, _hoisted_13),
-								createBaseVNode("div", _hoisted_18, [
-									createBaseVNode("button", {
-										class: "btn btn-sm btn-icon",
-										onClick: withModifiers(($event) => refreshConnection(connection), ["stop"]),
-										title: _ctx.$t("connection.refreshConnection")
-									}, [..._cache[3] || (_cache[3] = [createBaseVNode("i", { class: "bi bi-arrow-clockwise" }, null, -1)])], 8, _hoisted_19),
-									createBaseVNode("button", {
-										class: "btn btn-sm btn-icon",
-										onClick: withModifiers(($event) => editConnection(connection), ["stop"]),
-										title: _ctx.$t("connection.editConnectionTitle")
-									}, [..._cache[4] || (_cache[4] = [createBaseVNode("i", { class: "bi bi-pencil" }, null, -1)])], 8, _hoisted_20),
-									createBaseVNode("button", {
-										class: "btn btn-sm btn-icon",
-										onClick: withModifiers(($event) => testConnection(connection), ["stop"]),
-										title: _ctx.$t("connection.testConnection")
-									}, [..._cache[5] || (_cache[5] = [createBaseVNode("i", { class: "bi bi-wifi" }, null, -1)])], 8, _hoisted_21),
-									createBaseVNode("button", {
-										class: "btn btn-sm btn-icon btn-icon-danger",
-										onClick: withModifiers(($event) => deleteConnection(connection), ["stop"]),
-										title: _ctx.$t("connection.deleteConnection")
-									}, [..._cache[6] || (_cache[6] = [createBaseVNode("i", { class: "bi bi-trash" }, null, -1)])], 8, _hoisted_22)
-								]),
-								loadingConnections.value.has(connection.id) ? (openBlock(), createElementBlock("div", _hoisted_23, [..._cache[7] || (_cache[7] = [createBaseVNode("div", { class: "spinner-border spinner-border-sm" }, null, -1)])])) : createCommentVNode("", true)
-							]), expandedConnections.value.has(connection.id) ? (openBlock(), createElementBlock("div", _hoisted_24, [(openBlock(true), createElementBlock(Fragment, null, renderList(getDatabasesForConnection(connection.id), (database) => {
+									onClick: ($event) => selectDatabase(connection, database)
+								}, [_cache[8] || (_cache[8] = createBaseVNode("div", { class: "node-icon" }, [createBaseVNode("i", { class: "bi bi-database" })], -1)), createBaseVNode("div", _hoisted_28, [createBaseVNode("span", _hoisted_29, toDisplayString(database), 1)])], 8, _hoisted_27),
+								createBaseVNode("div", _hoisted_30, [createBaseVNode("button", {
+									class: "btn btn-sm btn-icon",
+									onClick: withModifiers(($event) => refreshDatabase(connection, database), ["stop"]),
+									title: _ctx.$t("explorer.refreshDatabase")
+								}, [..._cache[9] || (_cache[9] = [createBaseVNode("i", { class: "bi bi-arrow-clockwise" }, null, -1)])], 8, _hoisted_31), createBaseVNode("button", {
+									class: "btn btn-sm btn-icon btn-icon-danger",
+									onClick: withModifiers(($event) => deleteDatabase(connection, database), ["stop"]),
+									title: _ctx.$t("explorer.deleteDatabase")
+								}, [..._cache[10] || (_cache[10] = [createBaseVNode("i", { class: "bi bi-trash" }, null, -1)])], 8, _hoisted_32)]),
+								loadingDatabases.value.has(`${connection.id}-${database}`) ? (openBlock(), createElementBlock("div", _hoisted_33, [..._cache[11] || (_cache[11] = [createBaseVNode("div", { class: "spinner-border spinner-border-sm" }, null, -1)])])) : createCommentVNode("", true)
+							]), expandedDatabases.value.has(`${connection.id}-${database}`) ? (openBlock(), createElementBlock("div", _hoisted_34, [(openBlock(true), createElementBlock(Fragment, null, renderList(getTablesForDatabase(connection.id, database), (table) => {
 								return openBlock(), createElementBlock("div", {
-									key: `${connection.id}-${database}`,
-									class: normalizeClass(["tree-node database-node", { "selected": selectedDatabase.value === database && selectedConnection.value?.id === connection.id && !selectedTable.value }])
-								}, [createBaseVNode("div", _hoisted_25, [
-									createBaseVNode("div", {
-										class: "node-expand",
-										onClick: ($event) => toggleDatabase(connection, database)
-									}, [createBaseVNode("i", { class: normalizeClass(["bi bi-chevron-right", { "expanded": expandedDatabases.value.has(`${connection.id}-${database}`) }]) }, null, 2)], 8, _hoisted_26),
+									key: `${connection.id}-${database}-${table.name}`,
+									class: normalizeClass(["tree-node table-node", { "selected": selectedTable.value?.name === table.name && selectedDatabase.value === database && selectedConnection.value?.id === connection.id }])
+								}, [createBaseVNode("div", _hoisted_35, [
+									_cache[14] || (_cache[14] = createBaseVNode("div", { class: "node-icon" }, [createBaseVNode("i", { class: "bi bi-table" })], -1)),
 									createBaseVNode("div", {
 										class: "node-main",
-										onClick: ($event) => selectDatabase(connection, database)
-									}, [_cache[8] || (_cache[8] = createBaseVNode("div", { class: "node-icon" }, [createBaseVNode("i", { class: "bi bi-database" })], -1)), createBaseVNode("div", _hoisted_28, [createBaseVNode("span", _hoisted_29, toDisplayString(database), 1)])], 8, _hoisted_27),
-									createBaseVNode("div", _hoisted_30, [createBaseVNode("button", {
+										onClick: ($event) => selectTable(connection, database, table)
+									}, [createBaseVNode("div", _hoisted_37, [createBaseVNode("span", _hoisted_38, toDisplayString(table.name), 1), table.rowCount !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_39, toDisplayString(formatNumber(table.rowCount)) + " " + toDisplayString(_ctx.$t("explorer.rowsSuffix")), 1)) : createCommentVNode("", true)])], 8, _hoisted_36),
+									createBaseVNode("div", _hoisted_40, [createBaseVNode("button", {
 										class: "btn btn-sm btn-icon",
-										onClick: withModifiers(($event) => refreshDatabase(connection, database), ["stop"]),
-										title: _ctx.$t("explorer.refreshDatabase")
-									}, [..._cache[9] || (_cache[9] = [createBaseVNode("i", { class: "bi bi-arrow-clockwise" }, null, -1)])], 8, _hoisted_31), createBaseVNode("button", {
-										class: "btn btn-sm btn-icon btn-icon-danger",
-										onClick: withModifiers(($event) => deleteDatabase(connection, database), ["stop"]),
-										title: _ctx.$t("explorer.deleteDatabase")
-									}, [..._cache[10] || (_cache[10] = [createBaseVNode("i", { class: "bi bi-trash" }, null, -1)])], 8, _hoisted_32)]),
-									loadingDatabases.value.has(`${connection.id}-${database}`) ? (openBlock(), createElementBlock("div", _hoisted_33, [..._cache[11] || (_cache[11] = [createBaseVNode("div", { class: "spinner-border spinner-border-sm" }, null, -1)])])) : createCommentVNode("", true)
-								]), expandedDatabases.value.has(`${connection.id}-${database}`) ? (openBlock(), createElementBlock("div", _hoisted_34, [(openBlock(true), createElementBlock(Fragment, null, renderList(getTablesForDatabase(connection.id, database), (table) => {
-									return openBlock(), createElementBlock("div", {
-										key: `${connection.id}-${database}-${table.name}`,
-										class: normalizeClass(["tree-node table-node", { "selected": selectedTable.value?.name === table.name && selectedDatabase.value === database && selectedConnection.value?.id === connection.id }])
-									}, [createBaseVNode("div", _hoisted_35, [
-										_cache[14] || (_cache[14] = createBaseVNode("div", { class: "node-icon" }, [createBaseVNode("i", { class: "bi bi-table" })], -1)),
-										createBaseVNode("div", {
-											class: "node-main",
-											onClick: ($event) => selectTable(connection, database, table)
-										}, [createBaseVNode("div", _hoisted_37, [createBaseVNode("span", _hoisted_38, toDisplayString(table.name), 1), table.rowCount !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_39, toDisplayString(formatNumber(table.rowCount)) + " " + toDisplayString(_ctx.$t("explorer.rowsSuffix")), 1)) : createCommentVNode("", true)])], 8, _hoisted_36),
-										createBaseVNode("div", _hoisted_40, [createBaseVNode("button", {
-											class: "btn btn-sm btn-icon",
-											onClick: withModifiers(($event) => refreshTable(connection, database, table), ["stop"]),
-											title: _ctx.$t("explorer.refreshTable")
-										}, [..._cache[12] || (_cache[12] = [createBaseVNode("i", { class: "bi bi-arrow-clockwise" }, null, -1)])], 8, _hoisted_41), createBaseVNode("button", {
-											class: "btn btn-sm btn-icon",
-											onClick: withModifiers(($event) => viewTableStructure(connection, database, table), ["stop"]),
-											title: _ctx.$t("explorer.viewStructure")
-										}, [..._cache[13] || (_cache[13] = [createBaseVNode("i", { class: "bi bi-diagram-3" }, null, -1)])], 8, _hoisted_42)])
-									])], 2);
-								}), 128))])) : createCommentVNode("", true)], 2);
+										onClick: withModifiers(($event) => refreshTable(connection, database, table), ["stop"]),
+										title: _ctx.$t("explorer.refreshTable")
+									}, [..._cache[12] || (_cache[12] = [createBaseVNode("i", { class: "bi bi-arrow-clockwise" }, null, -1)])], 8, _hoisted_41), createBaseVNode("button", {
+										class: "btn btn-sm btn-icon",
+										onClick: withModifiers(($event) => viewTableStructure(connection, database, table), ["stop"]),
+										title: _ctx.$t("explorer.viewStructure")
+									}, [..._cache[13] || (_cache[13] = [createBaseVNode("i", { class: "bi bi-diagram-3" }, null, -1)])], 8, _hoisted_42)])
+								])], 2);
 							}), 128))])) : createCommentVNode("", true)], 2);
-						}), 128))]),
-						connections.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_43, [_cache[16] || (_cache[16] = createBaseVNode("div", { class: "empty-icon" }, [createBaseVNode("i", { class: "bi bi-inbox" })], -1)), createBaseVNode("div", _hoisted_44, [createBaseVNode("p", null, toDisplayString(_ctx.$t("connection.noConnectionYet")), 1), createBaseVNode("button", {
-							class: "btn btn-primary btn-sm",
-							onClick: showAddConnectionModal
-						}, [_cache[15] || (_cache[15] = createBaseVNode("i", { class: "bi bi-plus" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("explorer.addConnection")), 1)])])])) : createCommentVNode("", true),
-						createBaseVNode("div", {
-							class: "sidebar-tool-info",
-							onClick: showAboutPage
-						}, [_cache[18] || (_cache[18] = createBaseVNode("div", { class: "tool-logo" }, [createBaseVNode("i", { class: "bi bi-info-circle" })], -1)), createBaseVNode("div", _hoisted_45, [_cache[17] || (_cache[17] = createBaseVNode("div", { class: "tool-name" }, "fdb2", -1)), createBaseVNode("div", _hoisted_46, toDisplayString(_ctx.$t("connection.aboutTool")), 1)])])
-					])]), createBaseVNode("div", _hoisted_47, [showAbout.value ? (openBlock(), createBlock(about_default, { key: 0 })) : selectedConnection.value && !selectedDatabase.value && !selectedTable.value ? (openBlock(), createBlock(connection_detail_default, {
-						key: 1,
+						}), 128))])) : createCommentVNode("", true)], 2);
+					}), 128))]), connections.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_43, [_cache[16] || (_cache[16] = createBaseVNode("div", { class: "empty-icon" }, [createBaseVNode("i", { class: "bi bi-inbox" })], -1)), createBaseVNode("div", _hoisted_44, [createBaseVNode("p", null, toDisplayString(_ctx.$t("connection.noConnectionYet")), 1), createBaseVNode("button", {
+						class: "btn btn-primary btn-sm",
+						onClick: showAddConnectionModal
+					}, [_cache[15] || (_cache[15] = createBaseVNode("i", { class: "bi bi-plus" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("explorer.addConnection")), 1)])])])) : createCommentVNode("", true)])]), createBaseVNode("div", _hoisted_45, [selectedConnection.value && !selectedDatabase.value && !selectedTable.value ? (openBlock(), createBlock(connection_detail_default, {
+						key: 0,
 						connection: selectedConnection.value,
 						onTestConnection: handleTestConnection,
 						onEditConnection: handleEditConnection,
@@ -59687,7 +59720,7 @@ var init_explorer_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 						onViewLogs: handleViewLogs,
 						onCreateDatabase: handleCreateDatabase
 					}, null, 8, ["connection"])) : selectedConnection.value && selectedDatabase.value && !selectedTable.value ? (openBlock(), createBlock(database_detail_default, {
-						key: 2,
+						key: 1,
 						connection: selectedConnection.value,
 						database: selectedDatabase.value,
 						tables: getTablesForDatabase(selectedConnection.value.id || "", selectedDatabase.value),
@@ -59696,7 +59729,8 @@ var init_explorer_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 						onSelectTable: selectTable,
 						onRefreshDatabase: handleRefreshDatabase,
 						onCreateTable: handleCreateTable,
-						onExecuteSql: handleExecuteSql
+						onExecuteSql: handleExecuteSql,
+						onNavigateConnection: goToConnection
 					}, null, 8, [
 						"connection",
 						"database",
@@ -59704,7 +59738,7 @@ var init_explorer_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 						"database-info",
 						"loading"
 					])) : selectedConnection.value && selectedDatabase.value && selectedTable.value ? (openBlock(), createBlock(table_detail_default, {
-						key: 3,
+						key: 2,
 						connection: selectedConnection.value,
 						database: selectedDatabase.value,
 						table: selectedTable.value,
@@ -59722,7 +59756,9 @@ var init_explorer_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 						onTruncateTable: handleTruncateTable,
 						onEditRow: handleEditRow,
 						onDeleteRow: handleDeleteRow,
-						onExecuteSql: handleExecuteSql
+						onExecuteSql: handleExecuteSql,
+						onNavigateConnection: goToConnection,
+						onNavigateDatabase: goToDatabase
 					}, null, 8, [
 						"connection",
 						"database",
@@ -59733,8 +59769,8 @@ var init_explorer_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 						"total",
 						"sql-result",
 						"sql-executing"
-					])) : (openBlock(), createElementBlock("div", _hoisted_48, [createBaseVNode("div", _hoisted_49, [
-						_cache[19] || (_cache[19] = createBaseVNode("div", { class: "default-icon" }, [createBaseVNode("i", { class: "bi bi-diagram-3" })], -1)),
+					])) : (openBlock(), createElementBlock("div", _hoisted_46, [createBaseVNode("div", _hoisted_47, [
+						_cache[17] || (_cache[17] = createBaseVNode("div", { class: "default-icon" }, [createBaseVNode("i", { class: "bi bi-diagram-3" })], -1)),
 						createBaseVNode("h5", null, toDisplayString(_ctx.$t("explorer.defaultTitle")), 1),
 						createBaseVNode("p", null, toDisplayString(_ctx.$t("explorer.defaultDesc")), 1)
 					])]))])]),
@@ -59753,8 +59789,8 @@ var init_explorer_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	});
 }));
 //#endregion
-//#region src/platform/database/explorer.vue?vue&type=style&index=0&scoped=2566be8b&lang.css
-var init_explorer_vue_vue_type_style_index_0_scoped_2566be8b_lang = __esmMin((() => {}));
+//#region src/platform/database/explorer.vue?vue&type=style&index=0&scoped=50189218&lang.css
+var init_explorer_vue_vue_type_style_index_0_scoped_50189218_lang = __esmMin((() => {}));
 //#endregion
 //#region src/platform/database/explorer.vue
 var explorer_default;
@@ -59762,8 +59798,8 @@ var explorer_default;
 __esmMin((() => {
 	init_explorer_vue_vue_type_script_setup_true_lang();
 	init_explorer_vue_vue_type_script_setup_true_lang();
-	init_explorer_vue_vue_type_style_index_0_scoped_2566be8b_lang();
+	init_explorer_vue_vue_type_style_index_0_scoped_50189218_lang();
 	init__plugin_vue_export_helper();
-	explorer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(explorer_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2566be8b"]]);
+	explorer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(explorer_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-50189218"]]);
 }))();
 export { explorer_default as default };