feat(table): align table design in fe

package.json

@@ -1,6 +1,6 @@
 {
   "name": "n9e-fe",
-  "version": "v8.5.0",
+  "version": "v9.0.0-beta.1",
   "scripts": {
     "dev": "vite --port 8765 --host",
     "dev:advanced": "vite --port 8765 --host --mode advanced",
@@ -36,7 +36,7 @@
     "@dnd-kit/sortable": "7.0.2",
     "@fc-components/codemirror-promql": "^0.19.13",
     "@fc-components/es-query": "^0.0.3",
-    "@fc-components/monaco-editor": "^0.3.1",
+    "@fc-components/monaco-editor": "^0.3.6",
     "@fc-components/use-antd-resizable-header": "^2.8.16",
     "@fc-plot/ts-graph": "^0.27.2",
     "@microsoft/fetch-event-source": "^2.0.1",

plugins/PlusPlaceholder.tsx

@@ -57,6 +57,9 @@ const AckBtnDefault = () => {
 };
 const getBrainLicense = null;
 const options = [];
+const esQueryBuilder = async () => {
+  return {};
+};
 export {
   AlertRule,
   QueryBuilder,
@@ -83,4 +86,5 @@ export {
   AckBtnDefault,
   getBrainLicense,
   options,
+  esQueryBuilder,
 };

scripts/generate_antd_dark_less.js

@@ -39,9 +39,6 @@ function saveLess(filePath, filename, callback) {
         'border-color-base': 'rgba(204,204,220,0.2)', // input框的边框颜色
         'border-color-split': 'rgb(57, 60, 77)',
         'component-background': 'rgb(22 22 24)', //fc-fill-2
-        // 'table-header-bg': 'rgb(34 37 43)', //fc-fill-3
-        // 'table-row-hover-bg': 'rgba(204, 204, 220, 0.08)',
-        'table-header-sort-bg': 'rgba(204, 204, 220, 0.08)',
         'popover-background': 'rgb(22 22 24)', //fc-fill-2
         'normal-color': 'rgb(79, 82, 99)',
 
@@ -53,12 +50,16 @@ function saveLess(filePath, filename, callback) {
         'table-body-sort-bg': 'var(--fc-fill-2-5)',
         'table-row-hover-bg': 'rgb(var(--fc-fill-5-rgb) / 0.2)',
         'table-selected-row-color': 'inherit',
-        // Keep Less color functions compile-safe; runtime CSS vars are patched in theme/default.less.
+        // AntD wraps @table-selected-row-bg in darken() (default.less:644), so it must
+        // be a Less-parsable color literal, not a var(). Keep this explicit neutral overlay.
         'table-selected-row-bg': 'rgba(228, 228, 231, 0.15)',
         'table-body-selected-sort-bg': '@table-selected-row-bg',
+        // Explicit override so AntD's darken(@table-selected-row-bg) default is not used.
         'table-selected-row-hover-bg': 'rgba(228, 228, 231, 0.25)',
         'table-expanded-row-bg': 'var(--fc-fill-2-5)',
-        'table-border-color': '#e4e4e7',
+        // AntD uses @table-border-color in Less color functions such as lighten(),
+        // so this must be the compiled dark value of --fc-border-color, not a CSS var().
+        'table-border-color': 'rgba(255, 255, 255, 0.06)',
         'table-padding-vertical': '16px',
         'table-padding-horizontal': '16px',
         'table-padding-vertical-md': '(@table-padding-vertical * 3 / 4)',

scripts/generate_antd_gold_less.js

@@ -45,38 +45,13 @@ function saveLess(filePath, filename, callback) {
         // 'checkbox-check-color': '#333',
         'btn-primary-color': '#222',
 
+        'table-header-bg': '#fff8e6', //fc-fill-3
+        'table-row-hover-bg': '#fff2cb',
+        'table-header-sort-bg': '#fff8e6',
         'font-family': 'Helvetica Neue,sans-serif,PingFangSC-Regular,microsoft yahei ui,microsoft yahei,simsun,"sans-serif"',
 
-        // 2026-05 table design
+        // 2026-03 release-23 版本，table 的 header 和 hover 背景色不调整还是以当前主题色为主
         'table-bg': 'var(--fc-fill-2)',
-        'table-header-bg': 'var(--fc-fill-2-5)',
-        'table-header-color': 'var(--fc-text-3)',
-        'table-header-sort-bg': 'var(--fc-fill-2-5)',
-        'table-body-sort-bg': 'var(--fc-fill-2-5)',
-        'table-row-hover-bg': 'rgb(var(--fc-fill-5-rgb) / 0.2)',
-        'table-selected-row-color': 'inherit',
-        // Keep Less color functions compile-safe; runtime CSS vars are patched in theme/default.less.
-        'table-selected-row-bg': 'rgba(228, 228, 231, 0.15)',
-        'table-body-selected-sort-bg': '@table-selected-row-bg',
-        'table-selected-row-hover-bg': 'rgba(228, 228, 231, 0.25)',
-        'table-expanded-row-bg': 'var(--fc-fill-2-5)',
-        'table-border-color': '#e4e4e7',
-        'table-padding-vertical': '16px',
-        'table-padding-horizontal': '16px',
-        'table-padding-vertical-md': '(@table-padding-vertical * 3 / 4)',
-        'table-padding-horizontal-md': '(@table-padding-horizontal / 2)',
-        'table-padding-vertical-sm': '(@table-padding-vertical / 2)',
-        'table-padding-horizontal-sm': '(@table-padding-horizontal / 2)',
-        'table-border-radius-base': '@border-radius-base',
-        'table-footer-bg': '@table-header-bg',
-        'table-footer-color': '@table-header-color',
-        'table-header-bg-sm': '@table-header-bg',
-        'table-font-size': '12px',
-        'table-font-size-md': '14px',
-        'table-font-size-sm': '@table-font-size',
-        'table-header-cell-split-color': 'var(--fc-border-color)',
-        'table-header-sort-active-bg': 'rgb(var(--fc-fill-5-rgb) / 0.4)',
-        'table-fixed-header-sort-active-bg': 'var(--fc-fill-3)',
         'border-radius-base': '8px',
         'border-radius-sm': '4px',
         'checkbox-border-radius': '2px',