不再使用 --desktop-compact-history-center-x，只保留一次性的 historyOffsetX

移除 historyCenterX 传递和 CSS 写入

Author: MingTianSang

frontend/react-neko-chat/src/styles.css

@@ -2321,10 +2321,7 @@ body.electron-chat-window.subtitle-web-host .compact-chat-surface-shell {
   );
   --compact-export-history-half-inline-size: calc(var(--compact-export-history-inline-size) / 2);
   --compact-export-history-safe-inset: calc(var(--compact-export-history-viewport-gutter) / 2);
-  --compact-export-history-center-x: var(
-    --desktop-compact-history-center-x,
-    calc(var(--desktop-compact-surface-left, var(--compact-surface-left, 50vw)) + (var(--compact-export-surface-width) / 2) + var(--desktop-compact-history-offset-x, 0px))
-  );
+  --compact-export-history-center-x: calc(var(--desktop-compact-surface-left, var(--compact-surface-left, 50vw)) + (var(--compact-export-surface-width) / 2) + var(--desktop-compact-history-offset-x, 0px));
   left: clamp(
     calc(var(--compact-export-history-viewport-inline-start) + var(--compact-export-history-half-inline-size) + var(--compact-export-history-safe-inset)),
     var(--compact-export-history-center-x),

static/app-react-chat-window.js

@@ -375,7 +375,6 @@
         var workArea = normalizeCompactDesktopWorkArea(layout.workArea);
         var windowBounds = normalizeCompactDesktopWindowBounds(layout.windowBounds);
         var historyOffsetX = Number(layout.historyOffsetX);
-        var historyCenterX = Number(layout.historyCenterX);
         var compactChoicePlacement = layout.compactChoicePlacement === 'above' || layout.compactChoicePlacement === 'below'
             ? layout.compactChoicePlacement
             : null;
@@ -386,7 +385,6 @@
             workArea: workArea,
             windowBounds: windowBounds,
             historyOffsetX: Number.isFinite(historyOffsetX) ? historyOffsetX : 0,
-            historyCenterX: Number.isFinite(historyCenterX) ? historyCenterX : null,
             compactChoicePlacement: compactChoicePlacement
         };
     }
@@ -1140,8 +1138,7 @@
         }
         parts.push(
             'history',
-            Math.round(layoutOverride.historyOffsetX || 0),
-            Number.isFinite(layoutOverride.historyCenterX) ? Math.round(layoutOverride.historyCenterX) : 'none'
+            Math.round(layoutOverride.historyOffsetX || 0)
         );
         return parts.join(':');
     }
@@ -1621,7 +1618,6 @@
         document.documentElement.style.removeProperty('--compact-desktop-workarea-width');
         document.documentElement.style.removeProperty('--compact-desktop-workarea-height');
         document.documentElement.style.removeProperty('--desktop-compact-history-offset-x');
-        document.documentElement.style.removeProperty('--desktop-compact-history-center-x');
         compactSurfaceAnchorSnapshot = '';
         compactSurfaceAnchorLocked = false;
         dispatchCompactSurfaceLayoutChange(null);
@@ -1682,11 +1678,6 @@
             document.documentElement.style.setProperty('--desktop-compact-surface-width', Math.round(target.width) + 'px');
             document.documentElement.style.setProperty('--desktop-compact-surface-height', Math.round(target.height || COMPACT_SURFACE_DEFAULT_HEIGHT) + 'px');
             document.documentElement.style.setProperty('--desktop-compact-history-offset-x', Math.round(layoutOverride.historyOffsetX || 0) + 'px');
-            if (Number.isFinite(layoutOverride.historyCenterX)) {
-                document.documentElement.style.setProperty('--desktop-compact-history-center-x', Math.round(layoutOverride.historyCenterX) + 'px');
-            } else {
-                document.documentElement.style.removeProperty('--desktop-compact-history-center-x');
-            }
         }
         if (layoutOverride && layoutOverride.workArea) {
             var workAreaWindowX = layoutOverride.windowBounds ? Math.round(layoutOverride.windowBounds.x) : Math.round(layoutOverride.workArea.left);

tests/unit/test_react_chat_window_static.py

@@ -195,20 +195,15 @@ def test_desktop_compact_history_uses_workarea_not_browserwindow_viewport():
     assert "--compact-desktop-workarea-width" in script
     assert "--compact-desktop-workarea-height" in script
     assert "var historyOffsetX = Number(layout.historyOffsetX);" in script
-    assert "var historyCenterX = Number(layout.historyCenterX);" in script
     assert "historyOffsetX: Number.isFinite(historyOffsetX) ? historyOffsetX : 0" in script
-    assert "historyCenterX: Number.isFinite(historyCenterX) ? historyCenterX : null" in script
     assert "document.documentElement.style.setProperty('--desktop-compact-history-offset-x', Math.round(layoutOverride.historyOffsetX || 0) + 'px');" in script
-    assert "document.documentElement.style.setProperty('--desktop-compact-history-center-x', Math.round(layoutOverride.historyCenterX) + 'px');" in script
     assert "document.documentElement.style.removeProperty('--desktop-compact-history-offset-x');" in script
-    assert "document.documentElement.style.removeProperty('--desktop-compact-history-center-x');" in script
     assert "var workAreaWindowX = layoutOverride.windowBounds ? Math.round(layoutOverride.windowBounds.x) : Math.round(layoutOverride.workArea.left);" in script
     assert "Math.round(layoutOverride.workArea.left - workAreaWindowX) + 'px'" in script
     assert "Math.round(layoutOverride.workArea.right - workAreaWindowX) + 'px'" in script
     assert "function getCompactDesktopCssVarSnapshot(layoutOverride)" in script
     assert "Math.round(layoutOverride.workArea.left - workAreaWindowX)" in script
     assert "Math.round(layoutOverride.workArea.right - workAreaWindowX)" in script
-    assert "Number.isFinite(layoutOverride.historyCenterX) ? Math.round(layoutOverride.historyCenterX) : 'none'" in script
 
     sync_anchor_block = script.split("function syncCompactSurfaceAnchor()", 1)[1].split(
         "function stopCompactMinimizeBallTracking()",
@@ -268,9 +263,8 @@ def test_compact_history_size_tokens_are_ratio_based_for_ui_optimization():
     assert "calc(var(--compact-export-surface-width) * var(--compact-export-history-width-ratio))" in anchor_block
     assert "--compact-export-history-half-inline-size: calc(var(--compact-export-history-inline-size) / 2);" in anchor_block
     assert "--compact-export-history-safe-inset: calc(var(--compact-export-history-viewport-gutter) / 2);" in anchor_block
-    assert "--compact-export-history-center-x: var(" in anchor_block
-    assert "--desktop-compact-history-center-x," in anchor_block
-    assert "calc(var(--desktop-compact-surface-left, var(--compact-surface-left, 50vw)) + (var(--compact-export-surface-width) / 2) + var(--desktop-compact-history-offset-x, 0px))" in anchor_block
+    assert "--compact-export-history-center-x: calc(var(--desktop-compact-surface-left, var(--compact-surface-left, 50vw)) + (var(--compact-export-surface-width) / 2) + var(--desktop-compact-history-offset-x, 0px));" in anchor_block
+    assert "--desktop-compact-history-center-x" not in anchor_block
     assert "--compact-export-history-viewport-inline-start: 0px;" in anchor_block
     assert "--compact-export-history-viewport-inline-size: 100vw;" in anchor_block
     assert "--compact-export-history-viewport-inline-end: calc(" in anchor_block