From 8ca8128e2be0ec43c60211a6eb80e42767ced30c Mon Sep 17 00:00:00 2001
From: eafonyang <eafonyang@gmail.com>
Date: Fri, 14 Aug 2026 16:40:47 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=20undo=20=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/public/changelog.md                    |  2 +-
 client/src/pages/EQPage.tsx                   |  8 ++-----
 client/src/pages/eq/components/FreqChart.tsx  | 10 ++++++++
 .../src/pages/eq/components/PeqUndoButton.tsx | 23 ++++++++-----------
 4 files changed, 23 insertions(+), 20 deletions(-)

diff --git a/client/public/changelog.md b/client/public/changelog.md
index aae8ec8..01e5378 100644
--- a/client/public/changelog.md
+++ b/client/public/changelog.md
@@ -2,7 +2,7 @@
 
 > This document records feature updates and bug fixes for the Luxsin X9 controller. A new entry is appended here after each release.
 
-## 2026.08.06
+## v2026.08.06
 
 ### New Features
 - Added a "What's New" entry on the home page, allowing you to view release notes online.
diff --git a/client/src/pages/EQPage.tsx b/client/src/pages/EQPage.tsx
index ebbe6fe..e859ff5 100644
--- a/client/src/pages/EQPage.tsx
+++ b/client/src/pages/EQPage.tsx
@@ -87,7 +87,6 @@ import { ShareDialog } from "./eq/components/ShareDialog";
 import { BrandDrawer } from "./eq/components/BrandDrawer";
 import { PeqOverwriteConfirmDialog } from "./eq/components/PeqOverwriteConfirmDialog";
 import { PeqPresetManageDialog } from "./eq/components/PeqPresetManageDialog";
-import { PeqUndoButton } from "./eq/components/PeqUndoButton";
 import { useRawCurve } from "./eq/hooks/useRawCurve";
 import {
   usePeqUndoHistory,
@@ -1795,11 +1794,6 @@ export default function EQPage() {
               )}
             </div>
             <div className="flex shrink-0 items-center gap-2">
-              <PeqUndoButton
-                disabled={!canUndo}
-                label={eqUi.undo ?? "Undo"}
-                onClick={handleUndo}
-              />
               <button
                 className="w-9 h-9 rounded-full flex items-center justify-center text-white/60 active:text-white transition-colors"
                 style={{
@@ -1844,6 +1838,8 @@ export default function EQPage() {
             abMode={abMode}
             onAbToggle={handleAbToggle}
             onCopyAndSwitchTo={handleCopyAndSwitchTo}
+            canUndo={canUndo}
+            onUndo={handleUndo}
             onApplyB={() => void handleApplyB()}
             onSaveB={openSaveBDialog}
             onBandDrag={(idx, patch) =>
diff --git a/client/src/pages/eq/components/FreqChart.tsx b/client/src/pages/eq/components/FreqChart.tsx
index bf6d133..e8445d0 100644
--- a/client/src/pages/eq/components/FreqChart.tsx
+++ b/client/src/pages/eq/components/FreqChart.tsx
@@ -7,6 +7,7 @@ import {
 } from "@/lib/peqAudio";
 import type { PeqEqUi } from "../constants";
 import { eqInterp } from "../utils";
+import { PeqUndoButton } from "./PeqUndoButton";
 
 /* ── Legend indicator ── */
 function LegendCurveIndicator({
@@ -37,6 +38,8 @@ export function FreqChart({
   abMode,
   onAbToggle,
   onCopyAndSwitchTo,
+  canUndo,
+  onUndo,
   onApplyB,
   onSaveB,
   onBandDrag,
@@ -52,6 +55,8 @@ export function FreqChart({
   abMode: "A" | "B";
   onAbToggle: (m: "A" | "B") => void;
   onCopyAndSwitchTo: (to: "A" | "B") => void;
+  canUndo: boolean;
+  onUndo: () => void;
   onApplyB: () => void;
   onSaveB: () => void;
   onBandDrag: (idx: number, patch: Partial<{ freq: number; gain: number }>) => void;
@@ -295,6 +300,11 @@ export function FreqChart({
           }}>
           {copyButtonText}
         </button>
+        <PeqUndoButton
+          disabled={!canUndo}
+          label={eqUi.undo ?? "Undo"}
+          onClick={onUndo}
+        />
         </div>
         <div className="ml-auto flex shrink-0 items-center gap-2">
         <button
diff --git a/client/src/pages/eq/components/PeqUndoButton.tsx b/client/src/pages/eq/components/PeqUndoButton.tsx
index 23294b7..64b7f43 100644
--- a/client/src/pages/eq/components/PeqUndoButton.tsx
+++ b/client/src/pages/eq/components/PeqUndoButton.tsx
@@ -1,4 +1,3 @@
-import { Undo2 } from "lucide-react";
 import { cn } from "@/lib/utils";
 
 type PeqUndoButtonProps = {
@@ -8,6 +7,11 @@ type PeqUndoButtonProps = {
   className?: string;
 };
 
+const pillStyle = {
+  background: "rgba(44,44,46,0.7)",
+  border: "1px solid rgba(255,255,255,0.08)",
+} as const;
+
 /**
  * EQ page undo control — disabled when the undo stack is empty.
  */
@@ -25,22 +29,15 @@ export function PeqUndoButton({
       title={label}
       onClick={onClick}
       className={cn(
-        "w-9 h-9 rounded-full flex items-center justify-center transition-colors active:scale-95",
+        "px-3 py-1 rounded-[8px] text-[11px] transition-colors",
         disabled
-          ? "text-white/25 cursor-not-allowed"
-          : "text-white/70 active:text-white",
+          ? "text-white/25 cursor-not-allowed opacity-50"
+          : "text-white/50 active:text-white",
         className,
       )}
-      style={{
-        background: disabled
-          ? "rgba(44,44,46,0.45)"
-          : "rgba(44,44,46,0.8)",
-        border: disabled
-          ? "1px solid rgba(255,255,255,0.06)"
-          : "1px solid rgba(255,255,255,0.1)",
-      }}
+      style={pillStyle}
     >
-      <Undo2 size={18} />
+      {label}
     </button>
   );
 }