fdb2 1.0.36 → 1.0.37

package/dist/public/explorer.css

@@ -870,67 +870,76 @@ to {
 }
 }
 
-.section-title[data-v-0d3b1052] {
+.section-title[data-v-b80d5611] {
   color: var(--db-text-body);
   font-weight: 600;
   border-bottom: 2px solid var(--db-border-soft);
   padding-bottom: 0.5rem;
   margin-bottom: 1rem;
 }
-.sql-preview[data-v-0d3b1052] {
-  font-family: 'Courier New', monospace;
+.sql-preview[data-v-b80d5611] {
+  font-family: 'Courier New', Consolas, monospace;
   font-size: 0.875rem;
+  line-height: 1.5;
   max-height: 200px;
   overflow-y: auto;
-  border: 1px solid var(--db-border-lighter);
+  margin: 0;
+  padding: 0.75rem;
+  border-radius: var(--db-radius-sm);
+  /* 深色代码块：与全局 pre / SQL 编辑器一致，跟随主题令牌，不使用 Bootstrap bg-light */
+  background-color: var(--db-code-bg);
+  color: var(--db-code-fg);
+  border: 1px solid var(--db-border);
+  white-space: pre-wrap;
+  word-break: break-all;
 }
-.table th[data-v-0d3b1052] {
+.table th[data-v-b80d5611] {
   font-size: 0.875rem;
   font-weight: 600;
 }
-.table td[data-v-0d3b1052] {
+.table td[data-v-b80d5611] {
   padding: 0!important;
 }
-.table .form-control[data-v-0d3b1052], .table .form-select[data-v-0d3b1052] {
+.table .form-control[data-v-b80d5611], .table .form-select[data-v-b80d5611] {
   border: none;
   border-radius: 0;
   box-shadow: none;
 }
-.form-control-sm[data-v-0d3b1052], .form-select-sm[data-v-0d3b1052] {
+.form-control-sm[data-v-b80d5611], .form-select-sm[data-v-b80d5611] {
   font-size: 0.875rem;
 }
-.modal-content[data-v-0d3b1052] {
+.modal-content[data-v-b80d5611] {
   max-height: 90vh;
   overflow-y: auto;
 }
-.modal-body[data-v-0d3b1052] {
+.modal-body[data-v-b80d5611] {
   max-height: calc(90vh - 120px);
   overflow-y: auto;
 }
-.input-group-sm .form-control[data-v-0d3b1052] {
+.input-group-sm .form-control[data-v-b80d5611] {
   border-radius: 0;
 }
-.input-group-sm .form-control[data-v-0d3b1052]:first-child {
+.input-group-sm .form-control[data-v-b80d5611]:first-child {
   border-top-left-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
 }
-.input-group-sm .form-control[data-v-0d3b1052]:last-child {
+.input-group-sm .form-control[data-v-b80d5611]:last-child {
   border-top-right-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
 }
-.text-muted[data-v-0d3b1052] {
+.text-muted[data-v-b80d5611] {
   color: var(--db-text-muted) !important;
 }
 
-.db-tools[data-v-c49117ce] {
+.db-tools[data-v-a123948c] {
   background: var(--db-surface);
   border-radius: 8px;
 }
-.tools-header[data-v-c49117ce] {
+.tools-header[data-v-a123948c] {
   padding: 6px 12px;
   border-bottom: 1px solid var(--db-border);
 }
-.tools-title[data-v-c49117ce] {
+.tools-title[data-v-a123948c] {
   margin: 0;
   font-size: 0.875rem;
   font-weight: 600;
@@ -939,17 +948,17 @@ to {
   align-items: center;
   gap: 0.375rem;
 }
-.tools-content[data-v-c49117ce] {
+.tools-content[data-v-a123948c] {
   padding: 12px;
   overflow-y: auto;
 }
-.tool-section[data-v-c49117ce] {
+.tool-section[data-v-a123948c] {
   margin-bottom: 1rem;
 }
-.tool-section[data-v-c49117ce]:last-child {
+.tool-section[data-v-a123948c]:last-child {
   margin-bottom: 0;
 }
-.section-title[data-v-c49117ce] {
+.section-title[data-v-a123948c] {
   font-size: 0.75rem;
   font-weight: 600;
   letter-spacing: 0.04em;
@@ -960,42 +969,42 @@ to {
   align-items: center;
   gap: 0.375rem;
 }
-.tool-actions[data-v-c49117ce] {
+.tool-actions[data-v-a123948c] {
   display: flex;
   flex-wrap: wrap;
   gap: 0.375rem;
 }
-.tool-actions .btn[data-v-c49117ce] {
+.tool-actions .btn[data-v-a123948c] {
   min-width: 108px;
   display: flex;
   align-items: center;
   gap: 0.375rem;
 }
-.modal[data-v-c49117ce] {
+.modal[data-v-a123948c] {
   background-color: rgba(0, 0, 0, 0.5);
 }
-.modal-dialog[data-v-c49117ce] {
+.modal-dialog[data-v-a123948c] {
   max-width: 600px;
 }
-.modal-header[data-v-c49117ce] {
+.modal-header[data-v-a123948c] {
   background: var(--db-light-color);
   border-bottom: 1px solid var(--db-gray-medium);
 }
-.modal-title[data-v-c49117ce] {
+.modal-title[data-v-a123948c] {
   color: var(--db-dark-color);
   font-weight: 600;
 }
-.modal-footer[data-v-c49117ce] {
+.modal-footer[data-v-a123948c] {
   background: var(--db-light-color);
   border-top: 1px solid var(--db-gray-medium);
 }
 
 /* 工具组件区域 */
-.tool-component-area[data-v-c49117ce] {
+.tool-component-area[data-v-a123948c] {
   border-top: 1px solid var(--db-gray-medium);
   background: var(--db-light-color);
 }
-.component-header[data-v-c49117ce] {
+.component-header[data-v-a123948c] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1003,7 +1012,7 @@ to {
   background: var(--db-bg-soft);
   border-bottom: 1px solid var(--db-border);
 }
-.component-title[data-v-c49117ce] {
+.component-title[data-v-a123948c] {
   margin: 0;
   font-size: 0.875rem;
   font-weight: 600;
@@ -1012,20 +1021,20 @@ to {
   align-items: center;
   gap: 0.375rem;
 }
-.tool-component[data-v-c49117ce] {
+.tool-component[data-v-a123948c] {
   padding: 12px;
 }
-.sync-component[data-v-c49117ce] {
+.sync-component[data-v-a123948c] {
   background: var(--db-surface);
   border-radius: 4px;
 }
 
 /* 执行结果区域 */
-.execution-results[data-v-c49117ce] {
+.execution-results[data-v-a123948c] {
   border-top: 1px solid var(--db-border);
   background: var(--db-bg-soft);
 }
-.results-header[data-v-c49117ce] {
+.results-header[data-v-a123948c] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1033,7 +1042,7 @@ to {
   background: var(--db-bg-soft);
   border-bottom: 1px solid var(--db-border);
 }
-.results-title[data-v-c49117ce] {
+.results-title[data-v-a123948c] {
   margin: 0;
   font-size: 0.875rem;
   font-weight: 600;
@@ -1042,12 +1051,12 @@ to {
   align-items: center;
   gap: 0.375rem;
 }
-.results-content[data-v-c49117ce] {
+.results-content[data-v-a123948c] {
   max-height: 400px;
   overflow-y: auto;
   padding: 8px;
 }
-.no-results[data-v-c49117ce] {
+.no-results[data-v-a123948c] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1056,16 +1065,16 @@ to {
   padding: 32px 16px;
   color: var(--db-text-muted);
 }
-.no-results i[data-v-c49117ce] {
+.no-results i[data-v-a123948c] {
   font-size: 1.5rem;
   margin-bottom: 0;
   opacity: 0.5;
 }
-.no-results p[data-v-c49117ce] {
+.no-results p[data-v-a123948c] {
   margin: 0;
   font-size: 0.8125rem;
 }
-.result-item[data-v-c49117ce] {
+.result-item[data-v-a123948c] {
   margin-bottom: 0.5rem;
   border: 1px solid var(--db-border);
   border-radius: 6px;
@@ -1073,19 +1082,19 @@ to {
   overflow: hidden;
   transition: box-shadow 0.2s;
 }
-.result-item[data-v-c49117ce]:hover {
+.result-item[data-v-a123948c]:hover {
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }
-.result-item.result-success[data-v-c49117ce] {
+.result-item.result-success[data-v-a123948c] {
   border-left: 4px solid #22c55e;
 }
-.result-item.result-error[data-v-c49117ce] {
+.result-item.result-error[data-v-a123948c] {
   border-left: 4px solid #ef4444;
 }
-.result-item.result-info[data-v-c49117ce] {
+.result-item.result-info[data-v-a123948c] {
   border-left: 4px solid #3b82f6;
 }
-.result-header[data-v-c49117ce] {
+.result-header[data-v-a123948c] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1094,92 +1103,92 @@ to {
   background: var(--db-surface);
   transition: background 0.2s;
 }
-.result-header[data-v-c49117ce]:hover {
+.result-header[data-v-a123948c]:hover {
   background: var(--db-light-color);
 }
-.result-title[data-v-c49117ce] {
+.result-title[data-v-a123948c] {
   display: flex;
   align-items: center;
   gap: 0.75rem;
   flex: 1;
 }
-.result-title i[data-v-c49117ce] {
+.result-title i[data-v-a123948c] {
   font-size: 1.1rem;
 }
-.operation-name[data-v-c49117ce] {
+.operation-name[data-v-a123948c] {
   font-weight: 600;
   color: var(--db-dark-color);
   font-size: 0.95rem;
 }
-.operation-time[data-v-c49117ce] {
+.operation-time[data-v-a123948c] {
   color: var(--db-darker-color);
   font-size: 0.85rem;
   margin-left: auto;
 }
-.toggle-icon[data-v-c49117ce] {
+.toggle-icon[data-v-a123948c] {
   transition: transform 0.2s;
   color: var(--db-gray-dark);
   font-size: 0.9rem;
 }
-.toggle-icon.expanded[data-v-c49117ce] {
+.toggle-icon.expanded[data-v-a123948c] {
   transform: rotate(180deg);
 }
-.result-body[data-v-c49117ce] {
+.result-body[data-v-a123948c] {
   padding: 1rem;
   background: var(--db-bg-soft4);
   border-top: 1px solid var(--db-gray-medium);
 }
-.result-body pre[data-v-c49117ce] {
+.result-body pre[data-v-a123948c] {
   margin: 0;
   font-size: 0.85rem;
   line-height: 1.5;
   max-height: 300px;
   overflow: auto;
 }
-.result-body code[data-v-c49117ce] {
+.result-body code[data-v-a123948c] {
   font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;
 }
 
 /* JSON 语法高亮 - 不使用 scoped 以确保 v-html 内容能应用样式 */
-[data-v-c49117ce] .json-key {
-  color: #d04255;
+[data-v-a123948c] .json-key {
+  color: var(--db-json-key);
   font-weight: 500;
 }
-[data-v-c49117ce] .json-string {
-  color: #22863a;
+[data-v-a123948c] .json-string {
+  color: var(--db-json-string);
 }
-[data-v-c49117ce] .json-number {
-  color: #005cc5;
+[data-v-a123948c] .json-number {
+  color: var(--db-json-number);
 }
-[data-v-c49117ce] .json-boolean {
-  color: #d73a49;
+[data-v-a123948c] .json-boolean {
+  color: var(--db-json-boolean);
 }
-[data-v-c49117ce] .json-null {
-  color: #6f42c1;
+[data-v-a123948c] .json-null {
+  color: var(--db-json-null);
 }
 
 /* 滚动条样式 */
-.results-content[data-v-c49117ce]::-webkit-scrollbar,
-.result-body pre[data-v-c49117ce]::-webkit-scrollbar {
+.results-content[data-v-a123948c]::-webkit-scrollbar,
+.result-body pre[data-v-a123948c]::-webkit-scrollbar {
   width: 8px;
   height: 8px;
 }
-.results-content[data-v-c49117ce]::-webkit-scrollbar-track,
-.result-body pre[data-v-c49117ce]::-webkit-scrollbar-track {
+.results-content[data-v-a123948c]::-webkit-scrollbar-track,
+.result-body pre[data-v-a123948c]::-webkit-scrollbar-track {
   background: var(--db-gray-light);
   border-radius: 4px;
 }
-.results-content[data-v-c49117ce]::-webkit-scrollbar-thumb,
-.result-body pre[data-v-c49117ce]::-webkit-scrollbar-thumb {
+.results-content[data-v-a123948c]::-webkit-scrollbar-thumb,
+.result-body pre[data-v-a123948c]::-webkit-scrollbar-thumb {
   background: var(--db-gray-medium);
   border-radius: 4px;
 }
-.results-content[data-v-c49117ce]::-webkit-scrollbar-thumb:hover,
-.result-body pre[data-v-c49117ce]::-webkit-scrollbar-thumb:hover {
+.results-content[data-v-a123948c]::-webkit-scrollbar-thumb:hover,
+.result-body pre[data-v-a123948c]::-webkit-scrollbar-thumb:hover {
   background: var(--db-text-faint);
 }
 
-.database-detail[data-v-822c95b7] {
+.database-detail[data-v-a6f90f39] {
   width: 100%;
   height: 100%;
   display: flex;
@@ -1187,7 +1196,7 @@ to {
 }
 
 /* SQL 面板直接铺满 tab 内容区（内边距由 .tab-content 统一提供） */
-.sql-executor-section[data-v-822c95b7] {
+.sql-executor-section[data-v-a6f90f39] {
   margin: 0;
   padding: 0;
   background-color: transparent;
@@ -1198,7 +1207,7 @@ to {
 }
 
 /* 加载状态样式 */
-.loading-state[data-v-822c95b7] {
+.loading-state[data-v-a6f90f39] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1206,31 +1215,31 @@ to {
   padding: 24px 0;
   color: var(--db-text-muted);
 }
-.loading-state .spinner-border[data-v-822c95b7] {
+.loading-state .spinner-border[data-v-a6f90f39] {
   margin-bottom: 10px;
   color: var(--db-primary-color);
 }
-.loading-state p[data-v-822c95b7] {
+.loading-state p[data-v-a6f90f39] {
   margin: 0;
   font-size: 12px;
 }
-.database-header[data-v-822c95b7] {
+.database-header[data-v-a6f90f39] {
   padding: 8px 12px;
   background: var(--db-bg-soft2);
   border-bottom: 1px solid var(--db-border);
 }
-.database-header-content[data-v-822c95b7] {
+.database-header-content[data-v-a6f90f39] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 1rem;
 }
-.database-info[data-v-822c95b7] {
+.database-info[data-v-a6f90f39] {
   display: flex;
   align-items: center;
   gap: 0.625rem;
 }
-.database-icon[data-v-822c95b7] {
+.database-icon[data-v-a6f90f39] {
   width: 34px;
   height: 34px;
   background: var(--db-primary-bg);
@@ -1243,19 +1252,19 @@ to {
   font-size: 1rem;
   flex-shrink: 0;
 }
-.database-meta h4[data-v-822c95b7] {
+.database-meta h4[data-v-a6f90f39] {
   margin: 0 0 0.25rem 0;
   font-size: 0.9375rem;
   color: var(--db-dark-color);
   font-weight: 600;
 }
-.connection-info[data-v-822c95b7] {
+.connection-info[data-v-a6f90f39] {
   display: flex;
   align-items: center;
   gap: 0.375rem;
   font-size: 0.75rem;
 }
-.connection-info .crumb[data-v-822c95b7] {
+.connection-info .crumb[data-v-a6f90f39] {
   display: inline-flex;
   align-items: center;
   padding: 0;
@@ -1263,20 +1272,20 @@ to {
   font-size: 0.75rem;
   transition: color 0.15s ease;
 }
-.connection-info .crumb-link[data-v-822c95b7] {
+.connection-info .crumb-link[data-v-a6f90f39] {
   cursor: pointer;
   background: transparent;
   color: var(--db-primary-color);
 }
-.connection-info .crumb-link[data-v-822c95b7]:hover {
+.connection-info .crumb-link[data-v-a6f90f39]:hover {
   color: var(--db-primary-light);
   text-decoration: underline;
 }
-.connection-info .crumb-current[data-v-822c95b7] {
+.connection-info .crumb-current[data-v-a6f90f39] {
   font-weight: 500;
   color: var(--db-text-muted);
 }
-.connection-name[data-v-822c95b7] {
+.connection-name[data-v-a6f90f39] {
   background: transparent;
   color: var(--db-primary-color);
   padding: 0;
@@ -1284,7 +1293,7 @@ to {
   font-size: 0.75rem;
   font-weight: 500;
 }
-.connection-type[data-v-822c95b7] {
+.connection-type[data-v-a6f90f39] {
   background: var(--db-primary-bg);
   color: var(--db-primary-color);
   padding: 1px 7px;
@@ -1292,39 +1301,39 @@ to {
   font-size: 0.6875rem;
   font-weight: 500;
 }
-.database-stats[data-v-822c95b7] {
+.database-stats[data-v-a6f90f39] {
   display: flex;
   gap: 1.5rem;
 }
-.stat-item[data-v-822c95b7] {
+.stat-item[data-v-a6f90f39] {
   text-align: right;
 }
-.stat-value[data-v-822c95b7] {
+.stat-value[data-v-a6f90f39] {
   font-size: 1rem;
   font-weight: 700;
   line-height: 1.2;
   color: var(--db-dark-color);
   margin-bottom: 0;
 }
-.stat-label[data-v-822c95b7] {
+.stat-label[data-v-a6f90f39] {
   font-size: 0.6875rem;
   color: var(--db-text-muted);
   font-weight: 400;
 }
-.database-tabs[data-v-822c95b7] {
+.database-tabs[data-v-a6f90f39] {
   flex: 1;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   min-height: 0;
 }
-.nav-tabs[data-v-822c95b7] {
+.nav-tabs[data-v-a6f90f39] {
   background: var(--db-gray-light);
   border-bottom: 1px solid var(--db-border);
   padding: 0 0.5rem;
   gap: 0;
 }
-.nav-link[data-v-822c95b7] {
+.nav-link[data-v-a6f90f39] {
   border: none;
   background: transparent;
   color: var(--db-text-muted);
@@ -1333,35 +1342,35 @@ to {
   font-weight: 500;
   transition: color 0.15s ease, background-color 0.15s ease;
 }
-.nav-link[data-v-822c95b7]:hover {
+.nav-link[data-v-a6f90f39]:hover {
   color: var(--db-dark-color);
   background: var(--db-bg-soft);
 }
-.nav-link.active[data-v-822c95b7] {
+.nav-link.active[data-v-a6f90f39] {
   color: var(--db-primary-color);
   background: transparent;
   border-bottom: 2px solid var(--db-primary-color);
 }
-.tab-content[data-v-822c95b7] {
+.tab-content[data-v-a6f90f39] {
   overflow-y: auto;
   flex: 1;
   display: flex;
   flex-direction: column;
   min-height: 0;
 }
-.tab-panel[data-v-822c95b7] {
+.tab-panel[data-v-a6f90f39] {
   flex: 1;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
   min-height: 0;
 }
-.table-grid[data-v-822c95b7] {
+.table-grid[data-v-a6f90f39] {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
   gap: 8px;
 }
-.table-card[data-v-822c95b7] {
+.table-card[data-v-a6f90f39] {
   background: var(--db-bg-soft2);
   border: 1px solid var(--db-border);
   border-radius: 6px;
@@ -1369,19 +1378,19 @@ to {
   transition: border-color 0.15s ease, background-color 0.15s ease;
   cursor: pointer;
 }
-.table-card[data-v-822c95b7]:hover {
+.table-card[data-v-a6f90f39]:hover {
   border-color: var(--db-primary-color);
   background: var(--db-bg-soft);
   box-shadow: none;
 }
-.card-header[data-v-822c95b7] {
+.card-header[data-v-a6f90f39] {
   background: var(--db-bg-soft);
   padding: 6px 8px;
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
-.table-icon[data-v-822c95b7] {
+.table-icon[data-v-a6f90f39] {
   width: 22px;
   height: 22px;
   font-size: 0.75rem;
@@ -1393,17 +1402,17 @@ to {
   color: var(--db-accent-color);
   flex-shrink: 0;
 }
-.table-info[data-v-822c95b7] {
+.table-info[data-v-a6f90f39] {
   flex: 1;
   min-width: 0; /* 允许子元素截断 */
 }
-.table-name-wrapper[data-v-822c95b7] {
+.table-name-wrapper[data-v-a6f90f39] {
   display: flex;
   align-items: center;
   gap: 0.375rem;
   margin-bottom: 0;
 }
-.table-name[data-v-822c95b7] {
+.table-name[data-v-a6f90f39] {
   font-size: 0.8125rem;
   font-weight: 500;
   color: var(--db-dark-color);
@@ -1412,7 +1421,7 @@ to {
   text-overflow: ellipsis;
   min-width: 0;
 }
-.table-engine[data-v-822c95b7] {
+.table-engine[data-v-a6f90f39] {
   font-size: 0.625rem;
   color: var(--db-primary-color);
   background: var(--db-primary-bg);
@@ -1420,7 +1429,7 @@ to {
   border-radius: 999px;
   flex-shrink: 0;
 }
-.table-comment-header[data-v-822c95b7] {
+.table-comment-header[data-v-a6f90f39] {
   font-size: 0.6875rem;
   color: var(--db-text-muted);
   white-space: nowrap;
@@ -1429,14 +1438,14 @@ to {
 }
 
 /* 卡片正文：标签在上、数值在下，右下角编辑按钮（对齐 VSCode 数据库插件的表格卡片） */
-.card-body[data-v-822c95b7] {
+.card-body[data-v-a6f90f39] {
   padding: 8px;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   gap: 8px;
 }
-.table-stats[data-v-822c95b7] {
+.table-stats[data-v-a6f90f39] {
   display: flex;
   align-items: flex-start;
   gap: 1.25rem;
@@ -1444,7 +1453,7 @@ to {
   flex-wrap: wrap;
   min-width: 0;
 }
-.stat[data-v-822c95b7] {
+.stat[data-v-a6f90f39] {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -1452,28 +1461,28 @@ to {
 }
 
 /* 卡片内的统计字号覆盖（不影响顶部数据库统计的大号数字） */
-.table-card .stat-label[data-v-822c95b7] {
+.table-card .stat-label[data-v-a6f90f39] {
   font-size: 0.6875rem;
   color: var(--db-text-muted);
 }
-.table-card .stat-value[data-v-822c95b7] {
+.table-card .stat-value[data-v-a6f90f39] {
   font-size: 0.9375rem;
   font-weight: 600;
   color: var(--db-dark-color);
 }
-.table-comment[data-v-822c95b7] {
+.table-comment[data-v-a6f90f39] {
   font-size: 0.8125rem;
   color: var(--db-text-muted);
   font-style: italic;
   margin-bottom: 0.5rem;
   line-height: 1.4;
 }
-.table-actions[data-v-822c95b7] {
+.table-actions[data-v-a6f90f39] {
   display: flex;
   gap: 0.375rem;
   flex-shrink: 0;
 }
-.table-actions .btn[data-v-822c95b7] {
+.table-actions .btn[data-v-a6f90f39] {
   width: 22px;
   height: 22px;
   padding: 0;
@@ -1487,12 +1496,12 @@ to {
   background: transparent;
   color: var(--db-primary-color);
 }
-.table-actions .btn[data-v-822c95b7]:hover {
+.table-actions .btn[data-v-a6f90f39]:hover {
   background: var(--db-primary-bg);
   color: var(--db-primary-color);
   border-color: var(--db-primary-color);
 }
-.empty-state[data-v-822c95b7] {
+.empty-state[data-v-a6f90f39] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1503,39 +1512,39 @@ to {
   text-align: center;
   font-size: 0.8125rem;
 }
-.empty-state i[data-v-822c95b7] {
+.empty-state i[data-v-a6f90f39] {
   font-size: 1.5rem;
   margin-bottom: 0;
   opacity: 0.5;
 }
 
 /* 视图和存储过程卡片样式 */
-.views-grid[data-v-822c95b7], .procedures-grid[data-v-822c95b7] {
+.views-grid[data-v-a6f90f39], .procedures-grid[data-v-a6f90f39] {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
   gap: 8px;
 }
-.view-card[data-v-822c95b7], .procedure-card[data-v-822c95b7] {
+.view-card[data-v-a6f90f39], .procedure-card[data-v-a6f90f39] {
   background: var(--db-bg-soft2);
   border: 1px solid var(--db-border);
   border-radius: 6px;
   overflow: hidden;
   transition: border-color 0.15s ease, background-color 0.15s ease;
 }
-.view-card[data-v-822c95b7]:hover, .procedure-card[data-v-822c95b7]:hover {
+.view-card[data-v-a6f90f39]:hover, .procedure-card[data-v-a6f90f39]:hover {
   border-color: var(--db-primary-color);
   background: var(--db-bg-soft);
   box-shadow: none;
   transform: none;
 }
-.view-card .card-header[data-v-822c95b7], .procedure-card .card-header[data-v-822c95b7] {
+.view-card .card-header[data-v-a6f90f39], .procedure-card .card-header[data-v-a6f90f39] {
   background: var(--db-bg-soft);
   padding: 8px 10px;
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
-.view-icon[data-v-822c95b7], .procedure-icon[data-v-822c95b7] {
+.view-icon[data-v-a6f90f39], .procedure-icon[data-v-a6f90f39] {
   width: 26px;
   height: 26px;
   font-size: 0.8125rem;
@@ -1547,37 +1556,37 @@ to {
   color: var(--db-info-color);
   flex-shrink: 0;
 }
-.procedure-icon[data-v-822c95b7] {
+.procedure-icon[data-v-a6f90f39] {
   background: var(--db-warning-bg);
   color: var(--db-warning-color);
 }
-.view-name[data-v-822c95b7], .procedure-name[data-v-822c95b7] {
+.view-name[data-v-a6f90f39], .procedure-name[data-v-a6f90f39] {
   font-size: 0.8125rem;
   font-weight: 500;
   color: var(--db-dark-color);
   margin-bottom: 0.125rem;
 }
-.view-comment[data-v-822c95b7], .procedure-comment[data-v-822c95b7] {
+.view-comment[data-v-a6f90f39], .procedure-comment[data-v-a6f90f39] {
   font-size: 0.6875rem;
   color: var(--db-text-muted);
   margin-bottom: 0.375rem;
   line-height: 1.4;
 }
-.procedure-type[data-v-822c95b7] {
+.procedure-type[data-v-a6f90f39] {
   display: flex;
   gap: 0.25rem;
   flex-wrap: wrap;
 }
-.view-card .card-body[data-v-822c95b7], .procedure-card .card-body[data-v-822c95b7] {
+.view-card .card-body[data-v-a6f90f39], .procedure-card .card-body[data-v-a6f90f39] {
   padding: 8px 10px;
 }
-.view-actions[data-v-822c95b7], .procedure-actions[data-v-822c95b7] {
+.view-actions[data-v-a6f90f39], .procedure-actions[data-v-a6f90f39] {
   display: flex;
   gap: 0.375rem;
 }
 
 /* 操作栏：无底色无边框，只是一行工具按钮（对齐 VSCode 插件的 Create Table / Refresh） */
-.views-actions[data-v-822c95b7], .procedures-actions[data-v-822c95b7], .tables-actions[data-v-822c95b7] {
+.views-actions[data-v-a6f90f39], .procedures-actions[data-v-a6f90f39], .tables-actions[data-v-a6f90f39] {
   display: flex;
   gap: 0.375rem;
   margin-bottom: 10px;
@@ -1587,27 +1596,27 @@ to {
 }
 
 /* 模态框样式 */
-.modal-dialog[data-v-822c95b7] {
+.modal-dialog[data-v-a6f90f39] {
   margin-top: 10vh;
 }
-.modal-content[data-v-822c95b7] {
+.modal-content[data-v-a6f90f39] {
   border-radius: 12px;
   border: none;
   box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
 }
-.modal-header[data-v-822c95b7] {
+.modal-header[data-v-a6f90f39] {
   border-bottom: 1px solid var(--db-gray-medium);
   padding: 1rem 1.5rem;
 }
-.modal-title[data-v-822c95b7] {
+.modal-title[data-v-a6f90f39] {
   margin: 0;
   font-weight: 600;
   color: var(--db-dark-color);
 }
-.modal-body[data-v-822c95b7] {
+.modal-body[data-v-a6f90f39] {
   padding: 1.5rem;
 }
-.modal-footer[data-v-822c95b7] {
+.modal-footer[data-v-a6f90f39] {
   border-top: 1px solid var(--db-gray-medium);
   padding: 1rem 1.5rem;
   display: flex;