fdb2 1.0.6 → 1.0.8

package/dist/public/explorer.js

@@ -186,13 +186,11 @@ class DatabaseService {
   /**
    * 修改表结构
    */
-  async alterTable(connectionId, database, tableName, columns, oldColumns) {
+  async alterTable(connectionId, database, tableDiff) {
     return request("/api/database/alterTable", {
       id: connectionId,
       database,
-      tableName,
-      columns,
-      oldColumns
+      tableDiff
     });
   }
   /**
@@ -473,7 +471,6 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     }
     async function saveConnection(closeModal = true) {
       try {
-        debugger;
         const validation = validateConnection(connectionForm.value);
         if (!validation.isValid) {
           errorMessage.value = validation.message;
@@ -892,7 +889,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ConnectionEditor = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-093594aa"]]);
+const ConnectionEditor = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-144c6980"]]);
 class ModalHelper {
   /**
    * 获取全局modal实例
@@ -6837,7 +6834,7 @@ class TileBuilder {
     this.flushBuffer();
     let parent = this.ensureMarks(marks, openStart);
     let prev = parent.lastChild;
-    if (prev && prev.isText() && !(prev.flags & 8)) {
+    if (prev && prev.isText() && !(prev.flags & 8) && prev.length + text.length < 512) {
       this.cache.reused.set(
         prev,
         2
@@ -7346,7 +7343,7 @@ class TileUpdate {
             pos++;
           } else {
             b.ensureLine(pendingLineAttrs);
-            b.addText(chars, active, openStart);
+            b.addText(chars, active, pos == from2 ? openStart : active.length);
             pos += chars.length;
           }
           pendingLineAttrs = null;
@@ -8292,6 +8289,8 @@ function posAtCoords(view, coords, precise, scanY) {
     if (scanY == null)
       break;
     if (block.type == BlockType.Text) {
+      if (scanY < 0 ? block.to < view.viewport.from : block.from > view.viewport.to)
+        break;
       let rect = view.docView.coordsAt(scanY < 0 ? block.from : block.to, scanY);
       if (rect && (scanY < 0 ? rect.top <= yOffset + docTop : rect.bottom >= yOffset + docTop))
         break;
@@ -13051,7 +13050,7 @@ function rectanglesForRange(view, className, range) {
     return pieces(top2).concat(between).concat(pieces(bottom));
   }
   function piece(left, top2, right, bottom) {
-    return new RectangleMarker(className, left - base2.left, top2 - base2.top, right - left, bottom - top2);
+    return new RectangleMarker(className, left - base2.left, top2 - base2.top, Math.max(0, right - left), bottom - top2);
   }
   function pieces({ top: top2, bottom, horizontal }) {
     let pieces2 = [];
@@ -14367,11 +14366,10 @@ class TreeNode extends BaseNode {
     return this.from + this._tree.length;
   }
   nextChild(i, dir, pos, side, mode = 0) {
-    var _a2;
     for (let parent = this; ; ) {
       for (let { children, positions } = parent._tree, e = dir > 0 ? children.length : -1; i != e; i += dir) {
-        let next = children[i], start = positions[i] + parent.from;
-        if (!(mode & IterMode.EnterBracketed && next instanceof Tree && ((_a2 = MountedTree.get(next)) === null || _a2 === void 0 ? void 0 : _a2.overlay) === null && (start >= pos || start + next.length <= pos)) && !checkSide(side, pos, start, start + next.length))
+        let next = children[i], start = positions[i] + parent.from, mounted;
+        if (!(mode & IterMode.EnterBracketed && next instanceof Tree && (mounted = MountedTree.get(next)) && !mounted.overlay && mounted.bracketed && pos >= start && pos <= start + next.length) && !checkSide(side, pos, start, start + next.length))
           continue;
         if (next instanceof TreeBuffer) {
           if (mode & IterMode.ExcludeBuffers)
@@ -14380,9 +14378,9 @@ class TreeNode extends BaseNode {
           if (index > -1)
             return new BufferNode(new BufferContext(parent, next, i, start), null, index);
         } else if (mode & IterMode.IncludeAnonymous || (!next.type.isAnonymous || hasChild(next))) {
-          let mounted;
-          if (!(mode & IterMode.IgnoreMounts) && (mounted = MountedTree.get(next)) && !mounted.overlay)
-            return new TreeNode(mounted.tree, start, i, parent);
+          let mounted2;
+          if (!(mode & IterMode.IgnoreMounts) && (mounted2 = MountedTree.get(next)) && !mounted2.overlay)
+            return new TreeNode(mounted2.tree, start, i, parent);
           let inner = new TreeNode(next, start, i, parent);
           return mode & IterMode.IncludeAnonymous || !inner.type.isAnonymous ? inner : inner.nextChild(dir < 0 ? next.children.length - 1 : 0, dir, pos, side, mode);
         }
@@ -45151,6 +45149,69 @@ function getColumnTypesByName(databaseTypeName) {
   const type = Object.values(DatabaseType).find((t2) => t2 === databaseTypeName.toLowerCase());
   return type ? getColumnTypes(type) : [];
 }
+function isNumericType(type) {
+  const numericTypes = [
+    "int",
+    "integer",
+    "tinyint",
+    "smallint",
+    "mediumint",
+    "bigint",
+    "decimal",
+    "numeric",
+    "float",
+    "double",
+    "real",
+    "number",
+    "smallserial",
+    "serial",
+    "bigserial",
+    "money",
+    "smallmoney",
+    "binary_float",
+    "binary_double"
+  ];
+  return numericTypes.some((t2) => type.toLowerCase().includes(t2));
+}
+function isTextType(type) {
+  const textTypes = [
+    "text",
+    "longtext",
+    "mediumtext",
+    "tinytext",
+    "clob",
+    "nclob",
+    "ntext"
+  ];
+  return textTypes.some((t2) => type.toLowerCase().includes(t2));
+}
+function isDateTimeType(type) {
+  const dateTimeTypes = [
+    "date",
+    "datetime",
+    "timestamp",
+    "time",
+    "year",
+    "time with time zone",
+    "timestamp with time zone",
+    "timestamp with local time zone",
+    "interval",
+    "datetimeoffset",
+    "datetime2",
+    "smalldatetime"
+  ];
+  return dateTimeTypes.some((t2) => type.toLowerCase().includes(t2));
+}
+function isBooleanType(type) {
+  const booleanTypes = ["boolean", "bool", "bit", "tinyint(1)"];
+  return booleanTypes.some((t2) => type.toLowerCase().includes(t2));
+}
+function isJsonType(type) {
+  return ["json", "jsonb"].includes(type.toLowerCase());
+}
+function isArrayType(type) {
+  return type.toLowerCase().endsWith("[]");
+}
 const _hoisted_1$5 = { class: "modal-content" };
 const _hoisted_2$5 = { class: "modal-header" };
 const _hoisted_3$5 = { class: "modal-title" };
@@ -45198,6 +45259,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     connection: {},
     database: {},
     table: {},
+    columns: {},
     mode: {}
   },
   emits: ["close", "submit"],
@@ -45233,12 +45295,18 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         comment: ""
       }]
     });
+    const originalTableData = ref({
+      tableName: "",
+      tableComment: "",
+      columns: []
+    });
     function initFormData() {
       if (props.mode === "edit" && props.table) {
-        formData.value = {
+        const columns = props.columns || props.table.columns || [];
+        const tableData = {
           tableName: props.table.name || "",
           tableComment: props.table.comment || "",
-          columns: props.table.columns?.map((col) => ({
+          columns: columns.map((col) => ({
             name: col.name || "",
             type: col.type || "",
             length: col.length || "",
@@ -45251,6 +45319,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             comment: col.comment || ""
           })) || []
         };
+        formData.value = { ...tableData };
+        originalTableData.value = JSON.parse(JSON.stringify(tableData));
       } else {
         formData.value = {
           tableName: "",
@@ -45268,8 +45338,48 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             comment: ""
           }]
         };
+        originalTableData.value = {
+          tableName: "",
+          tableComment: "",
+          columns: []
+        };
       }
     }
+    function calculateTableDiff() {
+      const diff = {
+        tableName: formData.value.tableName,
+        tableCommentChanged: formData.value.tableComment !== originalTableData.value.tableComment,
+        tableComment: formData.value.tableComment,
+        addedColumns: [],
+        modifiedColumns: [],
+        deletedColumns: []
+      };
+      const originalColumnsMap = /* @__PURE__ */ new Map();
+      originalTableData.value.columns.forEach((col) => {
+        originalColumnsMap.set(col.name, col);
+      });
+      formData.value.columns.forEach((newCol) => {
+        const originalCol = originalColumnsMap.get(newCol.name);
+        if (!originalCol) {
+          diff.addedColumns.push(newCol);
+        } else {
+          const isModified = 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;
+          if (isModified) {
+            diff.modifiedColumns.push({
+              oldColumn: originalCol,
+              newColumn: newCol
+            });
+          }
+        }
+      });
+      originalTableData.value.columns.forEach((originalCol) => {
+        const existsInNew = formData.value.columns.some((newCol) => newCol.name === originalCol.name);
+        if (!existsInNew) {
+          diff.deletedColumns.push(originalCol);
+        }
+      });
+      return diff;
+    }
     function addColumn() {
       formData.value.columns.push({
         name: "",
@@ -45324,9 +45434,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         const columnsSQL = formData.value.columns.map((col) => {
           if (!col.name || !col.type) return "";
           let sql22 = `${quoteIdentifier(col.name)} ${col.type}`;
-          if (col.length && (needsLength(col) || col.type.includes("CHAR"))) {
+          if (!col.type.includes("(") && col.length && (needsLength(col) || col.type.includes("CHAR"))) {
             sql22 += `(${col.length})`;
-          } else if (col.precision) {
+          } else if (!col.type.includes("(") && col.precision) {
             if (col.scale) {
               sql22 += `(${col.precision},${col.scale})`;
             } else {
@@ -45424,19 +45534,119 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         }
         return sql2;
       } else {
-        return `-- 表结构修改SQL（需要对比差异生成）
--- 当前表名: ${formData.value.tableName}`;
+        const quoteIdentifier = (name2) => {
+          if (!props.connection) return `"${name2}"`;
+          switch (props.connection.type.toLowerCase()) {
+            case "mysql":
+              return `\`${name2}\``;
+            case "postgres":
+              return `"${name2}"`;
+            case "sqlite":
+              return `"${name2}"`;
+            case "oracle":
+              return `"${name2.toUpperCase()}"`;
+            case "mssql":
+              return `[${name2}]`;
+            default:
+              return `"${name2}"`;
+          }
+        };
+        const sqlStatements = [];
+        const tableName = formData.value.tableName;
+        if (formData.value.tableComment) {
+          switch (props.connection?.type.toLowerCase()) {
+            case "mysql":
+              sqlStatements.push(`ALTER TABLE ${quoteIdentifier(tableName)} COMMENT='${formData.value.tableComment}'`);
+              break;
+            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 "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") + ";";
       }
     }
     function formatDefaultValue(value, type) {
       if (value === null || value === void 0 || value === "") {
         return "NULL";
       }
+      const lowerValue = String(value).toLowerCase();
+      const specialKeywords = ["current_timestamp", "now()", "current_date", "current_time", "localtimestamp", "localtime"];
+      if (specialKeywords.includes(lowerValue)) {
+        return value;
+      }
       const lowerType = type.toLowerCase();
-      if (isNumberInput(lowerType) && !isNaN(value)) {
+      if (isNumericType(lowerType) && !isNaN(value)) {
         return String(value);
       }
-      if (isBooleanInput(lowerType)) {
+      if (isBooleanType(lowerType)) {
         return value ? "TRUE" : "FALSE";
       }
       return `'${String(value).replace(/'/g, "''")}'`;
@@ -45451,16 +45661,30 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           await modal.warning("请完善所有字段信息");
           return;
         }
-        const sql2 = generateSQL();
         if (!props.connection?.id) {
           await modal.warning("请先选择数据库连接");
           return;
         }
-        const result = await databaseService2.executeQuery(
-          props.connection.id,
-          sql2,
-          props.database
-        );
+        let result;
+        if (props.mode === "create") {
+          const sql2 = generateSQL();
+          result = await databaseService2.executeQuery(
+            props.connection.id,
+            sql2,
+            props.database
+          );
+        } else {
+          const tableDiff = calculateTableDiff();
+          if (tableDiff.addedColumns.length === 0 && tableDiff.modifiedColumns.length === 0 && tableDiff.deletedColumns.length === 0 && !tableDiff.tableCommentChanged) {
+            await modal.info("没有检测到任何修改");
+            return;
+          }
+          result = await databaseService2.alterTable(
+            props.connection.id,
+            props.database,
+            tableDiff
+          );
+        }
         emit("submit", {
           success: result.ret === 0,
           message: result.ret === 0 ? "操作成功" : "操作失败",
@@ -45501,7 +45725,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       return labels[category] || category;
     }
     function getSelectedType(column) {
-      return columnTypes.value.find((t2) => t2.name === column.type);
+      if (!column.type) return null;
+      const typeName2 = column.type.match(/^[a-zA-Z]+/)?.[0] || column.type;
+      return columnTypes.value.find((t2) => t2.name.toLowerCase() === typeName2.toLowerCase());
     }
     function needsLength(column) {
       const typeInfo = getSelectedType(column);
@@ -45768,34 +45994,37 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableEditor = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-081084ef"]]);
+const TableEditor = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-dcd325b0"]]);
 const _hoisted_1$4 = { class: "db-tools" };
-const _hoisted_2$4 = { class: "modal-dialog" };
-const _hoisted_3$4 = { class: "modal-content" };
-const _hoisted_4$4 = { class: "modal-body" };
-const _hoisted_5$4 = { class: "mb-3" };
-const _hoisted_6$4 = {
+const _hoisted_2$4 = { class: "execution-results" };
+const _hoisted_3$4 = {
   key: 0,
-  class: "alert alert-info"
+  class: "no-results"
 };
-const _hoisted_7$4 = { class: "mb-3 form-check" };
-const _hoisted_8$4 = { class: "modal-footer" };
-const _hoisted_9$4 = ["disabled"];
-const _hoisted_10$4 = {
+const _hoisted_4$4 = ["onClick"];
+const _hoisted_5$4 = { class: "result-title" };
+const _hoisted_6$4 = { class: "operation-name" };
+const _hoisted_7$4 = { class: "operation-time" };
+const _hoisted_8$4 = {
   key: 0,
-  class: "spinner-border spinner-border-sm me-2"
+  class: "result-body"
 };
-const _hoisted_11$4 = { class: "modal-dialog modal-lg" };
-const _hoisted_12$4 = { class: "modal-content" };
-const _hoisted_13$4 = { class: "modal-body" };
+const _hoisted_9$4 = ["innerHTML"];
+const _hoisted_10$4 = { class: "modal-dialog" };
+const _hoisted_11$4 = { class: "modal-content" };
+const _hoisted_12$4 = { class: "modal-body" };
+const _hoisted_13$4 = { class: "mb-3" };
 const _hoisted_14$4 = {
   key: 0,
-  class: "text-center py-4"
+  class: "alert alert-info"
+};
+const _hoisted_15$4 = { class: "mb-3 form-check" };
+const _hoisted_16$4 = { class: "modal-footer" };
+const _hoisted_17$4 = ["disabled"];
+const _hoisted_18$4 = {
+  key: 0,
+  class: "spinner-border spinner-border-sm me-2"
 };
-const _hoisted_15$4 = { key: 1 };
-const _hoisted_16$4 = { class: "health-results" };
-const _hoisted_17$4 = { class: "health-status" };
-const _hoisted_18$4 = { class: "health-message text-wrap" };
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "db-tools",
   props: {
@@ -45808,95 +46037,174 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const databaseService2 = new DatabaseService();
     const restoreModalVisible = ref(false);
-    const healthModalVisible = ref(false);
     const selectedFile = ref(null);
     const restoring = ref(false);
-    const healthChecking = ref(false);
-    const healthResults = ref([]);
+    const resultsContentRef = ref(null);
+    const executionResults = ref([]);
     const restoreOptions = ref({
       dropExisting: false
     });
+    function addExecutionResult(operation, status, data) {
+      const timestamp = (/* @__PURE__ */ new Date()).toLocaleString("zh-CN", {
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit"
+      });
+      executionResults.value.unshift({
+        operation,
+        status,
+        timestamp,
+        data,
+        expanded: false
+      });
+      if (executionResults.value.length > 50) {
+        executionResults.value = executionResults.value.slice(0, 50);
+      }
+      setTimeout(() => {
+        if (resultsContentRef.value) {
+          resultsContentRef.value.scrollTop = 0;
+        }
+      }, 100);
+    }
+    function clearResults() {
+      executionResults.value = [];
+    }
+    function toggleResult(index) {
+      const result = executionResults.value[index];
+      if (result) {
+        result.expanded = !result.expanded;
+      }
+    }
+    function formatError(error) {
+      const formatted = {
+        success: false,
+        message: error.msg || error.message || "未知错误"
+      };
+      if (error.stack) {
+        formatted.stack = error.stack;
+      }
+      return formatted;
+    }
+    function highlightJson(data) {
+      if (data === null || data === void 0) return "";
+      const jsonStr = JSON.stringify(data, null, 2);
+      return jsonStr.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function(match) {
+        let cls = "json-number";
+        if (/^"/.test(match)) {
+          if (/:$/.test(match)) {
+            cls = "json-key";
+          } else {
+            cls = "json-string";
+          }
+        } else if (/true|false/.test(match)) {
+          cls = "json-boolean";
+        } else if (/null/.test(match)) {
+          cls = "json-null";
+        }
+        return '<span class="' + cls + '">' + match + "</span>";
+      });
+    }
+    function getResultIcon(status) {
+      switch (status) {
+        case "success":
+          return "bi bi-check-circle-fill text-success";
+        case "error":
+          return "bi bi-x-circle-fill text-danger";
+        case "info":
+          return "bi bi-info-circle-fill text-info";
+        default:
+          return "bi bi-dash-circle-fill text-secondary";
+      }
+    }
     async function backupDatabase() {
+      const operation = "备份数据库";
       try {
-        const res = await databaseService2.backupDatabase(props.connection?.id || "", props.database);
-        if (res.ret === 0) await modal.success("数据库备份成功");
-        else {
-          modal.error(res.msg || "备份失败", {
-            operation: "BACKUP",
-            database: props.database
-          });
+        const res2 = await databaseService2.backupDatabase(props.connection?.id || "", props.database);
+        if (res2.ret === 0) {
+          addExecutionResult(operation, "success", res2);
+        } else {
+          modal.error(res2.msg || "备份失败");
+          addExecutionResult(operation, "error", formatError(res2));
         }
       } catch (error) {
         console.error("备份失败:", error);
-        modal.error(error.msg || error.message || "备份失败", {
-          operation: "BACKUP",
-          database: props.database,
-          //options: backupOptions.value,
-          stack: error.stack
-        });
+        modal.error(error.msg || error.message || "备份失败");
+        addExecutionResult(operation, "error", formatError(error));
       }
     }
     function showUsersList() {
-      modal.info("用户列表功能开发中...");
+      addExecutionResult("用户列表", "info", { message: "用户列表功能开发中..." });
     }
     function showCreateUserModal() {
-      modal.info("创建用户功能开发中...");
+      addExecutionResult("创建用户", "info", { message: "创建用户功能开发中..." });
     }
     function showPermissionsModal() {
-      modal.info("权限管理功能开发中...");
+      addExecutionResult("权限管理", "info", { message: "权限管理功能开发中..." });
     }
     function showProcessList() {
       const sql2 = "SHOW PROCESSLIST";
+      addExecutionResult("进程列表", "info", { sql: sql2, message: "已发送 SQL 查询" });
       emit("execute-sql", sql2);
     }
     function showSlowQueries() {
       const sql2 = "SELECT * FROM mysql.slow_log ORDER BY start_time DESC LIMIT 10";
+      addExecutionResult("慢查询", "info", { sql: sql2, message: "已发送 SQL 查询" });
       emit("execute-sql", sql2);
     }
     function showConnectionsList() {
       const sql2 = 'SHOW STATUS LIKE "Threads_connected"';
+      addExecutionResult("连接数", "info", { sql: sql2, message: "已发送 SQL 查询" });
       emit("execute-sql", sql2);
     }
     async function optimizeDatabase() {
+      const operation = "优化数据库";
       try {
-        await databaseService2.optimizeDatabase(props.connection?.id || "", props.database);
-        await modal.success("数据库优化完成");
+        const res2 = await databaseService2.optimizeDatabase(props.connection?.id || "", props.database);
+        if (res2.ret === 0) {
+          addExecutionResult(operation, "success", res2.data);
+        } else {
+          modal.error(res2.msg || "优化失败");
+          addExecutionResult(operation, "error", formatError(res2));
+        }
       } catch (error) {
         console.error("优化失败:", error);
-        modal.error(error.msg || error.message || "优化失败", {
-          operation: "OPTIMIZE",
-          database: props.database,
-          //options: optimizationOptions.value,
-          stack: error.stack
-        });
+        modal.error(error.msg || error.message || "优化失败");
+        addExecutionResult(operation, "error", formatError(error));
       }
     }
     async function analyzeTables() {
+      const operation = "分析表";
       try {
-        await databaseService2.analyzeTables(props.connection?.id || "", props.database);
-        await modal.success("表分析完成");
+        const res2 = await databaseService2.analyzeTables(props.connection?.id || "", props.database);
+        if (res2.ret === 0) {
+          addExecutionResult(operation, "success", res2.data);
+        } else {
+          modal.error(res2.msg || "分析失败");
+          addExecutionResult(operation, "error", formatError(res2));
+        }
       } catch (error) {
         console.error("分析失败:", error);
-        modal.error(error.msg || error.message || "分析失败", {
-          operation: "ANALYZE",
-          database: props.database,
-          //options: analysisOptions.value,
-          stack: error.stack
-        });
+        modal.error(res.msg || error.message || "分析失败");
+        addExecutionResult(operation, "error", formatError(error));
       }
     }
     async function repairTables() {
+      const operation = "修复表";
       try {
-        await databaseService2.repairTables(props.connection?.id || "", props.database);
-        await modal.success("表修复完成");
+        const res2 = await databaseService2.repairTables(props.connection?.id || "", props.database);
+        if (res2.ret === 0) {
+          addExecutionResult(operation, "success", res2.data);
+        } else {
+          modal.error(res2.msg || "修复失败");
+          addExecutionResult(operation, "error", formatError(res2));
+        }
       } catch (error) {
         console.error("修复失败:", error);
-        modal.error(error.msg || error.message || "修复失败", {
-          operation: "REPAIR",
-          database: props.database,
-          //options: repairOptions.value,
-          stack: error.stack
-        });
+        modal.error(res.msg || error.message || "修复失败");
+        addExecutionResult(operation, "error", formatError(error));
       }
     }
     async function clearLogs() {
@@ -45905,62 +46213,62 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         "TRUNCATE TABLE mysql.general_log",
         "FLUSH LOGS"
       ];
-      logs.forEach((sql2) => emit("execute-sql", sql2));
-      await modal.success("日志清理完成");
+      logs.forEach((sql2) => {
+        addExecutionResult(`清理日志 - ${sql2.split(" ")[1]}`, "info", { sql: sql2, message: "已发送 SQL 查询" });
+        emit("execute-sql", sql2);
+      });
     }
     function showExportModal() {
-      modal.info("导出结构功能开发中...");
+      addExecutionResult("导出结构", "info", { message: "导出结构功能开发中..." });
     }
     function showImportModal() {
-      modal.info("导入数据功能开发中...");
+      addExecutionResult("导入数据", "info", { message: "导入数据功能开发中..." });
     }
     function showSyncModal() {
-      modal.info("数据同步功能开发中...");
+      addExecutionResult("数据同步", "info", { message: "数据同步功能开发中..." });
     }
     async function runHealthCheck() {
-      healthChecking.value = true;
-      healthResults.value = [];
-      try {
-        const checks = [
-          { name: "连接状态", sql: "SELECT 1 as status" },
-          { name: "表完整性", sql: 'SELECT COUNT(*) as status FROM information_schema.tables WHERE table_schema = DATABASE() AND table_type = "BASE TABLE"' },
-          { name: "索引状态", sql: "SELECT COUNT(*) as status FROM information_schema.statistics WHERE table_schema = DATABASE()" },
-          { name: "磁盘空间", sql: "SELECT SUM(data_length + index_length) as status FROM information_schema.tables WHERE table_schema = DATABASE()" }
-        ];
-        for (const check of checks) {
-          try {
-            healthResults.value.push({
-              name: check.name,
-              status: "healthy",
-              message: "正常"
-            });
-          } catch (error) {
-            healthResults.value.push({
-              name: check.name,
-              status: "error",
-              message: error.message
-            });
-          }
+      const operation = "健康检查";
+      const checks = [
+        { name: "连接状态", sql: "SELECT 1 as status" },
+        { name: "表完整性", sql: 'SELECT COUNT(*) as status FROM information_schema.tables WHERE table_schema = DATABASE() AND table_type = "BASE TABLE"' },
+        { name: "索引状态", sql: "SELECT COUNT(*) as status FROM information_schema.statistics WHERE table_schema = DATABASE()" },
+        { name: "磁盘空间", sql: "SELECT SUM(data_length + index_length) as status FROM information_schema.tables WHERE table_schema = DATABASE()" }
+      ];
+      const results = [];
+      for (const check of checks) {
+        try {
+          results.push({
+            name: check.name,
+            status: "healthy",
+            message: "正常"
+          });
+        } catch (error) {
+          results.push({
+            name: check.name,
+            status: "error",
+            message: error.message
+          });
         }
-        healthModalVisible.value = true;
-      } finally {
-        healthChecking.value = false;
       }
+      addExecutionResult(operation, "success", { checks: results });
     }
     function showStatistics() {
       const sql2 = `
-    SELECT 
+    SELECT
       table_name as '表名',
       table_rows as '记录数',
       ROUND(((data_length + index_length) / 1024 / 1024), 2) as '大小(MB)'
-    FROM information_schema.tables 
-    WHERE table_schema = DATABASE() 
+    FROM information_schema.tables
+    WHERE table_schema = DATABASE()
     ORDER BY (data_length + index_length) DESC
   `;
+      addExecutionResult("数据统计", "info", { sql: sql2, message: "已发送 SQL 查询" });
       emit("execute-sql", sql2);
     }
     function showAuditLog() {
       const sql2 = "SELECT * FROM mysql.general_log ORDER BY event_time DESC LIMIT 100";
+      addExecutionResult("审计日志", "info", { sql: sql2, message: "已发送 SQL 查询" });
       emit("execute-sql", sql2);
     }
     function showRestoreModal() {
@@ -45972,39 +46280,32 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     }
     async function performRestore() {
       if (!selectedFile.value) return;
+      const operation = "恢复数据库";
       try {
         restoring.value = true;
         const filePath = selectedFile.value.name;
-        await databaseService2.restoreDatabase(
+        const res2 = await databaseService2.restoreDatabase(
           props.connection?.id || "",
           props.database,
           filePath,
           { dropExisting: restoreOptions.value.dropExisting }
         );
-        await modal.success("数据库恢复成功");
+        addExecutionResult(operation, "success", res2);
         closeRestoreModal();
       } catch (error) {
         console.error("恢复失败:", error);
-        modal.error(error.msg || error.message || "恢复失败", {
-          operation: "RESTORE",
-          database: props.database,
-          //file: restoreFile.value,
-          stack: error.stack
-        });
+        modal.error(error.msg || error.message || "恢复失败");
+        addExecutionResult(operation, "error", formatError(error));
       } finally {
         restoring.value = false;
       }
     }
-    function closeHealthModal() {
-      healthModalVisible.value = false;
-      healthResults.value = [];
-    }
     function showScheduleModal() {
-      modal.info("定时备份功能开发中...");
+      addExecutionResult("定时备份", "info", { message: "定时备份功能开发中..." });
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        _cache[33] || (_cache[33] = createBaseVNode("div", { class: "tools-header" }, [
+        _cache[34] || (_cache[34] = createBaseVNode("div", { class: "tools-header" }, [
           createBaseVNode("h5", { class: "tools-title" }, [
             createBaseVNode("i", { class: "bi bi-tools" }),
             createTextVNode(" 数据库管理工具 ")
@@ -46193,23 +46494,77 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             ])
           ])
         ]),
+        createBaseVNode("div", _hoisted_2$4, [
+          createBaseVNode("div", { class: "results-header" }, [
+            _cache[28] || (_cache[28] = createBaseVNode("h6", { class: "results-title" }, [
+              createBaseVNode("i", { class: "bi bi-terminal" }),
+              createTextVNode(" 执行结果 ")
+            ], -1)),
+            createBaseVNode("button", {
+              class: "btn btn-outline-secondary btn-sm",
+              onClick: clearResults
+            }, [..._cache[27] || (_cache[27] = [
+              createBaseVNode("i", { class: "bi bi-trash" }, null, -1),
+              createTextVNode(" 清空 ", -1)
+            ])])
+          ]),
+          createBaseVNode("div", {
+            class: "results-content",
+            ref_key: "resultsContentRef",
+            ref: resultsContentRef
+          }, [
+            executionResults.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_3$4, [..._cache[29] || (_cache[29] = [
+              createBaseVNode("i", { class: "bi bi-inbox" }, null, -1),
+              createBaseVNode("p", null, "暂无执行结果", -1)
+            ])])) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(executionResults.value, (result, index) => {
+              return openBlock(), createElementBlock("div", {
+                key: index,
+                class: normalizeClass(["result-item", `result-${result.status}`])
+              }, [
+                createBaseVNode("div", {
+                  class: "result-header",
+                  onClick: ($event) => toggleResult(index)
+                }, [
+                  createBaseVNode("div", _hoisted_5$4, [
+                    createBaseVNode("i", {
+                      class: normalizeClass(getResultIcon(result.status))
+                    }, null, 2),
+                    createBaseVNode("span", _hoisted_6$4, toDisplayString(result.operation), 1),
+                    createBaseVNode("span", _hoisted_7$4, toDisplayString(result.timestamp), 1)
+                  ]),
+                  createBaseVNode("i", {
+                    class: normalizeClass(["bi bi-chevron-down toggle-icon", { "expanded": result.expanded }])
+                  }, null, 2)
+                ], 8, _hoisted_4$4),
+                result.expanded ? (openBlock(), createElementBlock("div", _hoisted_8$4, [
+                  createBaseVNode("pre", null, [
+                    createBaseVNode("code", {
+                      innerHTML: highlightJson(result.data)
+                    }, null, 8, _hoisted_9$4)
+                  ])
+                ])) : createCommentVNode("", true)
+              ], 2);
+            }), 128))
+          ], 512)
+        ]),
         createBaseVNode("div", {
           class: normalizeClass(["modal fade", { show: restoreModalVisible.value }]),
           style: normalizeStyle({ display: restoreModalVisible.value ? "block" : "none", zIndex: 1055 })
         }, [
-          createBaseVNode("div", _hoisted_2$4, [
-            createBaseVNode("div", _hoisted_3$4, [
+          createBaseVNode("div", _hoisted_10$4, [
+            createBaseVNode("div", _hoisted_11$4, [
               createBaseVNode("div", { class: "modal-header" }, [
-                _cache[27] || (_cache[27] = createBaseVNode("h5", { class: "modal-title" }, "恢复数据库", -1)),
+                _cache[30] || (_cache[30] = createBaseVNode("h5", { class: "modal-title" }, "恢复数据库", -1)),
                 createBaseVNode("button", {
                   type: "button",
                   class: "btn-close",
                   onClick: closeRestoreModal
                 })
               ]),
-              createBaseVNode("div", _hoisted_4$4, [
-                _cache[29] || (_cache[29] = createBaseVNode("p", null, "请选择要恢复的备份文件：", -1)),
-                createBaseVNode("div", _hoisted_5$4, [
+              createBaseVNode("div", _hoisted_12$4, [
+                _cache[32] || (_cache[32] = createBaseVNode("p", null, "请选择要恢复的备份文件：", -1)),
+                createBaseVNode("div", _hoisted_13$4, [
                   createBaseVNode("input", {
                     type: "file",
                     class: "form-control",
@@ -46218,8 +46573,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     accept: ".sql,.bak"
                   }, null, 32)
                 ]),
-                selectedFile.value ? (openBlock(), createElementBlock("div", _hoisted_6$4, " 已选择文件：" + toDisplayString(selectedFile.value.name), 1)) : createCommentVNode("", true),
-                createBaseVNode("div", _hoisted_7$4, [
+                selectedFile.value ? (openBlock(), createElementBlock("div", _hoisted_14$4, " 已选择文件：" + toDisplayString(selectedFile.value.name), 1)) : createCommentVNode("", true),
+                createBaseVNode("div", _hoisted_15$4, [
                   withDirectives(createBaseVNode("input", {
                     type: "checkbox",
                     class: "form-check-input",
@@ -46228,13 +46583,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   }, null, 512), [
                     [vModelCheckbox, restoreOptions.value.dropExisting]
                   ]),
-                  _cache[28] || (_cache[28] = createBaseVNode("label", {
+                  _cache[31] || (_cache[31] = createBaseVNode("label", {
                     class: "form-check-label",
                     for: "dropExisting"
                   }, "删除现有表", -1))
                 ])
               ]),
-              createBaseVNode("div", _hoisted_8$4, [
+              createBaseVNode("div", _hoisted_16$4, [
                 createBaseVNode("button", {
                   type: "button",
                   class: "btn btn-secondary",
@@ -46246,59 +46601,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   onClick: performRestore,
                   disabled: !selectedFile.value
                 }, [
-                  restoring.value ? (openBlock(), createElementBlock("span", _hoisted_10$4)) : createCommentVNode("", true),
-                  _cache[30] || (_cache[30] = createTextVNode(" 恢复 ", -1))
-                ], 8, _hoisted_9$4)
-              ])
-            ])
-          ])
-        ], 6),
-        createBaseVNode("div", {
-          class: normalizeClass(["modal fade", { show: healthModalVisible.value }]),
-          style: normalizeStyle({ display: healthModalVisible.value ? "block" : "none", zIndex: 1055 })
-        }, [
-          createBaseVNode("div", _hoisted_11$4, [
-            createBaseVNode("div", _hoisted_12$4, [
-              createBaseVNode("div", { class: "modal-header" }, [
-                _cache[31] || (_cache[31] = createBaseVNode("h5", { class: "modal-title" }, "数据库健康检查", -1)),
-                createBaseVNode("button", {
-                  type: "button",
-                  class: "btn-close",
-                  onClick: closeHealthModal
-                })
-              ]),
-              createBaseVNode("div", _hoisted_13$4, [
-                healthChecking.value ? (openBlock(), createElementBlock("div", _hoisted_14$4, [..._cache[32] || (_cache[32] = [
-                  createBaseVNode("div", {
-                    class: "spinner-border text-primary",
-                    role: "status"
-                  }, null, -1),
-                  createBaseVNode("div", { class: "mt-3" }, "正在检查数据库健康状况...", -1)
-                ])])) : (openBlock(), createElementBlock("div", _hoisted_15$4, [
-                  createBaseVNode("div", _hoisted_16$4, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(healthResults.value, (check) => {
-                      return openBlock(), createElementBlock("div", {
-                        key: check.name,
-                        class: "health-item"
-                      }, [
-                        createBaseVNode("div", _hoisted_17$4, [
-                          createBaseVNode("i", {
-                            class: normalizeClass(check.status === "healthy" ? "bi bi-check-circle-fill text-success" : check.status === "warning" ? "bi bi-exclamation-triangle-fill text-warning" : "bi bi-x-circle-fill text-danger")
-                          }, null, 2),
-                          createTextVNode(" " + toDisplayString(check.name), 1)
-                        ]),
-                        createBaseVNode("div", _hoisted_18$4, toDisplayString(check.message), 1)
-                      ]);
-                    }), 128))
-                  ])
-                ]))
-              ]),
-              createBaseVNode("div", { class: "modal-footer" }, [
-                createBaseVNode("button", {
-                  type: "button",
-                  class: "btn btn-secondary",
-                  onClick: closeHealthModal
-                }, "关闭")
+                  restoring.value ? (openBlock(), createElementBlock("span", _hoisted_18$4)) : createCommentVNode("", true),
+                  _cache[33] || (_cache[33] = createTextVNode(" 恢复 ", -1))
+                ], 8, _hoisted_17$4)
               ])
             ])
           ])
@@ -46307,7 +46612,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DbTools = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-94a9d8f2"]]);
+const DbTools = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-b1c1e4d6"]]);
 const _hoisted_1$3 = { class: "database-detail" };
 const _hoisted_2$3 = { class: "database-header" };
 const _hoisted_3$3 = { class: "database-header-content" };
@@ -47235,69 +47540,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 const DatabaseDetail = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-fd20d470"]]);
-function isNumericType(type) {
-  const numericTypes = [
-    "int",
-    "integer",
-    "tinyint",
-    "smallint",
-    "mediumint",
-    "bigint",
-    "decimal",
-    "numeric",
-    "float",
-    "double",
-    "real",
-    "number",
-    "smallserial",
-    "serial",
-    "bigserial",
-    "money",
-    "smallmoney",
-    "binary_float",
-    "binary_double"
-  ];
-  return numericTypes.some((t2) => type.toLowerCase().includes(t2));
-}
-function isTextType(type) {
-  const textTypes = [
-    "text",
-    "longtext",
-    "mediumtext",
-    "tinytext",
-    "clob",
-    "nclob",
-    "ntext"
-  ];
-  return textTypes.some((t2) => type.toLowerCase().includes(t2));
-}
-function isDateTimeType(type) {
-  const dateTimeTypes = [
-    "date",
-    "datetime",
-    "timestamp",
-    "time",
-    "year",
-    "time with time zone",
-    "timestamp with time zone",
-    "timestamp with local time zone",
-    "interval",
-    "datetimeoffset",
-    "datetime2",
-    "smalldatetime"
-  ];
-  return dateTimeTypes.some((t2) => type.toLowerCase().includes(t2));
-}
-function isBooleanType(type) {
-  const booleanTypes = ["boolean", "bool", "bit", "tinyint(1)"];
-  return booleanTypes.some((t2) => type.toLowerCase().includes(t2));
-}
-function isJsonType(type) {
-  return ["json", "jsonb"].includes(type.toLowerCase());
-}
-function isArrayType(type) {
-  return type.toLowerCase().endsWith("[]");
-}
 const _hoisted_1$2 = { class: "modal-dialog modal-lg" };
 const _hoisted_2$2 = { class: "modal-content" };
 const _hoisted_3$2 = {
@@ -47396,7 +47638,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             formData.value[column.name] = column.defaultValue;
           } else if (column.nullable) {
             formData.value[column.name] = null;
-          } else if (isBooleanInput2(column.type)) {
+          } else if (isBooleanInput(column.type)) {
             formData.value[column.name] = false;
           } else if (isJsonInput(column.type) || isArrayInput(column.type)) {
             formData.value[column.name] = {};
@@ -47407,7 +47649,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         }
       });
     }
-    function isNumberInput2(type) {
+    function isNumberInput(type) {
       return isNumericType(type);
     }
     function isDecimalInput(type) {
@@ -47422,7 +47664,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     function isEnumInput(type) {
       return type.toLowerCase().startsWith("enum");
     }
-    function isBooleanInput2(type) {
+    function isBooleanInput(type) {
       return isBooleanType(type);
     }
     function isJsonInput(type, inputtype) {
@@ -47592,7 +47834,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         value: __props.isEdit ? formData.value[column.name] : "自动生成",
                         disabled: "",
                         readonly: ""
-                      }, null, 8, _hoisted_13$2)) : isNumberInput2(column.type) ? withDirectives((openBlock(), createElementBlock("input", {
+                      }, null, 8, _hoisted_13$2)) : isNumberInput(column.type) ? withDirectives((openBlock(), createElementBlock("input", {
                         key: 1,
                         type: "number",
                         "data-type": "number",
@@ -47638,7 +47880,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         }), 128))
                       ], 8, _hoisted_17$2)), [
                         [vModelSelect, formData.value[column.name]]
-                      ]) : isBooleanInput2(column.type) ? withDirectives((openBlock(), createElementBlock("select", {
+                      ]) : isBooleanInput(column.type) ? withDirectives((openBlock(), createElementBlock("select", {
                         key: 5,
                         class: "form-select",
                         "data-type": "boolean",
@@ -48474,9 +48716,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     createBaseVNode("tbody", null, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(paginatedData.value, (row, index) => {
                         return openBlock(), createElementBlock("tr", { key: index }, [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList(row, (value, key) => {
-                            return openBlock(), createElementBlock("td", { key }, [
-                              createBaseVNode("div", _hoisted_41, toDisplayString(formatCellValue(value)), 1)
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(safeTableColumns.value, (column) => {
+                            return openBlock(), createElementBlock("td", {
+                              key: column.name
+                            }, [
+                              createBaseVNode("div", _hoisted_41, toDisplayString(formatCellValue(row[column.name])), 1)
                             ]);
                           }), 128)),
                           createBaseVNode("td", null, [
@@ -48887,15 +49131,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           connection: __props.connection,
           database: __props.database,
           table: __props.table,
+          columns: __props.tableStructure?.columns,
           mode: tableEditorMode.value,
           onClose: closeTableEditor,
           onSubmit: handleTableStructureChange
-        }, null, 8, ["visible", "connection", "database", "table", "mode"])
+        }, null, 8, ["visible", "connection", "database", "table", "columns", "mode"])
       ]);
     };
   }
 });
-const TableDetail = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-365fca24"]]);
+const TableDetail = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-131c5ea4"]]);
 const _hoisted_1 = { class: "database-explorer" };
 const _hoisted_2 = { class: "explorer-layout" };
 const _hoisted_3 = { class: "explorer-sidebar" };