fdb2 1.0.35 → 1.0.37

package/dist/public/explorer.js

@@ -1,6 +1,6 @@
 import { i as __require, n as __esmMin, t as __commonJSMin } from "./rolldown-runtime.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 { _ 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 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,7 +414,7 @@ var init_database = __esmMin((() => {
 }));
 //#endregion
 //#region src/components/connection-editor/index.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$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$5, _hoisted_49$5, _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$5, _hoisted_53$5, _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();
@@ -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" };
@@ -479,7 +479,7 @@ var init_index_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	_hoisted_50$5 = { class: "section-header" };
 	_hoisted_51$5 = { class: "section-title" };
 	_hoisted_52$5 = { class: "section-content" };
-	_hoisted_53$4 = { class: "form-group-modern" };
+	_hoisted_53$5 = { class: "form-group-modern" };
 	_hoisted_54$4 = { class: "form-label-modern" };
 	_hoisted_55$4 = { class: "form-check-modern" };
 	_hoisted_56$4 = {
@@ -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))
@@ -825,7 +825,7 @@ var init_index_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 							"onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => connectionForm.value.password = $event),
 							placeholder: _ctx.$t("connection.passwordPlaceholder")
 						}, 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$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", {
+						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$5, [createBaseVNode("div", _hoisted_53$5, [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,8 +53068,55 @@ 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$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((() => {
@@ -53072,6 +53132,7 @@ var init_sql_executor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	init_database();
 	init_modal();
 	init_export();
+	init_theme();
 	_hoisted_1$8 = { class: "sql-executor" };
 	_hoisted_2$8 = { class: "sql-toolbar" };
 	_hoisted_3$8 = { class: "toolbar-left" };
@@ -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,9 +53432,23 @@ 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();
@@ -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$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$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$4, _hoisted_49$4, _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$4, _hoisted_53$4, _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();
@@ -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" };
@@ -53501,7 +53576,7 @@ var init_connection_detail_vue_vue_type_script_setup_true_lang = __esmMin((() =>
 	_hoisted_50$4 = { class: "action-text" };
 	_hoisted_51$4 = { class: "action-text" };
 	_hoisted_52$4 = { class: "connection-tabs" };
-	_hoisted_53$3 = { class: "nav nav-tabs" };
+	_hoisted_53$4 = { class: "nav nav-tabs" };
 	_hoisted_54$3 = { class: "nav-item" };
 	_hoisted_55$3 = { class: "badge bg-primary ms-1" };
 	_hoisted_56$3 = { class: "nav-item" };
@@ -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 = {
@@ -53794,7 +53872,7 @@ var init_connection_detail_vue_vue_type_script_setup_true_lang = __esmMin((() =>
 					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)]),
@@ -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$4, [createBaseVNode("ul", _hoisted_53$4, [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
@@ -54957,7 +55031,7 @@ var init_database_types$1 = __esmMin((() => {
 			label: "VARCHAR",
 			category: "string",
 			requiresLength: true,
-			defaultLength: 1,
+			defaultLength: 255,
 			description: "可变长度字符串"
 		},
 		{
@@ -54979,7 +55053,7 @@ var init_database_types$1 = __esmMin((() => {
 			label: "NVARCHAR",
 			category: "string",
 			requiresLength: true,
-			defaultLength: 1,
+			defaultLength: 255,
 			description: "Unicode可变长度字符串"
 		},
 		{
@@ -55001,7 +55075,7 @@ var init_database_types$1 = __esmMin((() => {
 			label: "VARBINARY",
 			category: "binary",
 			requiresLength: true,
-			defaultLength: 1,
+			defaultLength: 255,
 			description: "可变长度二进制"
 		},
 		{
@@ -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$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$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$3, _hoisted_49$3, _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, _hoisted_52$3, _hoisted_53$3, CUSTOM_TYPE_VALUE, 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,31 +55273,38 @@ var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	init_modal();
 	init_database_types$1();
 	init_database_types();
-	_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_1$6 = {
+		key: 0,
+		class: "modal fade show",
+		style: {
+			"display": "block",
+			"background-color": "rgba(0,0,0,0.5)"
+		}
+	};
+	_hoisted_2$6 = { class: "modal-content" };
+	_hoisted_3$6 = { class: "modal-header" };
+	_hoisted_4$6 = { class: "modal-title" };
+	_hoisted_5$6 = { class: "modal-body" };
+	_hoisted_6$6 = { class: "table-info-section mb-4" };
+	_hoisted_7$6 = { class: "section-title" };
+	_hoisted_8$6 = { class: "row" };
+	_hoisted_9$6 = { class: "col-md-6" };
+	_hoisted_10$6 = { class: "mb-3" };
+	_hoisted_11$6 = { class: "form-label" };
+	_hoisted_12$6 = ["disabled", "placeholder"];
+	_hoisted_13$6 = { class: "col-md-6" };
+	_hoisted_14$6 = { class: "mb-3" };
+	_hoisted_15$6 = { class: "form-label" };
+	_hoisted_16$6 = ["placeholder"];
+	_hoisted_17$6 = { class: "columns-section" };
+	_hoisted_18$6 = { class: "section-header d-flex justify-content-between align-items-center mb-3" };
+	_hoisted_19$6 = { class: "section-title mb-0" };
+	_hoisted_20$6 = { class: "table-responsive" };
+	_hoisted_21$6 = { class: "table table-sm table-bordered" };
 	_hoisted_22$6 = { width: "120" };
 	_hoisted_23$6 = { width: "140" };
 	_hoisted_24$6 = { width: "120" };
-	_hoisted_25$5 = { width: "80" };
+	_hoisted_25$6 = { width: "80" };
 	_hoisted_26$5 = { width: "100" };
 	_hoisted_27$5 = { width: "80" };
 	_hoisted_28$5 = { width: "80" };
@@ -55233,30 +55314,32 @@ var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	_hoisted_32$4 = { value: "" };
 	_hoisted_33$4 = ["label"];
 	_hoisted_34$4 = ["value"];
-	_hoisted_35$4 = {
+	_hoisted_35$4 = ["onUpdate:modelValue", "placeholder"];
+	_hoisted_36$4 = {
 		key: 0,
 		class: "input-group input-group-sm"
 	};
-	_hoisted_36$4 = ["onUpdate:modelValue", "placeholder"];
 	_hoisted_37$4 = ["onUpdate:modelValue", "placeholder"];
 	_hoisted_38$4 = ["onUpdate:modelValue", "placeholder"];
-	_hoisted_39$4 = {
+	_hoisted_39$4 = ["onUpdate:modelValue", "placeholder"];
+	_hoisted_40$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$3 = ["onClick", "disabled"];
-	_hoisted_49$3 = { 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_41$4 = { class: "form-check" };
+	_hoisted_42$4 = ["onUpdate:modelValue"];
+	_hoisted_43$4 = ["onUpdate:modelValue", "placeholder"];
+	_hoisted_44$4 = { class: "form-check" };
+	_hoisted_45$4 = ["onUpdate:modelValue", "onChange"];
+	_hoisted_46$4 = { class: "form-check" };
+	_hoisted_47$4 = ["onUpdate:modelValue", "disabled"];
+	_hoisted_48$3 = ["onUpdate:modelValue", "placeholder"];
+	_hoisted_49$3 = ["onClick", "disabled"];
+	_hoisted_50$3 = { class: "sql-preview-section mt-4" };
+	_hoisted_51$3 = { class: "section-title" };
+	_hoisted_52$3 = { class: "sql-preview" };
+	_hoisted_53$3 = { class: "modal-footer" };
+	CUSTOM_TYPE_VALUE = "__custom__";
 	table_editor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 		__name: "table-editor",
 		props: {
@@ -55273,6 +55356,35 @@ var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 			const emit = __emit;
 			const databaseService = new DatabaseService();
 			const { t } = useI18n();
+			const dbType = computed(() => (props.connection?.type || "").toLowerCase());
+			const MYSQL_LIKE_TYPES = /* @__PURE__ */ new Set([
+				"mysql",
+				"mariadb",
+				"aurora-mysql",
+				"auroramysql"
+			]);
+			const POSTGRES_LIKE_TYPES = /* @__PURE__ */ new Set([
+				"postgres",
+				"postgresql",
+				"cockroachdb",
+				"aurora-postgres",
+				"aurorapostgres",
+				"aurora-postgresql"
+			]);
+			const isMySqlLike = () => MYSQL_LIKE_TYPES.has(dbType.value);
+			const isPostgresLike = () => POSTGRES_LIKE_TYPES.has(dbType.value);
+			function rawType(column) {
+				if (!column) return "";
+				return column.type === CUSTOM_TYPE_VALUE ? column.customType || "" : column.type || "";
+			}
+			function sqlType(column) {
+				const type = rawType(column);
+				if (dbType.value === "sqlite" && column?.isAutoIncrement && /^INT$/i.test(type.trim())) return "INTEGER";
+				return type;
+			}
+			function escapeSqlString(value) {
+				return String(value ?? "").replace(/'/g, "''");
+			}
 			const columnTypes = computed(() => {
 				if (!props.connection) return [];
 				return getColumnTypesByName(props.connection.type);
@@ -55291,6 +55403,7 @@ var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 				columns: [{
 					name: "",
 					type: "",
+					customType: "",
 					length: "",
 					precision: null,
 					scale: null,
@@ -55327,10 +55440,13 @@ var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 						tableName: props.table.name || "",
 						tableComment: props.table.comment || "",
 						columns: columns.map((col) => {
-							const parsed = parseColumnType(col.type || "");
+							const rawColType = col.type || "";
+							const parsed = parseColumnType(rawColType);
+							const isNonNumericParamType = /^[a-zA-Z\s]+\([^)]*'[^)]*\)$/.test(rawColType);
 							return {
 								name: col.name || "",
-								type: parsed.baseType,
+								type: isNonNumericParamType ? CUSTOM_TYPE_VALUE : parsed.baseType,
+								customType: isNonNumericParamType ? rawColType : col.customType || "",
 								length: col.length || parsed.length || "",
 								precision: col.precision || parsed.precision || null,
 								scale: col.scale || parsed.scale || null,
@@ -55345,12 +55461,14 @@ var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 					formData.value = { ...tableData };
 					originalTableData.value = JSON.parse(JSON.stringify(tableData));
 				} else {
+					const isCreateWithPrefill = props.mode === "create" && props.table;
 					formData.value = {
-						tableName: "",
-						tableComment: "",
+						tableName: isCreateWithPrefill ? props.table.name || "" : "",
+						tableComment: isCreateWithPrefill ? props.table.comment || "" : "",
 						columns: [{
 							name: "",
 							type: "",
+							customType: "",
 							length: "",
 							precision: null,
 							scale: null,
@@ -55368,14 +55486,79 @@ var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 					};
 				}
 			}
+			function isColumnDefinitionChanged(newCol, originalCol) {
+				return newCol.type !== originalCol.type || newCol.customType !== originalCol.customType || newCol.length !== originalCol.length || newCol.precision !== originalCol.precision || newCol.scale !== originalCol.scale || newCol.nullable !== originalCol.nullable || newCol.defaultValue !== originalCol.defaultValue || newCol.isPrimary !== originalCol.isPrimary || newCol.isAutoIncrement !== originalCol.isAutoIncrement || newCol.comment !== originalCol.comment;
+			}
+			function levenshtein(a, b) {
+				const m = a.length;
+				const n = b.length;
+				if (m === 0) return n;
+				if (n === 0) return m;
+				let prev = new Array(n + 1).fill(0);
+				let curr = new Array(n + 1).fill(0);
+				for (let j = 0; j <= n; j++) prev[j] = j;
+				for (let i = 1; i <= m; i++) {
+					curr[0] = i;
+					const aChar = a.charAt(i - 1);
+					for (let j = 1; j <= n; j++) {
+						const cost = aChar === b.charAt(j - 1) ? 0 : 1;
+						curr[j] = Math.min(curr[j - 1] + 1, prev[j] + 1, prev[j - 1] + cost);
+					}
+					const tmp = prev;
+					prev = curr;
+					curr = tmp;
+				}
+				return prev[n];
+			}
+			function renameNameScore(oldName, newName) {
+				const a = String(oldName || "").trim().toLowerCase();
+				const b = String(newName || "").trim().toLowerCase();
+				if (!a || !b || a === b) return 0;
+				if (a.startsWith(b) || b.startsWith(a)) return 3;
+				const maxLen = Math.max(a.length, b.length);
+				if (maxLen > 0 && levenshtein(a, b) <= Math.max(1, Math.floor(maxLen / 3))) return 1;
+				return 0;
+			}
+			/**
+			* 重命名检测：把「新增列」与「删除列」中名称相近的配成对。
+			* 否则改名会被生成为 DROP COLUMN + ADD COLUMN，导致原数据丢失。
+			*/
+			function matchRenamedColumns(addedColumns, deletedColumns) {
+				const pairs = [];
+				const usedOld = /* @__PURE__ */ new Set();
+				addedColumns.forEach((newCol, newIndex) => {
+					let bestOld = null;
+					let bestScore = 0;
+					deletedColumns.forEach((oldCol, oldIndex) => {
+						if (usedOld.has(oldCol)) return;
+						const score = renameNameScore(oldCol.name, newCol.name);
+						if (score === 0) return;
+						const total = score + (oldIndex === newIndex ? .1 : 0);
+						if (total > bestScore) {
+							bestScore = total;
+							bestOld = oldCol;
+						}
+					});
+					if (bestOld) {
+						usedOld.add(bestOld);
+						pairs.push({
+							oldColumn: bestOld,
+							newColumn: newCol
+						});
+					}
+				});
+				return pairs;
+			}
 			function calculateTableDiff() {
 				const diff = {
 					tableName: formData.value.tableName,
 					tableCommentChanged: formData.value.tableComment !== originalTableData.value.tableComment,
 					tableComment: formData.value.tableComment,
+					columnOrder: formData.value.columns.map((c) => c.name).filter(Boolean),
 					addedColumns: [],
 					modifiedColumns: [],
-					deletedColumns: []
+					deletedColumns: [],
+					renamedColumns: []
 				};
 				const originalColumnsMap = /* @__PURE__ */ new Map();
 				originalTableData.value.columns.forEach((col) => {
@@ -55384,20 +55567,33 @@ var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 				formData.value.columns.forEach((newCol) => {
 					const originalCol = originalColumnsMap.get(newCol.name);
 					if (!originalCol) diff.addedColumns.push(newCol);
-					else if (newCol.type !== originalCol.type || newCol.length !== originalCol.length || newCol.precision !== originalCol.precision || newCol.scale !== originalCol.scale || newCol.nullable !== originalCol.nullable || newCol.defaultValue !== originalCol.defaultValue || newCol.isPrimary !== originalCol.isPrimary || newCol.isAutoIncrement !== originalCol.isAutoIncrement || newCol.comment !== originalCol.comment) diff.modifiedColumns.push({
+					else if (isColumnDefinitionChanged(newCol, originalCol)) diff.modifiedColumns.push({
 						oldColumn: originalCol,
 						newColumn: newCol
 					});
 				});
-				originalTableData.value.columns.forEach((originalCol) => {
-					if (!formData.value.columns.some((newCol) => newCol.name === originalCol.name)) diff.deletedColumns.push(originalCol);
-				});
+				const deletedColumns = originalTableData.value.columns.filter((originalCol) => !formData.value.columns.some((newCol) => newCol.name === originalCol.name));
+				const renamedColumns = matchRenamedColumns(diff.addedColumns, deletedColumns);
+				if (renamedColumns.length > 0) {
+					const renamedNewNames = new Set(renamedColumns.map((r) => r.newColumn));
+					const renamedOldColumns = new Set(renamedColumns.map((r) => r.oldColumn));
+					diff.renamedColumns = renamedColumns;
+					diff.addedColumns = diff.addedColumns.filter((col) => !renamedNewNames.has(col));
+					diff.deletedColumns = deletedColumns.filter((col) => !renamedOldColumns.has(col));
+					renamedColumns.forEach(({ oldColumn, newColumn }) => {
+						if (isColumnDefinitionChanged(newColumn, oldColumn)) diff.modifiedColumns.push({
+							oldColumn,
+							newColumn
+						});
+					});
+				} else diff.deletedColumns = deletedColumns;
 				return diff;
 			}
 			function addColumn() {
 				formData.value.columns.push({
 					name: "",
 					type: "",
+					customType: "",
 					length: "",
 					precision: null,
 					scale: null,
@@ -55419,172 +55615,172 @@ var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 			}
 			function generateSQL() {
 				if (!formData.value.tableName) return "请输入表名";
+				const quoteIdentifier = getQuoter();
 				if (props.mode === "create") {
-					const quoteIdentifier = (name) => {
-						if (!props.connection) return `"${name}"`;
-						switch (props.connection.type.toLowerCase()) {
-							case "mysql": return `\`${name}\``;
-							case "postgres": return `"${name}"`;
-							case "sqlite": return `"${name}"`;
-							case "oracle": return `"${name.toUpperCase()}"`;
-							case "mssql": return `[${name}]`;
-							default: return `"${name}"`;
-						}
-					};
-					const columnsSQL = formData.value.columns.map((col) => {
-						if (!col.name || !col.type) return "";
-						let sql = `${quoteIdentifier(col.name)} ${col.type}`;
-						if (!col.type.includes("(") && col.length && (needsLength(col) || col.type.includes("CHAR"))) sql += `(${col.length})`;
-						else if (!col.type.includes("(") && col.precision) if (col.scale) sql += `(${col.precision},${col.scale})`;
-						else sql += `(${col.precision})`;
-						const isSqliteAutoIncrementPrimary = props.connection?.type.toLowerCase() === "sqlite" && col.isAutoIncrement && col.isPrimary;
-						if (!col.nullable && !isSqliteAutoIncrementPrimary) sql += " NOT NULL";
-						if (col.defaultValue) sql += ` DEFAULT ${formatDefaultValue(col.defaultValue, col.type)}`;
-						if (col.isAutoIncrement) switch (props.connection?.type.toLowerCase()) {
-							case "mysql":
-								sql += " AUTO_INCREMENT";
-								break;
-							case "postgres":
-								if (col.type.toLowerCase().includes("serial") || col.type.toLowerCase().includes("bigserial")) {} else sql += " GENERATED ALWAYS AS IDENTITY";
-								break;
-							case "sqlite":
-								if (col.type.toUpperCase() === "INT") sql = sql.replace(/\bINT\b/, "INTEGER");
-								if (col.isPrimary) sql += " PRIMARY KEY AUTOINCREMENT";
-								else sql += " AUTOINCREMENT";
-								break;
-							case "oracle": break;
-							case "mssql":
-								sql += " IDENTITY(1,1)";
-								break;
-						}
-						if (col.comment) switch (props.connection?.type.toLowerCase()) {
-							case "mysql":
-								sql += ` COMMENT '${col.comment}'`;
-								break;
-							case "postgres": break;
-							case "sqlite": break;
-							case "oracle":
-								sql += ` COMMENT '${col.comment}'`;
-								break;
-							case "mssql": break;
-						}
-						return sql;
-					}).filter((sql) => sql).join(",\n  ");
-					const primaryKeys = formData.value.columns.filter((col) => col.isPrimary).map((col) => quoteIdentifier(col.name));
+					const type = dbType.value;
+					const columnsSQL = formData.value.columns.filter((col) => col.name && rawType(col)).map((col) => buildColumnDefinition(col, quoteIdentifier)).join(",\n  ");
+					if (!columnsSQL) return "请至少完善一个字段";
+					const primaryKeys = formData.value.columns.filter((col) => col.isPrimary && col.name).map((col) => quoteIdentifier(col.name));
+					const hasSqliteAutoIncrementPrimary = type === "sqlite" && formData.value.columns.some((col) => col.isAutoIncrement && col.isPrimary && col.name);
 					let sql = `CREATE TABLE ${quoteIdentifier(formData.value.tableName)} (\n  ${columnsSQL}`;
-					const hasSqliteAutoIncrementPrimary = props.connection?.type.toLowerCase() === "sqlite" && formData.value.columns.some((col) => col.isAutoIncrement && col.isPrimary);
 					if (primaryKeys.length > 0 && !hasSqliteAutoIncrementPrimary) sql += `,\n  PRIMARY KEY (${primaryKeys.join(", ")})`;
 					sql += "\n)";
-					switch (props.connection?.type.toLowerCase()) {
-						case "mysql":
-							if (formData.value.tableComment) sql += ` COMMENT='${formData.value.tableComment}'`;
-							sql += " ENGINE=InnoDB DEFAULT CHARSET=utf8mb4";
-							break;
-						case "postgres": break;
-						case "oracle":
-							if (formData.value.tableComment) sql += ` COMMENT '${formData.value.tableComment}'`;
-							break;
-						case "mssql": break;
-					}
-					if (props.connection?.type.toLowerCase() === "postgres") {
-						const commentStatements = [];
-						if (formData.value.tableComment) commentStatements.push(`COMMENT ON TABLE ${quoteIdentifier(formData.value.tableName)} IS '${formData.value.tableComment}'`);
-						formData.value.columns.forEach((col) => {
-							if (col.comment) commentStatements.push(`COMMENT ON COLUMN ${quoteIdentifier(formData.value.tableName)}.${quoteIdentifier(col.name)} IS '${col.comment}'`);
-						});
-						if (commentStatements.length > 0) sql += ";\n" + commentStatements.join(";\n");
+					if (isMySqlLike()) {
+						if (formData.value.tableComment) sql += ` COMMENT='${escapeSqlString(formData.value.tableComment)}'`;
+						sql += " ENGINE=InnoDB DEFAULT CHARSET=utf8mb4";
 					}
+					const commentStatements = [];
+					if (formData.value.tableComment && (isPostgresLike() || dbType.value === "oracle")) commentStatements.push(`COMMENT ON TABLE ${quoteIdentifier(formData.value.tableName)} IS '${escapeSqlString(formData.value.tableComment)}'`);
+					formData.value.columns.forEach((col) => {
+						if (!col.name || !col.comment) return;
+						if (isPostgresLike() || dbType.value === "oracle") commentStatements.push(`COMMENT ON COLUMN ${quoteIdentifier(formData.value.tableName)}.${quoteIdentifier(col.name)} IS '${escapeSqlString(col.comment)}'`);
+					});
+					if (commentStatements.length > 0) sql += ";\n" + commentStatements.join(";\n");
 					return sql;
 				} else {
-					const quoteIdentifier = (name) => {
-						if (!props.connection) return `"${name}"`;
-						switch (props.connection.type.toLowerCase()) {
-							case "mysql": return `\`${name}\``;
-							case "postgres": return `"${name}"`;
-							case "sqlite": return `"${name}"`;
-							case "oracle": return `"${name.toUpperCase()}"`;
-							case "mssql": return `[${name}]`;
-							default: return `"${name}"`;
-						}
-					};
-					const sqlStatements = [];
-					const tableName = formData.value.tableName;
-					if (formData.value.tableComment) switch (props.connection?.type.toLowerCase()) {
+					const diff = calculateTableDiff();
+					const tableName = diff.tableName;
+					const statements = [];
+					if (diff.tableCommentChanged && diff.tableComment) {
+						if (isMySqlLike()) statements.push(`ALTER TABLE ${quoteIdentifier(tableName)} COMMENT='${escapeSqlString(diff.tableComment)}'`);
+						else if (isPostgresLike() || dbType.value === "oracle") statements.push(`COMMENT ON TABLE ${quoteIdentifier(tableName)} IS '${escapeSqlString(diff.tableComment)}'`);
+						else if (dbType.value === "mssql" || dbType.value === "sqlserver") statements.push(`EXEC sp_addextendedproperty @name=N'MS_Description', @value=N'${escapeSqlString(diff.tableComment)}', @level0type=N'SCHEMA', @level0name=N'dbo', @level1type=N'TABLE', @level1name=N'${escapeSqlString(tableName)}'`);
+					}
+					diff.renamedColumns.forEach(({ oldColumn, newColumn }) => {
+						if (isMySqlLike()) statements.push(`ALTER TABLE ${quoteIdentifier(tableName)} CHANGE COLUMN ${quoteIdentifier(oldColumn.name)} ${quoteIdentifier(newColumn.name)} ${sqlType(newColumn)}${getTypeParams(newColumn)}${buildColumnAttributes(newColumn)}`);
+						else if (isPostgresLike()) statements.push(`ALTER TABLE ${quoteIdentifier(tableName)} RENAME COLUMN ${quoteIdentifier(oldColumn.name)} TO ${quoteIdentifier(newColumn.name)}`);
+						else if (dbType.value === "oracle") statements.push(`ALTER TABLE ${quoteIdentifier(tableName)} RENAME COLUMN ${quoteIdentifier(oldColumn.name)} TO ${quoteIdentifier(newColumn.name)}`);
+						else if (dbType.value === "mssql" || dbType.value === "sqlserver") statements.push(`EXEC sp_rename N'dbo.${escapeSqlString(tableName)}.${escapeSqlString(oldColumn.name)}', N'${escapeSqlString(newColumn.name)}', N'COLUMN'`);
+						else if (dbType.value === "sqlite") statements.push(`ALTER TABLE ${quoteIdentifier(tableName)} RENAME COLUMN ${quoteIdentifier(oldColumn.name)} TO ${quoteIdentifier(newColumn.name)}`);
+					});
+					diff.addedColumns.forEach((col) => {
+						const def = buildColumnAttributes(col);
+						if (dbType.value === "oracle") statements.push(`ALTER TABLE ${quoteIdentifier(tableName)} ADD (${quoteIdentifier(col.name)} ${sqlType(col)}${getTypeParams(col)}${def})`);
+						else if (dbType.value === "mssql" || dbType.value === "sqlserver") statements.push(`ALTER TABLE ${quoteIdentifier(tableName)} ADD ${quoteIdentifier(col.name)} ${sqlType(col)}${getTypeParams(col)}${def}`);
+						else statements.push(`ALTER TABLE ${quoteIdentifier(tableName)} ADD COLUMN ${quoteIdentifier(col.name)} ${sqlType(col)}${getTypeParams(col)}${def}`);
+						const colComment = buildColumnCommentStatement(col);
+						if (colComment) statements.push(colComment);
+					});
+					diff.modifiedColumns.forEach((modification) => {
+						const col = modification.newColumn;
+						const def = buildColumnAttributes(col);
+						if (isMySqlLike() && diff.renamedColumns.some((r) => r.oldColumn === modification.oldColumn)) return;
+						if (isMySqlLike()) statements.push(`ALTER TABLE ${quoteIdentifier(tableName)} MODIFY COLUMN ${quoteIdentifier(col.name)} ${sqlType(col)}${getTypeParams(col)}${def}`);
+						else if (isPostgresLike()) {
+							statements.push(`ALTER TABLE ${quoteIdentifier(tableName)} ALTER COLUMN ${quoteIdentifier(col.name)} TYPE ${sqlType(col)}${getTypeParams(col)}`);
+							statements.push(col.nullable ? `ALTER TABLE ${quoteIdentifier(tableName)} ALTER COLUMN ${quoteIdentifier(col.name)} DROP NOT NULL` : `ALTER TABLE ${quoteIdentifier(tableName)} ALTER COLUMN ${quoteIdentifier(col.name)} SET NOT NULL`);
+							if (col.defaultValue) statements.push(`ALTER TABLE ${quoteIdentifier(tableName)} ALTER COLUMN ${quoteIdentifier(col.name)} SET DEFAULT ${formatDefaultValue(col.defaultValue, sqlType(col))}`);
+							else statements.push(`ALTER TABLE ${quoteIdentifier(tableName)} ALTER COLUMN ${quoteIdentifier(col.name)} DROP DEFAULT`);
+						} else if (dbType.value === "mssql" || dbType.value === "sqlserver") {
+							statements.push(`ALTER TABLE ${quoteIdentifier(tableName)} ALTER COLUMN ${quoteIdentifier(col.name)} ${sqlType(col)}${getTypeParams(col)} ${col.nullable ? "NULL" : "NOT NULL"}`);
+							if (col.defaultValue) statements.push(`ALTER TABLE ${quoteIdentifier(tableName)} ADD CONSTRAINT DF_${tableName}_${col.name} DEFAULT ${formatDefaultValue(col.defaultValue, sqlType(col))} FOR ${quoteIdentifier(col.name)}`);
+							else statements.push(`ALTER TABLE ${quoteIdentifier(tableName)} DROP CONSTRAINT DF_${tableName}_${col.name}`);
+						} else if (dbType.value === "oracle") statements.push(`ALTER TABLE ${quoteIdentifier(tableName)} MODIFY (${quoteIdentifier(col.name)} ${sqlType(col)}${getTypeParams(col)}${def})`);
+						else if (dbType.value === "sqlite") statements.push(`-- SQLite 不支持直接修改列 "${col.name}"，需要重建表`);
+						const colComment = buildColumnCommentStatement(col);
+						if (colComment) statements.push(colComment);
+					});
+					diff.deletedColumns.forEach((col) => {
+						if (dbType.value === "sqlite") statements.push(`-- SQLite 不支持直接删除列 "${col.name}"，需要重建表`);
+						else statements.push(`ALTER TABLE ${quoteIdentifier(tableName)} DROP COLUMN ${quoteIdentifier(col.name)}`);
+					});
+					const oldPk = originalTableData.value.columns.filter((c) => c.isPrimary).map((c) => quoteIdentifier(c.name));
+					const newPk = formData.value.columns.filter((c) => c.isPrimary && c.name).map((c) => quoteIdentifier(c.name));
+					if (oldPk.join(",") !== newPk.join(",")) {
+						if (isMySqlLike()) {
+							statements.push(`ALTER TABLE ${quoteIdentifier(tableName)} DROP PRIMARY KEY`);
+							statements.push(`ALTER TABLE ${quoteIdentifier(tableName)} ADD PRIMARY KEY (${newPk.join(", ")})`);
+						} else if (isPostgresLike() || dbType.value === "oracle" || dbType.value === "mssql" || dbType.value === "sqlserver") {
+							statements.push(`-- 需要先手动删除旧主键约束，再执行：`);
+							statements.push(`ALTER TABLE ${quoteIdentifier(tableName)} ADD CONSTRAINT ${quoteIdentifier(`${tableName}_pkey`)} PRIMARY KEY (${newPk.join(", ")})`);
+						} else if (dbType.value === "sqlite") statements.push(`-- SQLite 修改主键需要重建表`);
+					}
+					if (statements.length === 0) return "没有检测到任何修改";
+					return statements.join(";\n") + ";";
+				}
+			}
+			function buildColumnAttributes(col) {
+				const type = sqlType(col);
+				let sql = "";
+				const isSqliteAutoIncrementPrimary = dbType.value === "sqlite" && col.isAutoIncrement && col.isPrimary;
+				if (!col.nullable && !isSqliteAutoIncrementPrimary) sql += " NOT NULL";
+				if (col.defaultValue) sql += ` DEFAULT ${formatDefaultValue(col.defaultValue, type)}`;
+				if (col.isAutoIncrement) {
+					if (isMySqlLike()) sql += " AUTO_INCREMENT";
+					else if (isPostgresLike()) {
+						if (!type.toLowerCase().includes("serial")) sql += " GENERATED ALWAYS AS IDENTITY";
+					} else if (dbType.value === "sqlite") sql += col.isPrimary ? " PRIMARY KEY AUTOINCREMENT" : " AUTOINCREMENT";
+					else if (dbType.value === "oracle") {
+						if (type.toLowerCase().includes("number")) sql += " GENERATED BY DEFAULT AS IDENTITY";
+					} else if (dbType.value === "mssql" || dbType.value === "sqlserver") sql += " IDENTITY(1,1)";
+				}
+				if (col.comment && isMySqlLike()) sql += ` COMMENT '${escapeSqlString(col.comment)}'`;
+				return sql;
+			}
+			function buildColumnDefinition(col, quoteIdentifier) {
+				return `${quoteIdentifier(col.name)} ${sqlType(col)}${getTypeParams(col)}${buildColumnAttributes(col)}`;
+			}
+			function buildColumnCommentStatement(col) {
+				if (!col.comment) return "";
+				const quoteIdentifier = getQuoter();
+				if (isPostgresLike() || dbType.value === "oracle") return `COMMENT ON COLUMN ${quoteIdentifier(formData.value.tableName)}.${quoteIdentifier(col.name)} IS '${escapeSqlString(col.comment)}'`;
+				if (dbType.value === "mssql" || dbType.value === "sqlserver") return `EXEC sp_addextendedproperty @name=N'MS_Description', @value=N'${escapeSqlString(col.comment)}', @level0type=N'SCHEMA', @level0name=N'dbo', @level1type=N'TABLE', @level1name=N'${escapeSqlString(formData.value.tableName)}', @level2type=N'COLUMN', @level2name=N'${escapeSqlString(col.name)}'`;
+				return "";
+			}
+			function getQuoter() {
+				return (name) => {
+					if (!props.connection) return `"${name}"`;
+					switch (dbType.value) {
 						case "mysql":
-							sqlStatements.push(`ALTER TABLE ${quoteIdentifier(tableName)} COMMENT='${formData.value.tableComment}'`);
-							break;
+						case "mariadb":
+						case "aurora-mysql":
+						case "auroramysql":
+						case "clickhouse":
+						case "click-house": return `\`${name}\``;
 						case "postgres":
-							sqlStatements.push(`COMMENT ON TABLE ${quoteIdentifier(tableName)} IS '${formData.value.tableComment}'`);
-							break;
-						case "oracle":
-							sqlStatements.push(`COMMENT ON TABLE ${quoteIdentifier(tableName)} IS '${formData.value.tableComment}'`);
-							break;
+						case "postgresql":
+						case "cockroachdb":
+						case "aurora-postgres":
+						case "aurorapostgres":
+						case "aurora-postgresql":
+						case "sqlite": return `"${name}"`;
+						case "oracle": return `"${name.toUpperCase()}"`;
 						case "mssql":
-							sqlStatements.push(`EXEC sp_addextendedproperty 'MS_Description', '${formData.value.tableComment}', 'SCHEMA', 'dbo', 'TABLE', '${tableName}'`);
-							break;
-					}
-					formData.value.columns.forEach((col) => {
-						if (!col.name || !col.type) return;
-						let columnSQL = `${quoteIdentifier(col.name)} ${col.type}`;
-						if (!col.type.includes("(") && col.length && (needsLength(col) || col.type.includes("CHAR"))) columnSQL += `(${col.length})`;
-						else if (!col.type.includes("(") && col.precision) if (col.scale) columnSQL += `(${col.precision},${col.scale})`;
-						else columnSQL += `(${col.precision})`;
-						if (!col.nullable) columnSQL += " NOT NULL";
-						else columnSQL += " NULL";
-						if (col.defaultValue) columnSQL += ` DEFAULT ${formatDefaultValue(col.defaultValue, col.type)}`;
-						let commentStatement = "";
-						if (col.comment) switch (props.connection?.type.toLowerCase()) {
-							case "mysql":
-								columnSQL += ` COMMENT '${col.comment}'`;
-								break;
-							case "postgres":
-								commentStatement = `COMMENT ON COLUMN ${quoteIdentifier(tableName)}.${quoteIdentifier(col.name)} IS '${col.comment}'`;
-								break;
-							case "oracle":
-								columnSQL += ` COMMENT '${col.comment}'`;
-								break;
-							case "mssql":
-								commentStatement = `EXEC sp_addextendedproperty 'MS_Description', '${col.comment}', 'SCHEMA', 'dbo', 'TABLE', '${tableName}', 'COLUMN', '${col.name}'`;
-								break;
-						}
-						switch (props.connection?.type.toLowerCase()) {
-							case "mysql":
-								sqlStatements.push(`ALTER TABLE ${quoteIdentifier(tableName)} MODIFY COLUMN ${columnSQL}`);
-								break;
-							case "postgres":
-							case "mssql":
-								sqlStatements.push(`ALTER TABLE ${quoteIdentifier(tableName)} ALTER COLUMN ${columnSQL}`);
-								break;
-							case "oracle":
-								sqlStatements.push(`ALTER TABLE ${quoteIdentifier(tableName)} MODIFY ${columnSQL}`);
-								break;
-							case "sqlite":
-								sqlStatements.push(`-- SQLite 不支持直接修改列，需要重建表`);
-								break;
-						}
-						if (commentStatement) sqlStatements.push(commentStatement);
-					});
-					const primaryKeys = formData.value.columns.filter((col) => col.isPrimary).map((col) => quoteIdentifier(col.name));
-					if (primaryKeys.length > 0) {
-						sqlStatements.push(`ALTER TABLE ${quoteIdentifier(tableName)} DROP PRIMARY KEY`);
-						sqlStatements.push(`ALTER TABLE ${quoteIdentifier(tableName)} ADD PRIMARY KEY (${primaryKeys.join(", ")})`);
-					}
-					return sqlStatements.join(";\n") + ";";
-				}
-			}
+						case "sqlserver": return `[${name}]`;
+						default: return `"${name}"`;
+					}
+				};
+			}
+			const DEFAULT_KEYWORDS = /* @__PURE__ */ new Set([
+				"current_timestamp",
+				"now()",
+				"current_date",
+				"current_time",
+				"localtimestamp",
+				"localtime",
+				"current_user",
+				"sysdate",
+				"systimestamp",
+				"getdate()",
+				"getutcdate()",
+				"sysdatetime()",
+				"sysdatetimeoffset()",
+				"sysutcdatetime()",
+				"newid()",
+				"newsequentialid()",
+				"gen_random_uuid()",
+				"uuid_generate_v4()"
+			]);
 			function formatDefaultValue(value, type) {
 				if (value === null || value === void 0 || value === "") return "NULL";
-				const lowerValue = String(value).toLowerCase();
-				if ([
-					"current_timestamp",
-					"now()",
-					"current_date",
-					"current_time",
-					"localtimestamp",
-					"localtime"
-				].includes(lowerValue)) return value;
+				const raw = String(value).trim();
+				const lower = raw.toLowerCase();
+				if (lower === "null") return "NULL";
+				if (DEFAULT_KEYWORDS.has(lower)) return raw;
+				if (/^[a-z_][a-z0-9_]*\s*\(\s*\)$/.test(lower)) return raw;
+				if (/^current_timestamp\s*\(\s*\d+\s*\)$/.test(lower)) return raw;
 				const lowerType = type.toLowerCase();
-				if (isNumericType(lowerType) && !isNaN(value)) return String(value);
+				if (isNumericType(lowerType) && !isNaN(Number(raw))) return raw;
 				if (isBooleanType(lowerType)) return value ? "TRUE" : "FALSE";
 				return `'${String(value).replace(/'/g, "''")}'`;
 			}
@@ -55594,7 +55790,7 @@ var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 						await modal.warning("请输入表名");
 						return;
 					}
-					if (formData.value.columns.some((col) => !col.name || !col.type)) {
+					if (formData.value.columns.some((col) => !col.name || !rawType(col))) {
 						await modal.warning("请完善所有字段信息");
 						return;
 					}
@@ -55608,7 +55804,7 @@ var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 						result = await databaseService.executeQuery(props.connection.id, sql, props.database);
 					} else {
 						const tableDiff = calculateTableDiff();
-						if (tableDiff.addedColumns.length === 0 && tableDiff.modifiedColumns.length === 0 && tableDiff.deletedColumns.length === 0 && !tableDiff.tableCommentChanged) {
+						if (tableDiff.addedColumns.length === 0 && tableDiff.modifiedColumns.length === 0 && tableDiff.deletedColumns.length === 0 && tableDiff.renamedColumns.length === 0 && !tableDiff.tableCommentChanged) {
 							await modal.info("没有检测到任何修改");
 							return;
 						}
@@ -55651,9 +55847,16 @@ var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 				}[category] || category;
 			}
 			function getSelectedType(column) {
-				if (!column.type) return null;
-				const typeName = column.type.match(/^[a-zA-Z]+/)?.[0] || column.type;
-				return columnTypes.value.find((t) => t.name.toLowerCase() === typeName.toLowerCase());
+				const raw = rawType(column);
+				if (!raw) return null;
+				if (raw.includes("(")) return null;
+				const lower = raw.trim().toLowerCase();
+				let typeInfo = columnTypes.value.find((t) => t.name.toLowerCase() === lower);
+				if (!typeInfo) {
+					const typeName = lower.match(/^[a-zA-Z]+/)?.[0] || lower;
+					typeInfo = columnTypes.value.find((t) => t.name.toLowerCase() === typeName);
+				}
+				return typeInfo || null;
 			}
 			function needsLength(column) {
 				return getSelectedType(column)?.requiresLength || false;
@@ -55664,6 +55867,22 @@ var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 			function needsScale(column) {
 				return getSelectedType(column)?.requiresScale || false;
 			}
+			function getTypeParams(column) {
+				const raw = rawType(column);
+				if (!raw || raw.includes("(")) return "";
+				const typeInfo = getSelectedType(column);
+				if (typeInfo?.requiresPrecision) {
+					const precision = column.precision || typeInfo.defaultPrecision;
+					const scale = column.scale || typeInfo.defaultScale;
+					if (precision == null) return "";
+					return scale != null ? `(${precision},${scale})` : `(${precision})`;
+				}
+				if (typeInfo?.requiresLength) {
+					const length = column.length || typeInfo.defaultLength;
+					if (length != null) return `(${length})`;
+				}
+				return "";
+			}
 			function supportsAutoIncrement(column) {
 				return getSelectedType(column)?.supportsAutoIncrement || false;
 			}
@@ -55671,48 +55890,40 @@ var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 				if (props.visible) initFormData();
 			});
 			return (_ctx, _cache) => {
-				return __props.visible ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					class: "modal fade show",
-					style: {
-						"display": "block",
-						"background-color": "rgba(0,0,0,0.5)"
-					},
-					onClick: close
-				}, [createBaseVNode("div", {
+				return __props.visible ? (openBlock(), createElementBlock("div", _hoisted_1$6, [createBaseVNode("div", {
 					class: "modal-dialog modal-lg",
 					style: {
 						"width": "80%",
 						"max-width": "none"
 					},
 					onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"]))
-				}, [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", {
+				}, [createBaseVNode("div", _hoisted_2$6, [
+					createBaseVNode("div", _hoisted_3$6, [createBaseVNode("h5", _hoisted_4$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$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", {
+					createBaseVNode("div", _hoisted_5$6, [
+						createBaseVNode("div", _hoisted_6$6, [createBaseVNode("h6", _hoisted_7$6, toDisplayString(_ctx.$t("tableEditor.tableInfo")), 1), createBaseVNode("div", _hoisted_8$6, [createBaseVNode("div", _hoisted_9$6, [createBaseVNode("div", _hoisted_10$6, [createBaseVNode("label", _hoisted_11$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$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", {
+						}, null, 8, _hoisted_12$6), [[vModelText, formData.value.tableName]])])]), createBaseVNode("div", _hoisted_13$6, [createBaseVNode("div", _hoisted_14$6, [createBaseVNode("label", _hoisted_15$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$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", {
+						}, null, 8, _hoisted_16$6), [[vModelText, formData.value.tableComment]])])])])]),
+						createBaseVNode("div", _hoisted_17$6, [createBaseVNode("div", _hoisted_18$6, [createBaseVNode("h6", _hoisted_19$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, [
+						}, [_cache[4] || (_cache[4] = createBaseVNode("i", { class: "bi bi-plus-lg" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("tableEditor.addColumn")), 1)])]), createBaseVNode("div", _hoisted_20$6, [createBaseVNode("table", _hoisted_21$6, [createBaseVNode("thead", null, [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_25$6, 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),
@@ -55729,79 +55940,89 @@ var init_table_editor_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 								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) => {
-									return openBlock(), createElementBlock("optgroup", {
-										key: category,
-										label: getCategoryLabel(category)
-									}, [(openBlock(true), createElementBlock(Fragment, null, renderList(types, (type) => {
-										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, [
+								}, [
+									createBaseVNode("option", _hoisted_32$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)
+										}, [(openBlock(true), createElementBlock(Fragment, null, renderList(types, (type) => {
+											return openBlock(), createElementBlock("option", {
+												key: type.name,
+												value: type.name
+											}, toDisplayString(type.label), 9, _hoisted_34$4);
+										}), 128))], 8, _hoisted_33$4);
+									}), 128)),
+									createBaseVNode("option", { value: CUSTOM_TYPE_VALUE }, toDisplayString(_ctx.$t("tableEditor.customType")), 1)
+								], 8, _hoisted_31$4), [[vModelSelect, column.type]]), column.type === CUSTOM_TYPE_VALUE ? withDirectives((openBlock(), createElementBlock("input", {
+									key: 0,
+									"onUpdate:modelValue": ($event) => column.customType = $event,
+									type: "text",
+									class: "form-control form-control-sm mt-1",
+									placeholder: _ctx.$t("tableEditor.customTypePlaceholder")
+								}, null, 8, _hoisted_35$4)), [[vModelText, column.customType]]) : createCommentVNode("", true)]),
+								createBaseVNode("td", null, [needsLength(column) || needsPrecision(column) ? (openBlock(), createElementBlock("div", _hoisted_36$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_37$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_38$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_39$4)), [[vModelText, column.scale]]) : createCommentVNode("", true)
+								])) : (openBlock(), createElementBlock("span", _hoisted_40$4, "-"))]),
+								createBaseVNode("td", null, [createBaseVNode("div", _hoisted_41$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_42$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_43$4), [[vModelText, column.defaultValue]])]),
+								createBaseVNode("td", null, [createBaseVNode("div", _hoisted_44$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_45$4), [[vModelCheckbox, column.isPrimary]])])]),
+								createBaseVNode("td", null, [createBaseVNode("div", _hoisted_46$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_47$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_48$3), [[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$3)])
+								}, [..._cache[5] || (_cache[5] = [createBaseVNode("i", { class: "bi bi-trash" }, null, -1)])], 8, _hoisted_49$3)])
 							]);
 						}), 128))])])])]),
-						createBaseVNode("div", _hoisted_49$3, [createBaseVNode("h6", _hoisted_50$3, toDisplayString(_ctx.$t("tableEditor.sqlPreview")), 1), createBaseVNode("pre", _hoisted_51$3, toDisplayString(generateSQL()), 1)])
+						createBaseVNode("div", _hoisted_50$3, [createBaseVNode("h6", _hoisted_51$3, toDisplayString(_ctx.$t("tableEditor.sqlPreview")), 1), createBaseVNode("pre", _hoisted_52$3, toDisplayString(generateSQL()), 1)])
 					]),
-					createBaseVNode("div", _hoisted_52$3, [createBaseVNode("button", {
+					createBaseVNode("div", _hoisted_53$3, [createBaseVNode("button", {
 						type: "button",
 						class: "btn btn-secondary",
 						onClick: close
@@ -55816,21 +56037,21 @@ 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=b80d5611&lang.css
+var init_table_editor_vue_vue_type_style_index_0_scoped_b80d5611_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_b80d5611_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-b80d5611"]]);
 }));
 //#endregion
 //#region src/platform/database/components/db-tools.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$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$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 _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();
@@ -55864,7 +56085,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"
@@ -56422,7 +56643,7 @@ var init_db_tools_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 					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 +56651,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$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$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$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 +56697,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 +56725,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, [
@@ -56563,7 +56784,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-a123948c>MySQL</option><option value=\"postgresql\" data-v-a123948c>PostgreSQL</option><option value=\"sqlite\" data-v-a123948c>SQLite</option><option value=\"sqlserver\" data-v-a123948c>SQL Server</option><option value=\"oracle\" data-v-a123948c>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 +56924,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=a123948c&lang.css
+var init_db_tools_vue_vue_type_style_index_0_scoped_a123948c_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_a123948c_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-a123948c"]]);
 }));
 //#endregion
 //#region src/platform/database/components/database-detail.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$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$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, 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();
@@ -56733,173 +56954,174 @@ var init_database_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	_hoisted_5$4 = { class: "database-meta" };
 	_hoisted_6$4 = { class: "database-name" };
 	_hoisted_7$4 = { class: "connection-info" };
-	_hoisted_8$4 = { class: "connection-name" };
-	_hoisted_9$4 = { class: "connection-type" };
-	_hoisted_10$4 = { class: "database-stats" };
-	_hoisted_11$4 = { class: "stat-item" };
-	_hoisted_12$4 = { class: "stat-value" };
-	_hoisted_13$4 = { class: "stat-label" };
-	_hoisted_14$4 = { class: "stat-item" };
-	_hoisted_15$4 = { class: "stat-value" };
-	_hoisted_16$4 = { class: "stat-label" };
-	_hoisted_17$4 = { class: "database-tabs" };
-	_hoisted_18$4 = { class: "nav nav-tabs" };
-	_hoisted_19$4 = { class: "nav-item" };
+	_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$1 = ["onClick"];
-	_hoisted_49$1 = {
+	_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 +57135,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;
@@ -56933,7 +57156,8 @@ var init_database_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 			const procedures = ref([]);
 			const editingProcedure = ref(null);
 			const showTableEditor = ref(false);
-			const editingTableName = ref("");
+			const tableEditorMode = ref("create");
+			const editingTable = ref(null);
 			const tables = computed(() => {
 				return props.tables || [];
 			});
@@ -56970,21 +57194,39 @@ var init_database_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 			}
 			function createTable() {
 				if (!newTable.value.name.trim()) return;
-				editingTableName.value = newTable.value.name;
+				tableEditorMode.value = "create";
+				editingTable.value = {
+					name: newTable.value.name,
+					comment: newTable.value.comment,
+					rowCount: 0,
+					dataSize: 0,
+					indexSize: 0,
+					columns: []
+				};
 				showTableEditor.value = true;
 				showCreateTable.value = false;
 			}
-			function editTable(table) {
-				editingTableName.value = table.name;
-				showTableEditor.value = true;
+			async function editTable(table) {
+				if (!props.connection?.id) return;
+				try {
+					const response = await databaseService.getTableInfo(props.connection.id, props.database, table.name);
+					editingTable.value = response.data || null;
+					tableEditorMode.value = "edit";
+					showTableEditor.value = true;
+				} catch (error) {
+					console.error("获取表结构失败:", error);
+					modal.error(t("databaseDetail.getTableInfoFailed"));
+				}
 			}
 			function createNewTable() {
-				editingTableName.value = "";
+				tableEditorMode.value = "create";
+				editingTable.value = null;
 				showTableEditor.value = true;
 			}
 			function closeTableEditor() {
 				showTableEditor.value = false;
-				editingTableName.value = "";
+				tableEditorMode.value = "create";
+				editingTable.value = null;
 			}
 			onMounted(() => {
 				if (props.connection?.id && props.database) {
@@ -57159,216 +57401,225 @@ var init_database_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 			}
 			return (_ctx, _cache) => {
 				return openBlock(), createElementBlock("div", _hoisted_1$4, [
-					createBaseVNode("div", _hoisted_2$4, [createBaseVNode("div", _hoisted_3$4, [createBaseVNode("div", _hoisted_4$4, [_cache[19] || (_cache[19] = 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", _hoisted_8$4, toDisplayString(__props.connection?.name), 1), createBaseVNode("span", _hoisted_9$4, toDisplayString(getDbTypeLabel(__props.connection?.type)), 1)])])]), createBaseVNode("div", _hoisted_10$4, [createBaseVNode("div", _hoisted_11$4, [createBaseVNode("div", _hoisted_12$4, toDisplayString(__props.databaseInfo?.tableCount || 0), 1), createBaseVNode("div", _hoisted_13$4, toDisplayString(_ctx.$t("connection.tableCount")), 1)]), createBaseVNode("div", _hoisted_14$4, [createBaseVNode("div", _hoisted_15$4, toDisplayString(formatSize(__props.databaseInfo?.size || 0)), 1), createBaseVNode("div", _hoisted_16$4, 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)]),
+					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$1)])])], 8, _hoisted_32$2);
-						}), 128))]), !tables.value || tables.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_49$1, [
-							_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",
@@ -57379,8 +57630,8 @@ var init_database_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 						visible: showTableEditor.value,
 						connection: __props.connection,
 						database: __props.database,
-						"table-name": editingTableName.value,
-						mode: editingTableName.value ? "edit" : "create",
+						table: editingTable.value,
+						mode: tableEditorMode.value,
 						onClose: closeTableEditor,
 						onSubmit: handleTableChange,
 						onExecuteSql: handleExecuteSQL
@@ -57388,7 +57639,7 @@ var init_database_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 						"visible",
 						"connection",
 						"database",
-						"table-name",
+						"table",
 						"mode"
 					])
 				]);
@@ -57397,21 +57648,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=a6f90f39&lang.css
+var init_database_detail_vue_vue_type_style_index_0_scoped_a6f90f39_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_a6f90f39_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-a6f90f39"]]);
 }));
 //#endregion
 //#region src/platform/database/components/data-editor.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$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();
@@ -57471,7 +57722,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 +57797,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)" }
 									})
 								]
 							}),
@@ -57820,7 +58071,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 +58080,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",
@@ -57855,24 +58106,25 @@ 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$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, 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$2 = { class: "table-data-grid" };
 	_hoisted_2$2 = { class: "data-grid-wrapper" };
@@ -57912,8 +58164,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: {
@@ -58050,6 +58303,7 @@ 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({
@@ -58104,33 +58358,41 @@ 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
@@ -58146,6 +58408,8 @@ var init_table_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	init_export();
 	init_modal();
 	init_database_types();
+	init_detect();
+	init_rpc();
 	_hoisted_1$1 = { class: "table-detail" };
 	_hoisted_2$1 = { class: "table-header" };
 	_hoisted_3$1 = { class: "table-header-content" };
@@ -58153,9 +58417,9 @@ var init_table_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 	_hoisted_5$1 = { class: "table-meta" };
 	_hoisted_6$1 = { class: "table-name" };
 	_hoisted_7$1 = { class: "table-breadcrumb" };
-	_hoisted_8$1 = { class: "connection" };
-	_hoisted_9$1 = { class: "database" };
-	_hoisted_10$1 = { class: "table" };
+	_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,
@@ -58260,7 +58524,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 +58770,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 +58832,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) {
@@ -58582,11 +58871,19 @@ var init_table_detail_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 			}
 			return (_ctx, _cache) => {
 				return openBlock(), createElementBlock("div", _hoisted_1$1, [
-					createBaseVNode("div", _hoisted_2$1, [createBaseVNode("div", _hoisted_3$1, [createBaseVNode("div", _hoisted_4$1, [_cache[13] || (_cache[13] = 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", _hoisted_8$1, toDisplayString(__props.connection?.name), 1),
-						_cache[11] || (_cache[11] = createBaseVNode("i", { class: "bi bi-chevron-right" }, null, -1)),
-						createBaseVNode("span", _hoisted_9$1, toDisplayString(__props.database), 1),
-						_cache[12] || (_cache[12] = createBaseVNode("i", { class: "bi bi-chevron-right" }, null, -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),
@@ -58598,71 +58895,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 +58979,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 +58997,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, "-"))]),
-								createBaseVNode("td", null, [column.isAutoIncrement ? (openBlock(), createElementBlock("span", _hoisted_49, [_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 +59024,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 +59049,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,17 +59099,17 @@ 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"]]);
+	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
@@ -58951,6 +59248,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) {
@@ -58968,12 +59266,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;
 					}
@@ -59107,6 +59408,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;
@@ -59574,7 +59896,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",
@@ -59600,7 +59923,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",
@@ -59631,8 +59956,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=96b10f51&lang.css
-var init_explorer_vue_vue_type_style_index_0_scoped_96b10f51_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;
@@ -59640,8 +59965,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_96b10f51_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-96b10f51"]]);
+	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 };