From 554cdb4ac5cc4abae45e26fc56dc66b51b8d722d Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Tue, 4 Aug 2026 17:46:05 +0800
Subject: [PATCH 1/5] feat(title): preset card preview shows user-selected font
 family

---
 .../generate/components/title/TitlePresetsGrid.tsx  | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/pages/generate/components/title/TitlePresetsGrid.tsx b/apps/web/src/pages/generate/components/title/TitlePresetsGrid.tsx
index 02ab24bfd..424a9018b 100644
--- a/apps/web/src/pages/generate/components/title/TitlePresetsGrid.tsx
+++ b/apps/web/src/pages/generate/components/title/TitlePresetsGrid.tsx
@@ -13,9 +13,15 @@ interface TitlePresetsGridProps {
   presets: TitlePresetItem[]
   activePreset: string | null
   onApply: (presetKey: string) => void
+  fontFamily?: string
 }
 
-const TitlePresetsGrid: React.FC<TitlePresetsGridProps> = ({ presets, activePreset, onApply }) => {
+const TitlePresetsGrid: React.FC<TitlePresetsGridProps> = ({
+  presets,
+  activePreset,
+  onApply,
+  fontFamily,
+}) => {
   return (
     <div className="xx-title-presets-grid">
       {presets.map((p) => {
@@ -27,7 +33,10 @@ const TitlePresetsGrid: React.FC<TitlePresetsGridProps> = ({ presets, activePres
             onClick={() => onApply(p.key)}
             title={p.label}
           >
-            <span className="xx-title-preset-preview-text" style={p.previewStyle}>
+            <span
+              className="xx-title-preset-preview-text"
+              style={{ ...p.previewStyle, ...(fontFamily ? { fontFamily } : {}) }}
+            >
               标题
             </span>
             <span className="xx-title-preset-card-label">{p.label}</span>
-- 
2.54.0


From b790356269122f2f25ad763bce91dd3329f00ad3 Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Tue, 4 Aug 2026 17:46:30 +0800
Subject: [PATCH 2/5] feat(title): pass fontFamily to preset card preview for
 font linkage

---
 .../web/src/pages/generate/components/title/TitleStylePanel.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/apps/web/src/pages/generate/components/title/TitleStylePanel.tsx b/apps/web/src/pages/generate/components/title/TitleStylePanel.tsx
index f32632b03..6f860b16e 100644
--- a/apps/web/src/pages/generate/components/title/TitleStylePanel.tsx
+++ b/apps/web/src/pages/generate/components/title/TitleStylePanel.tsx
@@ -107,6 +107,7 @@ const TitleStylePanel: React.FC<TitleStylePanelProps> = ({
           presets={titlePresets}
           activePreset={activePreset}
           onApply={onApplyPreset}
+          fontFamily={settings.font}
         />
       </div>
 
@@ -149,3 +150,4 @@ const TitleStylePanel: React.FC<TitleStylePanelProps> = ({
 }
 
 export default TitleStylePanel
+
-- 
2.54.0


From e2e40a6325e3f067ad193226b40492c0cbee924c Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Tue, 4 Aug 2026 17:49:48 +0800
Subject: [PATCH 3/5] =?UTF-8?q?fix(test):=20TtsPanel=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=20afterEach=20cleanup=20=E9=98=B2=E6=AD=A2=20unhandled=20windo?=
 =?UTF-8?q?w=20error?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/editing-planner/components/TtsPanel.test.tsx    | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/test/pages/editing-planner/components/TtsPanel.test.tsx b/apps/web/src/test/pages/editing-planner/components/TtsPanel.test.tsx
index ba2aeaf68..c6989db77 100644
--- a/apps/web/src/test/pages/editing-planner/components/TtsPanel.test.tsx
+++ b/apps/web/src/test/pages/editing-planner/components/TtsPanel.test.tsx
@@ -1,5 +1,5 @@
-import { describe, expect, it, vi } from "vitest"
-import { render } from "@testing-library/react"
+import { afterEach, describe, expect, it, vi } from "vitest"
+import { render, cleanup } from "@testing-library/react"
 import TtsPanel from "@/pages/editing-planner/components/TtsPanel"
 import { DEFAULT_TTS_CONFIG } from "@/pages/editing-planner/types"
 
@@ -16,6 +16,10 @@ const defaultProps = {
 }
 
 describe("TtsPanel", () => {
+  afterEach(() => {
+    cleanup()
+  })
+
   it("should render without crashing", () => {
     const { container } = render(<TtsPanel {...defaultProps} />)
     expect(container).toBeTruthy()
-- 
2.54.0


From 42924a747fe53deee73116e36c9588fc6b0fd5ce Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Tue, 4 Aug 2026 17:51:14 +0800
Subject: [PATCH 4/5] fix(test): TtsPanel afterEach cleanup prevents unhandled
 window error

-- 
2.54.0


From 7b573f9fd09df6ed9d18b3362e598a5b611d5903 Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Tue, 4 Aug 2026 17:55:01 +0800
Subject: [PATCH 5/5] style: fix prettier formatting for TitleStylePanel.tsx

---
 apps/web/src/pages/generate/components/title/TitleStylePanel.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/web/src/pages/generate/components/title/TitleStylePanel.tsx b/apps/web/src/pages/generate/components/title/TitleStylePanel.tsx
index 6f860b16e..324e38270 100644
--- a/apps/web/src/pages/generate/components/title/TitleStylePanel.tsx
+++ b/apps/web/src/pages/generate/components/title/TitleStylePanel.tsx
@@ -150,4 +150,3 @@ const TitleStylePanel: React.FC<TitleStylePanelProps> = ({
 }
 
 export default TitleStylePanel
-
-- 
2.54.0