From ee053f9990c1a64f37d37c9c176a48d011ada2a8 Mon Sep 17 00:00:00 2001
From: oliver <zhoutianjun127@126.com>
Date: Fri, 9 Oct 2026 09:55:38 +0800
Subject: [PATCH] Fix display-column toggle highlight polarity on compare
 board.

Highlight when display columns are visible, and use a stable toggle label.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 web/src/i18n/en.ts                       | 3 ++-
 web/src/i18n/zh.ts                       | 3 ++-
 web/src/pages/network/BizComparePage.tsx | 7 +++----
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/web/src/i18n/en.ts b/web/src/i18n/en.ts
index 5246ade..1061040 100644
--- a/web/src/i18n/en.ts
+++ b/web/src/i18n/en.ts
@@ -527,7 +527,8 @@ const en = {
     keyFiltersToggle: "Field filters",
     hideDisplayCols: "Hide display cols",
     showDisplayCols: "Show display cols",
-    hideDisplayColsHint: "Compact: hide display-only columns so keys and diffs stand out",
+    displayColsToggle: "Display cols",
+    hideDisplayColsHint: "Compact: display-only columns are hidden by default; highlight means they are shown",
     ranWithDuration: "Compare finished ({{s}}s)",
     unchangedNotStored: "Success rows were counted but not stored. Set “Store success rows” to sample and re-run for spot-check.",
     unchangedSampleHint: "{{total}} success rows total; browsing a stratified sample of {{listed}}. Search any route for live source lookup. Pass rate uses all {{total}}.",
diff --git a/web/src/i18n/zh.ts b/web/src/i18n/zh.ts
index 168cdf4..1c9b0fc 100644
--- a/web/src/i18n/zh.ts
+++ b/web/src/i18n/zh.ts
@@ -526,7 +526,8 @@ const zh = {
     keyFiltersToggle: "字段筛选",
     hideDisplayCols: "隐藏展示列",
     showDisplayCols: "显示展示列",
-    hideDisplayColsHint: "紧凑模式：默认隐藏不参与比对的展示列，突出 Key 与差异",
+    displayColsToggle: "展示列",
+    hideDisplayColsHint: "紧凑模式：默认隐藏不参与比对的展示列；高亮表示当前已显示",
     ranWithDuration: "比对完成（耗时 {{s}} 秒）",
     unchangedNotStored: "成功行仅统计数量未落库。可在任务配置将「成功行保存」改为抽样后重新比对（抽查用）。",
     unchangedSampleHint: "成功共 {{total}} 条，明细抽样 {{listed}} 条（分层抽查）。要查任意路由请输入筛选条件——将按原表即时判定。通过率按全部 {{total}} 计。",
diff --git a/web/src/pages/network/BizComparePage.tsx b/web/src/pages/network/BizComparePage.tsx
index 38889e7..22f2213 100644
--- a/web/src/pages/network/BizComparePage.tsx
+++ b/web/src/pages/network/BizComparePage.tsx
@@ -3802,13 +3802,12 @@ export function BizComparePage({ pageMode = "all" }: { pageMode?: BizComparePage
                         ) : null}
                         <button
                           type="button"
-                          className={`bs-cmp-strip__toggle${hideDisplayCols ? " is-active" : ""}`}
+                          className={`bs-cmp-strip__toggle${!hideDisplayCols ? " is-active" : ""}`}
                           title={t("bizCompare.hideDisplayColsHint")}
+                          aria-pressed={!hideDisplayCols}
                           onClick={() => setHideDisplayCols((v) => !v)}
                         >
-                          {hideDisplayCols
-                            ? t("bizCompare.showDisplayCols")
-                            : t("bizCompare.hideDisplayCols")}
+                          {t("bizCompare.displayColsToggle")}
                         </button>
                       </div>
                       {resultSearchKeyFields.length && keyFiltersVisible ? (