From 4bb56bf2274d796dd9b56eb236c7c3e372c56665 Mon Sep 17 00:00:00 2001
From: sunchao <1299792067@qq.com>
Date: Thu, 10 Jul 2025 16:20:20 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E2=9C=A8=20feat:=20=E8=AF=AD=E8=A8=80?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2=E6=A1=86=E6=9E=B6=E6=90=AD=E5=BB=BA=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../tb_graph_ascend/fe/package-lock.json      | 53 ++++++++++++++-
 .../tb_graph_ascend/fe/package.json           |  4 +-
 .../tb_graph_ascend/fe/src/common/i18n.ts     | 44 +++++++++++++
 .../components/tf_main_controler/index.ts     |  9 ++-
 .../fe/src/graph_controls_board/index.ts      | 65 ++++++++++++++-----
 5 files changed, 155 insertions(+), 20 deletions(-)
 create mode 100644 plugins/tensorboard-plugins/tb_graph_ascend/fe/src/common/i18n.ts

diff --git a/plugins/tensorboard-plugins/tb_graph_ascend/fe/package-lock.json b/plugins/tensorboard-plugins/tb_graph_ascend/fe/package-lock.json
index bf8421803..4ab8eb898 100644
--- a/plugins/tensorboard-plugins/tb_graph_ascend/fe/package-lock.json
+++ b/plugins/tensorboard-plugins/tb_graph_ascend/fe/package-lock.json
@@ -50,6 +50,8 @@
         "css-loader": "^7.1.2",
         "d3": "5.7.0",
         "dagre": "^0.8.5",
+        "i18next": "^25.3.2",
+        "i18next-browser-languagedetector": "^8.2.0",
         "lodash": "^4.17.21",
         "prettier": "^3.4.2",
         "style-loader": "^4.0.0"
@@ -74,6 +76,15 @@
         "ws": "8.13.0"
       }
     },
+    "node_modules/@babel/runtime": {
+      "version": "7.27.6",
+      "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.27.6.tgz",
+      "integrity": "sha512-vbavdySgbTTrmFE+EsiqUTzlOr5bzlnJtUv9PynGCAKvfQqjIXbvFdumPM/GxMDfyuGMJaJAU6TO4zc1Jf1i8Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@discoveryjs/json-ext": {
       "version": "0.5.7",
       "resolved": "https://registry.npmmirror.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz",
@@ -4155,6 +4166,46 @@
         "node": ">=10.17.0"
       }
     },
+    "node_modules/i18next": {
+      "version": "25.3.2",
+      "resolved": "https://registry.npmmirror.com/i18next/-/i18next-25.3.2.tgz",
+      "integrity": "sha512-JSnbZDxRVbphc5jiptxr3o2zocy5dEqpVm9qCGdJwRNO+9saUJS0/u4LnM/13C23fUEWxAylPqKU/NpMV/IjqA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://locize.com"
+        },
+        {
+          "type": "individual",
+          "url": "https://locize.com/i18next.html"
+        },
+        {
+          "type": "individual",
+          "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.27.6"
+      },
+      "peerDependencies": {
+        "typescript": "^5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/i18next-browser-languagedetector": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmmirror.com/i18next-browser-languagedetector/-/i18next-browser-languagedetector-8.2.0.tgz",
+      "integrity": "sha512-P+3zEKLnOF0qmiesW383vsLdtQVyKtCNA9cjSoKCppTKPQVfKd2W8hbVo5ZhNJKDqeM7BOcvNoKJOjpHh4Js9g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2"
+      }
+    },
     "node_modules/iconv-lite": {
       "version": "0.4.24",
       "resolved": "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -6204,7 +6255,7 @@
       "version": "5.8.2",
       "resolved": "https://registry.npmmirror.com/typescript/-/typescript-5.8.2.tgz",
       "integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
diff --git a/plugins/tensorboard-plugins/tb_graph_ascend/fe/package.json b/plugins/tensorboard-plugins/tb_graph_ascend/fe/package.json
index fb9c1d48f..5334548a9 100644
--- a/plugins/tensorboard-plugins/tb_graph_ascend/fe/package.json
+++ b/plugins/tensorboard-plugins/tb_graph_ascend/fe/package.json
@@ -71,8 +71,10 @@
     "css-loader": "^7.1.2",
     "d3": "5.7.0",
     "dagre": "^0.8.5",
+    "i18next": "^25.3.2",
+    "i18next-browser-languagedetector": "^8.2.0",
     "lodash": "^4.17.21",
     "prettier": "^3.4.2",
     "style-loader": "^4.0.0"
   }
-}
\ No newline at end of file
+}
diff --git a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/common/i18n.ts b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/common/i18n.ts
new file mode 100644
index 000000000..a18ddbef3
--- /dev/null
+++ b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/common/i18n.ts
@@ -0,0 +1,44 @@
+// i18n.js
+import i18next from 'i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+
+i18next
+    .use(LanguageDetector)
+    .init({
+        fallbackLng: 'zh-CN',
+        resources: {
+            en: {
+                translation: {
+                    "fit": "Fit Screen",
+                    "settings": "Settings",
+                    "match": 'Matching',
+                    "show_debug_minimap": "show debug minimap",
+                    "show_bench_minimap": "show bench minimap",
+                    "run": "Run",
+                    "tag": "Tag",
+                    "invalid_rank_id": "Tip: The target file does not exist"
+                }
+            },
+            'zh-CN': {
+                translation: {
+                    "fit": "自适应屏幕",
+                    "settings": "设置",
+                    "match": '匹配',
+                    "show_debug_minimap": "调试侧缩略图",
+                    "show_bench_minimap": "标杆侧缩略图",
+                    "run": "目录",
+                    "tag": "文件",
+                    "invalid_rank_id": "提示：目标文件不存在"
+                }
+            }
+        },
+        detection: {
+            order: ['navigator'] // 只使用浏览器语言检测
+        },
+        debug: false,
+        interpolation: {
+            escapeValue: false
+        }
+    });
+
+export default i18next;
\ No newline at end of file
diff --git a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_main_controler/index.ts b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_main_controler/index.ts
index 847653905..74131c7c7 100644
--- a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_main_controler/index.ts
+++ b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_main_controler/index.ts
@@ -61,12 +61,15 @@ class MainController extends PolymerElement {
     </style>
 
     <div class="control-holder">
-      <vaadin-combo-box label="目录" items="[[runs]]" value="{{selectedRun}}"></vaadin-combo-box>
-      <vaadin-combo-box label="文件" items="[[tags]]" value="{{selectedTag}}"></vaadin-combo-box>
+      <vaadin-combo-box label="[[t('run')]]" items="[[runs]]" value="{{selectedRun}}"></vaadin-combo-box>
+      <vaadin-combo-box label="[[t('tag')]]" items="[[tags]]" value="{{selectedTag}}"></vaadin-combo-box>
       <vaadin-combo-box label="MicroStep" items="[[microsteps]]" value="{{selectedMicroStep}}"></vaadin-combo-box>
     </div>
   `;
 
+  @property({ type: Object })
+  t: Function = () => '';
+
   @property({ type: Object })
   metaDir: MetaDirType = {};
 
@@ -154,7 +157,7 @@ class MainController extends PolymerElement {
   _getTagChanged(event): void {
     const detail = event.detail;
     if (!detail?.rankId || detail?.rankId >= this.tags.length) {
-      Notification.show('提示：目标文件不存在', {
+      Notification.show(this.t('invalid rank id'), {
         position: 'middle',
         duration: 2000,
         theme: 'warning',
diff --git a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/index.ts b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/index.ts
index 59ec172fe..fc6b7b866 100644
--- a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/index.ts
+++ b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/index.ts
@@ -21,6 +21,7 @@ import '@vaadin/icons';
 import '@vaadin/select';
 import '@vaadin/button';
 
+
 import * as _ from 'lodash';
 import { customElement, property } from '@polymer/decorators';
 import { html, PolymerElement } from '@polymer/polymer';
@@ -29,6 +30,7 @@ import { LegacyElementMixin } from '../polymer/legacy_element_mixin';
 import { PaperCheckboxElement } from '../polymer/irons_and_papers';
 import '../polymer/irons_and_papers';
 
+import i18next from '../common/i18n'
 import './components/tf_main_controler';
 import './components/tf_manual_match/index';
 import './components/tf_color_select/index';
@@ -75,13 +77,17 @@ class TfGraphControls extends LegacyElementMixin(DarkModeMixin(PolymerElement))
       }
       .minimap-control {
         font-size: var(--tb-graph-controls-title-font-size);
-        height: 36px;
-        line-height: 36px;
+        height: 42px;
+        display: flex;
+        flex-wrap: wrap;
       }
-      .right-checkbox {
-        margin-left: 8px;
+
+      .left-checkbox {
+        margin-right: 12px;
       }
 
+
+
       .icon-button {
         font-size: var(--tb-graph-controls-title-font-size);
       }
@@ -109,6 +115,7 @@ class TfGraphControls extends LegacyElementMixin(DarkModeMixin(PolymerElement))
 
       .tabs {
         display: flex;
+        height: 40px;
         border-bottom: 1px solid #ccc;
       }
 
@@ -141,6 +148,17 @@ class TfGraphControls extends LegacyElementMixin(DarkModeMixin(PolymerElement))
         font-weight: 400;
         cursor: pointer;
       }
+      .setting-title {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+      .language-button{
+        font-size: var(--tb-graph-controls-title-font-size);
+        font-weight: 400;
+        cursor: pointer;
+        color: black;
+      }
 
       .hidden {
         display: none;
@@ -152,23 +170,26 @@ class TfGraphControls extends LegacyElementMixin(DarkModeMixin(PolymerElement))
     </style>
 
     <div class="tabs">
-      <button class="tab-button" on-tap="_showNodeControls">设置</button>
-      <button class="tab-button" on-tap="_showMatch">匹配</button>
+      <button class="tab-button" on-tap="_showNodeControls">[[t('settings')]]</button>
+      <button class="tab-button" on-tap="_showMatch">[[t('match')]]</button>
     </div>
     <div id="nodes-content" class="tab-content">
-      <div class="fit-screen">
-        <iron-icon icon="aspect-ratio" class="button-icon"></iron-icon>
-        <vaadin-button theme="tertiary contrast" on-click="_fit">自适应屏幕</vaadin-button>
+      <div class='setting-title'>
+        <div class="fit-screen">
+          <iron-icon icon="aspect-ratio" class="button-icon"></iron-icon>
+          <vaadin-button theme="tertiary contrast" on-click="_fit">[[t('fit')]]</vaadin-button>
+        </div>
+        <vaadin-button class='language-button' theme="tertiary-inline" on-click="changeLanguage">中|en</vaadin-button>
       </div>
-
       <div class="minimap-control">
-        <paper-checkbox checked on-change="_toggleNpuMinimap">调试侧缩略图</paper-checkbox>
+        <paper-checkbox class="left-checkbox" checked on-change="_toggleNpuMinimap">[[t('show_debug_minimap')]]</paper-checkbox>
         <template is="dom-if" if="[[!isSingleGraph]]">
-          <paper-checkbox class="right-checkbox" checked on-click="_toggleBenchMinimap">标杆侧缩略图</paper-checkbox>
+          <paper-checkbox  checked on-click="_toggleBenchMinimap">[[t('show_bench_minimap')]]</paper-checkbox>
         </template>
       </div>
       <div class="container-wrapper">
         <tf-main-controler
+          t="[[t]]"
           meta-dir="[[metaDir]]"
           selection="{{selection}}"
           microsteps="[[microsteps]]"
@@ -207,6 +228,9 @@ class TfGraphControls extends LegacyElementMixin(DarkModeMixin(PolymerElement))
     </div>
   `;
 
+  @property({ type: Object })
+  t: Function = (key) => i18next.t(key);
+
   @property({ type: Object })
   metaDir: MetaDirType = {} as MetaDirType;
 
@@ -247,7 +271,18 @@ class TfGraphControls extends LegacyElementMixin(DarkModeMixin(PolymerElement))
 
   override ready(): void {
     super.ready();
-    this._showTabContent('设置', 'nodes-content');
+    this._showTabContent(this.t('settings'), 'nodes-content');
+  }
+
+  changeLanguage() {
+    const currentLang = i18next.language === 'en' ? 'zh-CN' : 'en';
+    i18next.changeLanguage(currentLang).then(() => {
+      //更新语言后重新渲染
+      const t = this.t;
+      this.set('t', null);
+      this.set('t', t);
+
+    });
   }
 
   _showTabContent(buttonText, contentId): void {
@@ -278,11 +313,11 @@ class TfGraphControls extends LegacyElementMixin(DarkModeMixin(PolymerElement))
 
   // 使用示例
   _showNodeControls(): void {
-    this._showTabContent('设置', 'nodes-content');
+    this._showTabContent(this.t('settings'), 'nodes-content');
   }
 
   _showMatch(): void {
-    this._showTabContent('匹配', 'match-content');
+    this._showTabContent(this.t('match'), 'match-content');
   }
 
   _fit(): void {
-- 
Gitee


From 9c6b87239c63623d7847d9cad871bb7cb40e88ab Mon Sep 17 00:00:00 2001
From: sunchao <1299792067@qq.com>
Date: Fri, 11 Jul 2025 10:33:20 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=E2=9C=A8=20feat:=E5=8C=B9=E9=85=8D?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E4=B8=AD=E8=8B=B1=E6=96=87=EF=BC=8820%?=
 =?UTF-8?q?=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../tb_graph_ascend/fe/src/common/constant.ts |  8 ---
 .../tb_graph_ascend/fe/src/common/i18n.ts     | 69 ++++++++++++++-----
 .../components/tf_color_select/index.ts       | 35 +++++++---
 .../tf_linkage_search_combox/index.ts         | 23 +++++--
 .../components/tf_main_controler/index.ts     |  2 +-
 .../components/tf_manual_match/index.ts       | 25 +++++--
 .../fe/src/graph_controls_board/index.ts      |  5 +-
 7 files changed, 118 insertions(+), 49 deletions(-)

diff --git a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/common/constant.ts b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/common/constant.ts
index d9ba426e9..145aa9438 100644
--- a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/common/constant.ts
+++ b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/common/constant.ts
@@ -78,11 +78,3 @@ export const PREFIX_MAP = {
   NPU: NPU_PREFIX,
   Bench: BENCH_PREFIX,
 };
-
-export const PRECISION_DESC = {
-  "summary": "节点中调试侧和标杆侧输出的统计量相对误差，值越大精度差距越大，颜色标记越深,相对误差指标（RelativeErr）：| (调试值 - 标杆值) / 标杆值 |",
-
-  "all": "节点中所有输入的最小双千指标和所有输出的最小双千分之一指标的差值，反映了双千指标的下降情况，值越大精度差距越大，颜色标记越深，双千分之一精度指标（One Thousandth Err Ratio）：Tensor中的元素逐个与对应的标杆数据对比，相对误差小于千分之一的比例占总元素个数的比例，比例越接近1越好",
-
-  "md5": "节点中任意输入输出的md5值不同则标记为红色"
-}
\ No newline at end of file
diff --git a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/common/i18n.ts b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/common/i18n.ts
index a18ddbef3..18036be0c 100644
--- a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/common/i18n.ts
+++ b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/common/i18n.ts
@@ -9,26 +9,63 @@ i18next
         resources: {
             en: {
                 translation: {
-                    "fit": "Fit Screen",
-                    "settings": "Settings",
-                    "match": 'Matching',
-                    "show_debug_minimap": "show debug minimap",
-                    "show_bench_minimap": "show bench minimap",
-                    "run": "Run",
-                    "tag": "Tag",
-                    "invalid_rank_id": "Tip: The target file does not exist"
+                    fit: "Fit Screen",
+                    settings: "Settings",
+                    match: 'Matching',
+                    show_debug_minimap: "show debug minimap",
+                    show_bench_minimap: "show bench minimap",
+                    run: "Run",
+                    tag: "Tag",
+                    invalid_rank_id: "Tip: The target file does not exist",
+                    data_side: "Data Side",
+                    search_node: "Search Node",
+                    node_list: "Node List",
+                    debug: "Debug",
+                    bench: "Bench",
+                    accuracy_error: "Accuracy Error",
+                    overflow: "Overflow",
+                    match_accuracy_error: "Match Accuracy Error Node",
+                    overflow_filter_node: "Overflow Filter Node",
+                    no_matching_nodes: "No matching nodes",
+                    precision_desc: {
+                        summary: "The relative error between the statistical output of the debug side and the benchmark side of the node, the larger the value, the greater the precision gap, the darker the color mark, the relative error indicator (RelativeErr): | (debug value - benchmark value) / benchmark value |",
+                        all: "The difference between the minimum double thousand indicator of all inputs and the minimum double thousandth indicator of all outputs of the node, reflecting the decline of the double thousand indicator, the larger the value, the greater the precision gap, the darker the color mark, the double thousandth precision indicator (One Thousandth Err Ratio): The relative error of each element in the tensor is compared with the corresponding benchmark data, the proportion of relative error less than one thousandth of the total number of elements, the closer the proportion is to 1, the better",
+                        md5: "If the md5 value of any input or output of the node is different, it will be marked red"
+                    },
+                    node_match: "Node Match",
+                    select_match_config_file: "Select Match Config File",
+                    select_match_config_file_desc: "Select the corresponding configuration file, read the matching node information, and match the corresponding node."
+
                 }
             },
             'zh-CN': {
                 translation: {
-                    "fit": "自适应屏幕",
-                    "settings": "设置",
-                    "match": '匹配',
-                    "show_debug_minimap": "调试侧缩略图",
-                    "show_bench_minimap": "标杆侧缩略图",
-                    "run": "目录",
-                    "tag": "文件",
-                    "invalid_rank_id": "提示：目标文件不存在"
+                    fit: "自适应屏幕",
+                    settings: "设置",
+                    match: '匹配',
+                    show_debug_minimap: "调试侧缩略图",
+                    show_bench_minimap: "标杆侧缩略图",
+                    run: "目录",
+                    tag: "文件",
+                    invalid_rank_id: "提示：目标文件不存在",
+                    data_side: "数据侧",
+                    search_node: "节点搜索",
+                    node_list: "节点列表",
+                    debug: "调试侧",
+                    bench: "标杆侧",
+                    accuracy_error: "精度误差",
+                    overflow: "精度溢出",
+                    match_accuracy_error: "符合精度误差节点",
+                    overflow_filter_node: "溢出筛选节点",
+                    no_matching_nodes: "无匹配节点11",
+                    precision_desc: {
+                        "summary": "节点中调试侧和标杆侧输出的统计量相对误差，值越大精度差距越大，颜色标记越深,相对误差指标（RelativeErr）：| (调试值 - 标杆值) / 标杆值 |",
+                        "all": "节点中所有输入的最小双千指标和所有输出的最小双千分之一指标的差值，反映了双千指标的下降情况，值越大精度差距越大，颜色标记越深，双千分之一精度指标（One Thousandth Err Ratio）：Tensor中的元素逐个与对应的标杆数据对比，相对误差小于千分之一的比例占总元素个数的比例，比例越接近1越好",
+                        "md5": "节点中任意输入输出的md5值不同则标记为红色"
+                    },
+                    node_match: "节点匹配",
+                    select_match_config_file: "选择匹配配置文件",
+                    select_match_config_file_desc: "选择对应配置文件，会读取匹配节点信息，并将对应节点进行匹配。"
                 }
             }
         },
diff --git a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_color_select/index.ts b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_color_select/index.ts
index a8efe1615..f7cdb2bee 100644
--- a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_color_select/index.ts
+++ b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_color_select/index.ts
@@ -24,9 +24,7 @@ import { NPU_PREFIX, UNMATCHED_COLOR, defaultColorSetting, defaultColorSelects }
 import request from '../../../utils/request';
 import { DarkModeMixin } from '../../../polymer/dark_mode_mixin';
 import { LegacyElementMixin } from '../../../polymer/legacy_element_mixin';
-import { PRECISION_DESC } from '../../../common/constant';
 
-const UNMATCHED_NODE_NAME = '无匹配节点';
 @customElement('tf-color-select')
 class Legend extends LegacyElementMixin(DarkModeMixin(PolymerElement)) {
   // 定义模板
@@ -146,7 +144,7 @@ class Legend extends LegacyElementMixin(DarkModeMixin(PolymerElement)) {
           cursor: pointer;
           position: relative;
           font-size: 10px;
-          top: -4px;
+          top: -2px;
           left: 2px;
         }
 
@@ -170,7 +168,7 @@ class Legend extends LegacyElementMixin(DarkModeMixin(PolymerElement)) {
               <template is="dom-if" if="[[!isOverflowFilter]]">
                 <div class="toolbar">
                   <div style="font-size: 15px">
-                    精度误差
+                    [[t("accuracy_error")]]
                   <vaadin-icon id="question" icon="vaadin:question-circle"></vaadin-icon>
                   <vaadin-tooltip
                     for="question"
@@ -188,7 +186,7 @@ class Legend extends LegacyElementMixin(DarkModeMixin(PolymerElement)) {
               </template>
               <template is="dom-if" if="[[isOverflowFilter]]">
                 <div class="toolbar">
-                  <div style="font-size: 15px">精度溢出</div>
+                  <div style="font-size: 15px">[[t("overflow")]]</div>
                   <template is="dom-if" if="[[showSwitchIcon]]">
                     <vaadin-icon icon="vaadin:exchange" on-click="_selectedTabChanged"></vaadin-icon>
                   </template>
@@ -208,7 +206,7 @@ class Legend extends LegacyElementMixin(DarkModeMixin(PolymerElement)) {
                 </div>
                 <div class="container-search">
                   <tf-search-combox
-                    label="符合精度误差节点([[precisionmenu.length]])"
+                    label="[[t('match_accuracy_error')]]([[precisionmenu.length]])"
                     items="[[precisionmenu]]"
                     selected-value="{{selectedPrecisionNode}}"
                     on-select-change="[[_observePrecsionNode]]"
@@ -233,7 +231,7 @@ class Legend extends LegacyElementMixin(DarkModeMixin(PolymerElement)) {
                 </template>
                 <div class="container-search">
                   <tf-search-combox
-                    label="溢出筛选节点([[overflowmenu.length]])"
+                    label="[[t('overflow_filter_node')]]([[overflowmenu.length]])"
                     items="[[overflowmenu]]"
                     selected-value="{{selectedOverflowNode}}"
                     on-select-change="[[_observeOverFlowNode]]"
@@ -322,6 +320,9 @@ class Legend extends LegacyElementMixin(DarkModeMixin(PolymerElement)) {
       </template>
     `;
 
+  @property({ type: Object })
+  t: Function = () => '';
+
   @property({ type: Boolean })
   _colorSetting: boolean = true; // 颜色设置按钮
 
@@ -403,7 +404,19 @@ class Legend extends LegacyElementMixin(DarkModeMixin(PolymerElement)) {
   task: string = '';
 
   @property({ type: String })
-  precisionDesc: string = PRECISION_DESC[this.task];
+  precisionDesc: string = '';
+
+  @property({ type: String })
+  unMatchedNodeName = this.t('no_matching_nodes')
+
+
+  @observe('t')
+  _observeT(): void {
+    if (this.t) {
+      this.set('unMatchedNodeName', this.t('no_matching_nodes'));
+      this.set('precisionDesc', this.t(`precision_desc.${this.task}`));
+    }
+  }
 
   @observe('colorset')
   _observeColorSet(): void {
@@ -414,7 +427,7 @@ class Legend extends LegacyElementMixin(DarkModeMixin(PolymerElement)) {
       const colorsets = this.colorset;
       for (const item of colorsets) {
         if (item[1].value.length === 0) {
-          item[1].value.push(UNMATCHED_NODE_NAME);
+          item[1].value.push(this.unMatchedNodeName);
         }
       }
       this.colorSetChanged = colorsets;
@@ -424,7 +437,7 @@ class Legend extends LegacyElementMixin(DarkModeMixin(PolymerElement)) {
   }
   @observe('task')
   _observeTask(): void {
-    this.set('precisionDesc', PRECISION_DESC[this.task]);
+    this.set('precisionDesc', this.t(`precision_desc.${this.task}`));
   }
 
   // 写一个如果切换数据清除所有checkbox和所有this.selectColor
@@ -517,7 +530,7 @@ class Legend extends LegacyElementMixin(DarkModeMixin(PolymerElement)) {
     }
     // 无匹配节点图例一定存在
     newColorsList[UNMATCHED_COLOR] = {
-      value: UNMATCHED_NODE_NAME,
+      value: this.unMatchedNodeName,
       description: '对比过程中节点未匹配上',
     };
 
diff --git a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_linkage_search_combox/index.ts b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_linkage_search_combox/index.ts
index 77273f19e..227e3818e 100644
--- a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_linkage_search_combox/index.ts
+++ b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_linkage_search_combox/index.ts
@@ -88,13 +88,13 @@ class Legend extends PolymerElement {
     <div class="control-holder">
       <div class="condition">
         <vaadin-select
-          label="数据侧"
+          label="[[t('data_side')]]"
           readonly="[[!isCompareGraph]]"
           items="[[menuSideItem]]"
           value="{{selectedSide}}"
         ></vaadin-select>
         <vaadin-text-field
-          label="节点搜索"
+          label="[[t('search_node')]]"
           value="{{searchText}}"
           on-change="_onChangeSearchText"
           clear-button-visible
@@ -102,7 +102,7 @@ class Legend extends PolymerElement {
       </div>
       <div class="result">
         <tf-search-combox
-          label="节点列表([[menuItem.length]])"
+          label="[[t('node_list')]]([[menuItem.length]])"
           items="[[menuItem]]"
           selected-value="{{selectedMenuNode}}"
           on-select-change="[[_onSelectedMenuNode]]"
@@ -110,7 +110,8 @@ class Legend extends PolymerElement {
       </div>
     </div>
   `;
-
+  @property({ type: Object })
+  t: Function = () => '';
   @property({ type: String, notify: true })
   selectedNode = '';
 
@@ -134,8 +135,8 @@ class Legend extends PolymerElement {
 
   @property({ type: Array })
   menuSideItem = [
-    { label: '调试侧', value: 'npu' },
-    { label: '标杆侧', value: 'bench' },
+    { label: this.t('debug'), value: 'npu' },
+    { label: this.t('bench'), value: 'bench' },
   ];
 
   @observe('selectedSide')
@@ -146,6 +147,16 @@ class Legend extends PolymerElement {
       this.set('selectedMenuNode', '');
     }
   }
+  @observe('t')
+  _observeT(): void {
+    if (this.t) {
+      this.set('menuSideItem', [
+        { label: this.t('debug'), value: 'npu' },
+        { label: this.t('bench'), value: 'bench' },
+      ]);
+    }
+  }
+
 
   @observe('nodelist')
   _observeMenu(): void {
diff --git a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_main_controler/index.ts b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_main_controler/index.ts
index 74131c7c7..abbe6a3cf 100644
--- a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_main_controler/index.ts
+++ b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_main_controler/index.ts
@@ -157,7 +157,7 @@ class MainController extends PolymerElement {
   _getTagChanged(event): void {
     const detail = event.detail;
     if (!detail?.rankId || detail?.rankId >= this.tags.length) {
-      Notification.show(this.t('invalid rank id'), {
+      Notification.show(this.t('invalid_rank_id'), {
         position: 'middle',
         duration: 2000,
         theme: 'warning',
diff --git a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_manual_match/index.ts b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_manual_match/index.ts
index d9211712a..5bd9bf1a9 100644
--- a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_manual_match/index.ts
+++ b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_manual_match/index.ts
@@ -26,6 +26,7 @@ import { PolymerElement, html } from '@polymer/polymer';
 import { customElement, property, observe } from '@polymer/decorators';
 import { NPU_PREFIX, BENCH_PREFIX } from '../../../common/constant';
 import useMatched from './useMatched';
+import i18next from '../../../common/i18n'
 import type { UseMatchedType } from '../../type';
 
 import '../tf_search_combox/index';
@@ -97,7 +98,7 @@ class Legend extends PolymerElement {
         position: absolute;
         font-size: 10px;
         top: 14px;
-        left: 122px;
+        left: var(--question-config-left, 120px);
       }
       .button-wrapper {
         position: relative;
@@ -125,10 +126,10 @@ class Legend extends PolymerElement {
         cursor: pointer;
       }
     </style>
-    <vaadin-details class="vaadin-details" summary="节点匹配" opened>
+    <vaadin-details class="vaadin-details" summary="[[t('node_match')]]" opened>
       <div class="warning">
         <vaadin-combo-box
-          label="选择匹配配置文件"
+          label="[[t('select_match_config_file')]]"
           items="[[matchedConfigFiles]]"
           value="{{selectedConfigFile}}"
           on-change="_addMatchedNodesLinkByConfigFile"
@@ -136,7 +137,7 @@ class Legend extends PolymerElement {
         <vaadin-icon id="question" icon="vaadin:question-circle"></vaadin-icon>
         <vaadin-tooltip
           for="question"
-          text="选择对应配置文件，会读取匹配节点信息，并将对应节点进行匹配。"
+          text="[[t('select_match_config_file_desc')]]"
           position="end"
         ></vaadin-tooltip>
       </div>
@@ -146,14 +147,14 @@ class Legend extends PolymerElement {
       <div class="unmatched-node">
         <p class="vaadin-details-title">未匹配节点</p>
         <tf-search-combox
-          label="调试侧([[npuUnMatchedNodes.length]])"
+          label="[[t('debug')]]([[npuUnMatchedNodes.length]])"
           items="[[npuUnMatchedNodes]]"
           selected-value="{{selectedNpuUnMatchedNode}}"
           on-select-change="[[_changeNpuUnMatchedNode]]"
           is-compare-graph="[[isCompareGraph]]"
         ></tf-search-combox>
         <tf-search-combox
-          label="标杆侧([[benchUnMatchedNodes.length]])"
+          label="[[t('bench')]]([[benchUnMatchedNodes.length]])"
           items="[[benchUnMatchedNodes]]"
           selected-value="{{selectedBenchUnMatchedNode}}"
           on-select-change="[[_changeBenchUnMatchedNode]]"
@@ -226,6 +227,9 @@ class Legend extends PolymerElement {
     </vaadin-details>
   `;
 
+  @property({ type: Object })
+  t: Function = () => '';
+
   @property({ type: Object })
   unmatched: any = [];
 
@@ -299,6 +303,15 @@ class Legend extends PolymerElement {
   npuMatchedNodeList = {};
   benchMatchedNodeList = {};
 
+  @observe('t')
+  _observeT(): void {
+    if (this.t) {
+      this.updateStyles({
+        '--question-config-left': i18next.language === 'zh-CN' ? '120px' : '162px',
+      });
+    }
+  }
+
   @observe('unmatched')
   _observeUnmatchedNode(): void {
     this.set('npuUnMatchedNodes', this.unmatched.npuNodeList || []);
diff --git a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/index.ts b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/index.ts
index fc6b7b866..f5d8ed4ee 100644
--- a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/index.ts
+++ b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/index.ts
@@ -197,13 +197,15 @@ class TfGraphControls extends LegacyElementMixin(DarkModeMixin(PolymerElement))
       </div>
       <div class="container-wrapper">
         <tf-linkage-search-combox
-          nodelist="[[nodelist]]"
+          t="[[t]]"
+          nodelist="[[nodelist]]"           
           selected-node="{{selectedNode}}"
           is-compare-graph="[[!isSingleGraph]]"
         >
         </tf-linkage-search-combox>
       </div>
       <tf-color-select
+        t="[[t]]"
         colors="{{colors}}"
         task=[[task]]
         is-overflow-filter="{{isOverflowFilter}}"
@@ -217,6 +219,7 @@ class TfGraphControls extends LegacyElementMixin(DarkModeMixin(PolymerElement))
     <div id="directory-content" class="tab-content hidden"></div>
     <div id="match-content" class="tab-content hidden">
       <tf-manual-match
+        t="[[t]]"
         unmatched="[[unmatched]]"
         selected-node="{{selectedNode}}"
         selection="[[selection]]"
-- 
Gitee


From 2f3102da187aad93a346ed27972e06e76fb2344e Mon Sep 17 00:00:00 2001
From: sunchao <1299792067@qq.com>
Date: Thu, 7 Aug 2025 14:45:29 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=F0=9F=A6=84=20refactor:=20=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4=E6=97=A0=E5=85=B3=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../tb_graph_ascend/fe/package-lock.json      | 31 ++++++-------------
 .../components/tf_color_select/index.ts       |  2 --
 2 files changed, 9 insertions(+), 24 deletions(-)

diff --git a/plugins/tensorboard-plugins/tb_graph_ascend/fe/package-lock.json b/plugins/tensorboard-plugins/tb_graph_ascend/fe/package-lock.json
index 7843d723c..e2e1469c7 100644
--- a/plugins/tensorboard-plugins/tb_graph_ascend/fe/package-lock.json
+++ b/plugins/tensorboard-plugins/tb_graph_ascend/fe/package-lock.json
@@ -42,6 +42,8 @@
         "d3": "^7.9.0",
         "dagre": "^0.8.5",
         "form-data": "^4.0.4",
+        "i18next": "^25.3.2",
+        "i18next-browser-languagedetector": "^8.2.0",
         "lodash": "^4.17.21",
         "prettier": "^3.4.2",
         "style-loader": "^4.0.0"
@@ -62,13 +64,13 @@
         "typescript": "^5.4.5",
         "webpack": "^5.96.1",
         "webpack-cli": "^5.1.4",
-        "webpack-dev-server": "4.15.1",
+        "webpack-dev-server": "4.15.1"
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.27.6",
-      "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.27.6.tgz",
-      "integrity": "sha512-vbavdySgbTTrmFE+EsiqUTzlOr5bzlnJtUv9PynGCAKvfQqjIXbvFdumPM/GxMDfyuGMJaJAU6TO4zc1Jf1i8Q==",
+      "version": "7.28.2",
+      "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.28.2.tgz",
+      "integrity": "sha512-KHp2IflsnGywDjBWDkR9iEqiWSpc8GIi0lgTT3mOElT0PP1tG26P4tmFI2YvAdzgq9RGyoHZQEIEdZy6Ec5xCA==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -86,7 +88,7 @@
     },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.12",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.12.tgz",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.12.tgz",
       "integrity": "sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==",
       "license": "MIT",
       "dependencies": {
@@ -1957,7 +1959,7 @@
     },
     "node_modules/brace-expansion": {
       "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.12.tgz",
       "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
       "license": "MIT",
       "dependencies": {
@@ -3430,7 +3432,7 @@
     },
     "node_modules/form-data": {
       "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
+      "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.4.tgz",
       "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
       "license": "MIT",
       "dependencies": {
@@ -3476,21 +3478,6 @@
       "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
       "license": "ISC"
     },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
     "node_modules/function-bind": {
       "version": "1.1.2",
       "resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz",
diff --git a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_color_select/index.ts b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_color_select/index.ts
index 042b06431..07601d2c6 100644
--- a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_color_select/index.ts
+++ b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/graph_controls_board/components/tf_color_select/index.ts
@@ -25,9 +25,7 @@ import { NPU_PREFIX, UNMATCHED_COLOR, defaultColorSetting, defaultColorSelects }
 import request from '../../../utils/request';
 import { DarkModeMixin } from '../../../polymer/dark_mode_mixin';
 import { LegacyElementMixin } from '../../../polymer/legacy_element_mixin';
-import { PRECISION_DESC } from '../../../common/constant';
 import '../tf_filter_precision_error/index'
-const UNMATCHED_NODE_NAME = '无匹配节点';
 @customElement('tf-color-select')
 class Legend extends LegacyElementMixin(DarkModeMixin(PolymerElement)) {
   // 定义模板
-- 
Gitee


From cc828e63d05f23eb4dcc01c147dc784e0d4132b9 Mon Sep 17 00:00:00 2001
From: sunchao <1299792067@qq.com>
Date: Thu, 7 Aug 2025 15:05:00 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=F0=9F=8C=88=20style:=20=E5=8A=A0=E7=89=88?=
 =?UTF-8?q?=E6=9D=83=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../tb_graph_ascend/fe/package-lock.json      | 28 +++++++------------
 .../tb_graph_ascend/fe/package.json           | 12 ++++----
 .../tb_graph_ascend/fe/src/common/i18n.ts     | 18 ++++++++++--
 3 files changed, 32 insertions(+), 26 deletions(-)

diff --git a/plugins/tensorboard-plugins/tb_graph_ascend/fe/package-lock.json b/plugins/tensorboard-plugins/tb_graph_ascend/fe/package-lock.json
index e2e1469c7..79dcfed45 100644
--- a/plugins/tensorboard-plugins/tb_graph_ascend/fe/package-lock.json
+++ b/plugins/tensorboard-plugins/tb_graph_ascend/fe/package-lock.json
@@ -42,8 +42,8 @@
         "d3": "^7.9.0",
         "dagre": "^0.8.5",
         "form-data": "^4.0.4",
-        "i18next": "^25.3.2",
-        "i18next-browser-languagedetector": "^8.2.0",
+        "i18next": "^23.16.8",
+        "i18next-browser-languagedetector": "^7.2.2",
         "lodash": "^4.17.21",
         "prettier": "^3.4.2",
         "style-loader": "^4.0.0"
@@ -3982,9 +3982,9 @@
       }
     },
     "node_modules/i18next": {
-      "version": "25.3.2",
-      "resolved": "https://registry.npmmirror.com/i18next/-/i18next-25.3.2.tgz",
-      "integrity": "sha512-JSnbZDxRVbphc5jiptxr3o2zocy5dEqpVm9qCGdJwRNO+9saUJS0/u4LnM/13C23fUEWxAylPqKU/NpMV/IjqA==",
+      "version": "23.16.8",
+      "resolved": "https://registry.npmmirror.com/i18next/-/i18next-23.16.8.tgz",
+      "integrity": "sha512-06r/TitrM88Mg5FdUXAKL96dJMzgqLE5dv3ryBAra4KCwD9mJ4ndOTS95ZuymIGoE+2hzfdaMak2X11/es7ZWg==",
       "funding": [
         {
           "type": "individual",
@@ -4001,21 +4001,13 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.27.6"
-      },
-      "peerDependencies": {
-        "typescript": "^5"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
+        "@babel/runtime": "^7.23.2"
       }
     },
     "node_modules/i18next-browser-languagedetector": {
-      "version": "8.2.0",
-      "resolved": "https://registry.npmmirror.com/i18next-browser-languagedetector/-/i18next-browser-languagedetector-8.2.0.tgz",
-      "integrity": "sha512-P+3zEKLnOF0qmiesW383vsLdtQVyKtCNA9cjSoKCppTKPQVfKd2W8hbVo5ZhNJKDqeM7BOcvNoKJOjpHh4Js9g==",
+      "version": "7.2.2",
+      "resolved": "https://registry.npmmirror.com/i18next-browser-languagedetector/-/i18next-browser-languagedetector-7.2.2.tgz",
+      "integrity": "sha512-6b7r75uIJDWCcCflmbof+sJ94k9UQO4X0YR62oUfqGI/GjCLVzlCwu8TFdRZIqVLzWbzNcmkmhfqKEr4TLz4HQ==",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.23.2"
@@ -6069,7 +6061,7 @@
       "version": "5.8.2",
       "resolved": "https://registry.npmmirror.com/typescript/-/typescript-5.8.2.tgz",
       "integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
-      "devOptional": true,
+      "dev": true,
       "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
diff --git a/plugins/tensorboard-plugins/tb_graph_ascend/fe/package.json b/plugins/tensorboard-plugins/tb_graph_ascend/fe/package.json
index 018606838..3185e4db9 100644
--- a/plugins/tensorboard-plugins/tb_graph_ascend/fe/package.json
+++ b/plugins/tensorboard-plugins/tb_graph_ascend/fe/package.json
@@ -28,6 +28,7 @@
     "webpack-dev-server": "4.15.1"
   },
   "dependencies": {
+    "@jridgewell/gen-mapping": "^0.3.12",
     "@polymer/decorators": "^3.0.0",
     "@polymer/iron-collapse": "^3.0.1",
     "@polymer/iron-icon": "^3.0.1",
@@ -54,18 +55,17 @@
     "@vaadin/text-field": "24.6.5",
     "@vaadin/tooltip": "24.6.5",
     "axios": "^1.8.4",
+    "brace-expansion": "^1.1.12",
     "clean-webpack-plugin": "^4.0.0",
     "cross-env": "^7.0.3",
     "css-loader": "^7.1.2",
     "d3": "^7.9.0",
     "dagre": "^0.8.5",
-    "i18next": "^25.3.2",
-    "i18next-browser-languagedetector": "^8.2.0",
+    "form-data": "^4.0.4",
+    "i18next": "^23.16.8",
+    "i18next-browser-languagedetector": "^7.2.2",
     "lodash": "^4.17.21",
     "prettier": "^3.4.2",
-    "style-loader": "^4.0.0",
-    "form-data": "^4.0.4",
-    "brace-expansion": "^1.1.12",
-    "@jridgewell/gen-mapping": "^0.3.12"
+    "style-loader": "^4.0.0"
   }
 }
diff --git a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/common/i18n.ts b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/common/i18n.ts
index 18036be0c..1f0e5ca5a 100644
--- a/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/common/i18n.ts
+++ b/plugins/tensorboard-plugins/tb_graph_ascend/fe/src/common/i18n.ts
@@ -1,4 +1,18 @@
-// i18n.js
+/* Copyright (c) 2025, Huawei Technologies.
+ * All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0  (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 import i18next from 'i18next';
 import LanguageDetector from 'i18next-browser-languagedetector';
 
@@ -7,7 +21,7 @@ i18next
     .init({
         fallbackLng: 'zh-CN',
         resources: {
-            en: {
+            'en': {
                 translation: {
                     fit: "Fit Screen",
                     settings: "Settings",
-- 
Gitee