From f7892df9fc65abcb970b9e749f11cd74ad316f11 Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Tue, 4 Aug 2026 14:41:39 +0800
Subject: [PATCH 01/13] feat(title): add autoGenerateTitle for AI auto-select
 mode

---
 .../useStep4Title/useAiTitleGenerator.ts      | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/pages/generate/hooks/useStep4Title/useAiTitleGenerator.ts b/apps/web/src/pages/generate/hooks/useStep4Title/useAiTitleGenerator.ts
index 0e2f778bd..8f5b1c5c0 100644
--- a/apps/web/src/pages/generate/hooks/useStep4Title/useAiTitleGenerator.ts
+++ b/apps/web/src/pages/generate/hooks/useStep4Title/useAiTitleGenerator.ts
@@ -72,9 +72,28 @@ export function useAiTitleGenerator({
     setAiTitleGenerating(false)
   }, [aiTitleInput])
 
+  /**
+   * 自动生成标题（供 AI 自动选择开关使用）
+   * 如果已有生成结果，直接从中选一个；否则用默认关键词生成
+   */
+  const autoGenerateTitle = useCallback((): string => {
+    if (aiTitleResults.length > 0) {
+      const picked = aiTitleResults[Math.floor(Math.random() * aiTitleResults.length)]
+      onTitleSettingsChange({ ...titleSettings, title: picked.title })
+      return picked.title
+    }
+    // 没有已有结果，用默认关键词生成
+    const results = generateTitlesFromTopic("短视频")
+    setAiTitleResults(results)
+    setHasGeneratedTitles(true)
+    const picked = results[Math.floor(Math.random() * results.length)]
+    onTitleSettingsChange({ ...titleSettings, title: picked.title })
+    return picked.title
+  }, [aiTitleResults, titleSettings, onTitleSettingsChange])
+
   const handleSelectAiTitle = useCallback(
     (title: string) => {
-      onTitleSettingsChange({ ...titleSettings, title, aiAutoSelect: false })
+      onTitleSettingsChange({ ...titleSettings, title })
       message.success("已选用此标题")
     },
     [titleSettings, onTitleSettingsChange],
@@ -98,5 +117,6 @@ export function useAiTitleGenerator({
     handleGenerateAiTitles,
     handleSelectAiTitle,
     handleRefreshAiTitles,
+    autoGenerateTitle,
   }
 }
-- 
2.54.0


From cfe4f5d195d3377dfa6470e90eb48f96992d05b7 Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Tue, 4 Aug 2026 14:41:39 +0800
Subject: [PATCH 02/13] feat(title): toggleAiAutoSelect triggers auto-generate
 + inject callback

---
 .../hooks/useStep4Title/useTitleStyleUpdaters.ts | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/pages/generate/hooks/useStep4Title/useTitleStyleUpdaters.ts b/apps/web/src/pages/generate/hooks/useStep4Title/useTitleStyleUpdaters.ts
index 49ef2685d..da50abba3 100644
--- a/apps/web/src/pages/generate/hooks/useStep4Title/useTitleStyleUpdaters.ts
+++ b/apps/web/src/pages/generate/hooks/useStep4Title/useTitleStyleUpdaters.ts
@@ -5,6 +5,8 @@ import type { TitleSettings } from "../../types"
 interface UseTitleStyleUpdatersOptions {
   titleSettings: TitleSettings
   onTitleSettingsChange: (settings: TitleSettings) => void
+  /** AI 自动生成标题函数（由 useStep4Title 从 aiGenerator 注入） */
+  autoGenerateTitle?: () => string
 }
 
 /**
@@ -14,6 +16,7 @@ interface UseTitleStyleUpdatersOptions {
 export function useTitleStyleUpdaters({
   titleSettings,
   onTitleSettingsChange,
+  autoGenerateTitle,
 }: UseTitleStyleUpdatersOptions) {
   /** 匹配预设：只用 color/bold/italic/stroke/shadow，不再匹配 size */
   const getActivePreset = (settings: TitleSettings): string | null => {
@@ -41,8 +44,17 @@ export function useTitleStyleUpdaters({
   )
 
   const toggleAiAutoSelect = useCallback(() => {
-    onTitleSettingsChange({ ...titleSettings, aiAutoSelect: !titleSettings.aiAutoSelect })
-  }, [titleSettings, onTitleSettingsChange])
+    if (!titleSettings.aiAutoSelect) {
+      // 打开开关：自动生成标题
+      if (autoGenerateTitle) {
+        autoGenerateTitle()
+      }
+    }
+    onTitleSettingsChange({
+      ...titleSettings,
+      aiAutoSelect: !titleSettings.aiAutoSelect,
+    })
+  }, [titleSettings, onTitleSettingsChange, autoGenerateTitle])
 
   const updatePosition = useCallback(
     (position: string) => {
-- 
2.54.0


From a70e789cf4f011295abbeaacb8e8ff85ef079a50 Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Tue, 4 Aug 2026 14:41:40 +0800
Subject: [PATCH 03/13] feat(title): wire autoGenerateTitle into styleUpdaters

---
 apps/web/src/pages/generate/hooks/useStep4Title/index.ts | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/pages/generate/hooks/useStep4Title/index.ts b/apps/web/src/pages/generate/hooks/useStep4Title/index.ts
index eb8114623..0343e2299 100644
--- a/apps/web/src/pages/generate/hooks/useStep4Title/index.ts
+++ b/apps/web/src/pages/generate/hooks/useStep4Title/index.ts
@@ -24,8 +24,12 @@ export function useStep4Title({ titleSettings, onTitleSettingsChange }: UseStep4
   // AI 标题生成
   const aiGenerator = useAiTitleGenerator({ titleSettings, onTitleSettingsChange })
 
-  // 样式更新
-  const styleUpdaters = useTitleStyleUpdaters({ titleSettings, onTitleSettingsChange })
+  // 样式更新（注入 autoGenerateTitle 让 toggleAiAutoSelect 能调用）
+  const styleUpdaters = useTitleStyleUpdaters({
+    titleSettings,
+    onTitleSettingsChange,
+    autoGenerateTitle: aiGenerator.autoGenerateTitle,
+  })
 
   return {
     // 数据
@@ -43,6 +47,7 @@ export function useStep4Title({ titleSettings, onTitleSettingsChange }: UseStep4
     handleGenerateAiTitles: aiGenerator.handleGenerateAiTitles,
     handleSelectAiTitle: aiGenerator.handleSelectAiTitle,
     handleRefreshAiTitles: aiGenerator.handleRefreshAiTitles,
+    autoGenerateTitle: aiGenerator.autoGenerateTitle,
     // 标题设置操作
     updateTitle: styleUpdaters.updateTitle,
     toggleAiAutoSelect: styleUpdaters.toggleAiAutoSelect,
-- 
2.54.0


From e69911e6e01e46a9c6e9cd25f4df298337b47e76 Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Tue, 4 Aug 2026 14:41:40 +0800
Subject: [PATCH 04/13] feat(title): AI auto-select shows read-only title +
 swap button + style panel

---
 .../components/Step4TitleSettings.tsx         | 111 +++++++++++++-----
 1 file changed, 84 insertions(+), 27 deletions(-)

diff --git a/apps/web/src/pages/generate/components/Step4TitleSettings.tsx b/apps/web/src/pages/generate/components/Step4TitleSettings.tsx
index 1ceb6fc95..5f078d1f0 100644
--- a/apps/web/src/pages/generate/components/Step4TitleSettings.tsx
+++ b/apps/web/src/pages/generate/components/Step4TitleSettings.tsx
@@ -21,34 +21,91 @@ const Step4TitleSettings: React.FC<Step4TitleSettingsProps> = (props) => {
     <div className="xx-form-section">
       <h3>📝 选择标题</h3>
 
-      <AiTitleGenerator
-        inputValue={t.aiTitleInput}
-        onInputChange={t.setAiTitleInput}
-        generating={t.aiTitleGenerating}
-        onGenerate={t.handleGenerateAiTitles}
-        results={t.aiTitleResults}
-        hasGenerated={t.hasGeneratedTitles}
-        onSelect={t.handleSelectAiTitle}
-        selectedTitle={t.titleSettings.title}
-        onRefresh={t.handleRefreshAiTitles}
-      />
-
-      <div className="xx-divider">
-        <span>或手动选择</span>
-      </div>
-
-      <div className="xx-title-ai-toggle">
-        <span className="xx-toggle-label">AI 自动选择标题</span>
-        <div
-          className={`xx-switch ${t.titleSettings.aiAutoSelect ? "active" : ""}`}
-          onClick={t.toggleAiAutoSelect}
-        >
-          <div className="xx-switch-knob" />
-        </div>
-      </div>
-
-      {!t.titleSettings.aiAutoSelect && (
+      {/* AI 自动选择模式 */}
+      {t.titleSettings.aiAutoSelect ? (
         <>
+          <div className="xx-title-ai-toggle">
+            <span className="xx-toggle-label">AI 自动选择标题</span>
+            <div
+              className={`xx-switch ${t.titleSettings.aiAutoSelect ? "active" : ""}`}
+              onClick={t.toggleAiAutoSelect}
+            >
+              <div className="xx-switch-knob" />
+            </div>
+          </div>
+
+          {/* 显示当前 AI 选中的标题（只读）+ 换一个按钮 */}
+          <div className="xx-form-field">
+            <label>当前 AI 选定标题</label>
+            <div
+              style={{
+                display: "flex",
+                alignItems: "center",
+                gap: 10,
+                padding: "8px 12px",
+                background: "var(--bg-secondary, rgba(0,0,0,0.04))",
+                borderRadius: 8,
+                fontSize: 14,
+                color: "var(--text-primary, #333)",
+              }}
+            >
+              <span style={{ flex: 1 }}>{t.titleSettings.title || "AI 将自动为你选择标题"}</span>
+              <button
+                type="button"
+                className="xx-btn xx-btn-primary"
+                style={{ flexShrink: 0, fontSize: 13, padding: "4px 12px" }}
+                onClick={t.autoGenerateTitle}
+              >
+                🔄 换一个
+              </button>
+            </div>
+          </div>
+
+          {/* 样式面板始终可见 */}
+          <TitleStylePanel
+            settings={t.titleSettings}
+            onUpdatePosition={t.updatePosition}
+            onUpdateFont={t.updateFont}
+            onUpdateSize={t.updateSize}
+            onToggleBold={t.toggleBold}
+            onToggleItalic={t.toggleItalic}
+            onToggleStroke={t.toggleStroke}
+            onToggleShadow={t.toggleShadow}
+            onApplyPreset={t.applyPreset}
+            activePreset={t.activePreset}
+            titlePresets={t.titlePresets}
+            POSITION_OPTIONS={POSITION_OPTIONS}
+            FONT_OPTIONS={FONT_OPTIONS}
+          />
+        </>
+      ) : (
+        <>
+          <AiTitleGenerator
+            inputValue={t.aiTitleInput}
+            onInputChange={t.setAiTitleInput}
+            generating={t.aiTitleGenerating}
+            onGenerate={t.handleGenerateAiTitles}
+            results={t.aiTitleResults}
+            hasGenerated={t.hasGeneratedTitles}
+            onSelect={t.handleSelectAiTitle}
+            selectedTitle={t.titleSettings.title}
+            onRefresh={t.handleRefreshAiTitles}
+          />
+
+          <div className="xx-divider">
+            <span>或手动选择</span>
+          </div>
+
+          <div className="xx-title-ai-toggle">
+            <span className="xx-toggle-label">AI 自动选择标题</span>
+            <div
+              className={`xx-switch ${t.titleSettings.aiAutoSelect ? "active" : ""}`}
+              onClick={t.toggleAiAutoSelect}
+            >
+              <div className="xx-switch-knob" />
+            </div>
+          </div>
+
           <div className="xx-form-field">
             <label>从标题库选择</label>
             <Select
-- 
2.54.0


From 7db66576ea06fcca579012747f7bc4861567dbea Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Tue, 4 Aug 2026 14:41:41 +0800
Subject: [PATCH 05/13] feat(title): skip title validation when aiAutoSelect is
 true

---
 .../src/pages/generate/hooks/generate-video/buildPayload.ts    | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/pages/generate/hooks/generate-video/buildPayload.ts b/apps/web/src/pages/generate/hooks/generate-video/buildPayload.ts
index 6040cf875..1c8595e30 100644
--- a/apps/web/src/pages/generate/hooks/generate-video/buildPayload.ts
+++ b/apps/web/src/pages/generate/hooks/generate-video/buildPayload.ts
@@ -63,7 +63,8 @@ export const buildEditPlanPayload = (props: UseGenerateVideoProps) => {
 export const validateGenerateInputs = (props: UseGenerateVideoProps): string | null => {
   const { titleSettings, materialMode, selectedMaterials, voiceMode, selectedClonedVoice } = props
 
-  if (!titleSettings.title.trim()) {
+  // AI 自动选择模式下，标题可以为空（后端会自行生成）
+  if (!titleSettings.aiAutoSelect && !titleSettings.title.trim()) {
     return "请先选择或输入标题"
   }
   if (materialMode === "manual" && selectedMaterials.length === 0) {
-- 
2.54.0


From d3150fd717c45684cefbc630161a0928979b5bf8 Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Tue, 4 Aug 2026 14:49:47 +0800
Subject: [PATCH 06/13] =?UTF-8?q?fix(title):=20TitleStylePanel=20=E7=A7=BB?=
 =?UTF-8?q?=E5=88=B0=E6=9D=A1=E4=BB=B6=E5=88=86=E6=94=AF=E5=A4=96=EF=BC=8C?=
 =?UTF-8?q?=E4=B8=A4=E7=A7=8D=E6=A8=A1=E5=BC=8F=E4=B8=8B=E5=9D=87=E5=8F=AF?=
 =?UTF-8?q?=E8=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Step4TitleSettings.tsx         | 67 +++++++------------
 1 file changed, 24 insertions(+), 43 deletions(-)

diff --git a/apps/web/src/pages/generate/components/Step4TitleSettings.tsx b/apps/web/src/pages/generate/components/Step4TitleSettings.tsx
index 5f078d1f0..aac2df0f2 100644
--- a/apps/web/src/pages/generate/components/Step4TitleSettings.tsx
+++ b/apps/web/src/pages/generate/components/Step4TitleSettings.tsx
@@ -22,14 +22,11 @@ const Step4TitleSettings: React.FC<Step4TitleSettingsProps> = (props) => {
       <h3>📝 选择标题</h3>
 
       {/* AI 自动选择模式 */}
-      {t.titleSettings.aiAutoSelect ? (
+      {t.titleSettings.aiAutoSelect && (
         <>
           <div className="xx-title-ai-toggle">
             <span className="xx-toggle-label">AI 自动选择标题</span>
-            <div
-              className={`xx-switch ${t.titleSettings.aiAutoSelect ? "active" : ""}`}
-              onClick={t.toggleAiAutoSelect}
-            >
+            <div className="xx-switch active" onClick={t.toggleAiAutoSelect}>
               <div className="xx-switch-knob" />
             </div>
           </div>
@@ -60,25 +57,11 @@ const Step4TitleSettings: React.FC<Step4TitleSettingsProps> = (props) => {
               </button>
             </div>
           </div>
-
-          {/* 样式面板始终可见 */}
-          <TitleStylePanel
-            settings={t.titleSettings}
-            onUpdatePosition={t.updatePosition}
-            onUpdateFont={t.updateFont}
-            onUpdateSize={t.updateSize}
-            onToggleBold={t.toggleBold}
-            onToggleItalic={t.toggleItalic}
-            onToggleStroke={t.toggleStroke}
-            onToggleShadow={t.toggleShadow}
-            onApplyPreset={t.applyPreset}
-            activePreset={t.activePreset}
-            titlePresets={t.titlePresets}
-            POSITION_OPTIONS={POSITION_OPTIONS}
-            FONT_OPTIONS={FONT_OPTIONS}
-          />
         </>
-      ) : (
+      )}
+
+      {/* 手动选择模式 */}
+      {!t.titleSettings.aiAutoSelect && (
         <>
           <AiTitleGenerator
             inputValue={t.aiTitleInput}
@@ -98,10 +81,7 @@ const Step4TitleSettings: React.FC<Step4TitleSettingsProps> = (props) => {
 
           <div className="xx-title-ai-toggle">
             <span className="xx-toggle-label">AI 自动选择标题</span>
-            <div
-              className={`xx-switch ${t.titleSettings.aiAutoSelect ? "active" : ""}`}
-              onClick={t.toggleAiAutoSelect}
-            >
+            <div className="xx-switch" onClick={t.toggleAiAutoSelect}>
               <div className="xx-switch-knob" />
             </div>
           </div>
@@ -140,24 +120,25 @@ const Step4TitleSettings: React.FC<Step4TitleSettingsProps> = (props) => {
               maxLength={50}
             />
           </div>
-
-          <TitleStylePanel
-            settings={t.titleSettings}
-            onUpdatePosition={t.updatePosition}
-            onUpdateFont={t.updateFont}
-            onUpdateSize={t.updateSize}
-            onToggleBold={t.toggleBold}
-            onToggleItalic={t.toggleItalic}
-            onToggleStroke={t.toggleStroke}
-            onToggleShadow={t.toggleShadow}
-            onApplyPreset={t.applyPreset}
-            activePreset={t.activePreset}
-            titlePresets={t.titlePresets}
-            POSITION_OPTIONS={POSITION_OPTIONS}
-            FONT_OPTIONS={FONT_OPTIONS}
-          />
         </>
       )}
+
+      {/* 样式面板始终可见，两种模式下都可调整标题展示样式 */}
+      <TitleStylePanel
+        settings={t.titleSettings}
+        onUpdatePosition={t.updatePosition}
+        onUpdateFont={t.updateFont}
+        onUpdateSize={t.updateSize}
+        onToggleBold={t.toggleBold}
+        onToggleItalic={t.toggleItalic}
+        onToggleStroke={t.toggleStroke}
+        onToggleShadow={t.toggleShadow}
+        onApplyPreset={t.applyPreset}
+        activePreset={t.activePreset}
+        titlePresets={t.titlePresets}
+        POSITION_OPTIONS={POSITION_OPTIONS}
+        FONT_OPTIONS={FONT_OPTIONS}
+      />
     </div>
   )
 }
-- 
2.54.0


From 5d3014d1d017ff216b180a5437d098b119bcb184 Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Tue, 4 Aug 2026 14:49:48 +0800
Subject: [PATCH 07/13] =?UTF-8?q?fix(title):=20toggleAiAutoSelect=20?=
 =?UTF-8?q?=E7=AE=80=E5=8C=96=E4=B8=BA=E7=BA=AF=20toggle=EF=BC=8C=E6=B6=88?=
 =?UTF-8?q?=E9=99=A4=E7=8A=B6=E6=80=81=E8=A6=86=E7=9B=96=E9=A3=8E=E9=99=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../hooks/useStep4Title/useTitleStyleUpdaters.ts | 16 ++--------------
 1 file changed, 2 insertions(+), 14 deletions(-)

diff --git a/apps/web/src/pages/generate/hooks/useStep4Title/useTitleStyleUpdaters.ts b/apps/web/src/pages/generate/hooks/useStep4Title/useTitleStyleUpdaters.ts
index da50abba3..49ef2685d 100644
--- a/apps/web/src/pages/generate/hooks/useStep4Title/useTitleStyleUpdaters.ts
+++ b/apps/web/src/pages/generate/hooks/useStep4Title/useTitleStyleUpdaters.ts
@@ -5,8 +5,6 @@ import type { TitleSettings } from "../../types"
 interface UseTitleStyleUpdatersOptions {
   titleSettings: TitleSettings
   onTitleSettingsChange: (settings: TitleSettings) => void
-  /** AI 自动生成标题函数（由 useStep4Title 从 aiGenerator 注入） */
-  autoGenerateTitle?: () => string
 }
 
 /**
@@ -16,7 +14,6 @@ interface UseTitleStyleUpdatersOptions {
 export function useTitleStyleUpdaters({
   titleSettings,
   onTitleSettingsChange,
-  autoGenerateTitle,
 }: UseTitleStyleUpdatersOptions) {
   /** 匹配预设：只用 color/bold/italic/stroke/shadow，不再匹配 size */
   const getActivePreset = (settings: TitleSettings): string | null => {
@@ -44,17 +41,8 @@ export function useTitleStyleUpdaters({
   )
 
   const toggleAiAutoSelect = useCallback(() => {
-    if (!titleSettings.aiAutoSelect) {
-      // 打开开关：自动生成标题
-      if (autoGenerateTitle) {
-        autoGenerateTitle()
-      }
-    }
-    onTitleSettingsChange({
-      ...titleSettings,
-      aiAutoSelect: !titleSettings.aiAutoSelect,
-    })
-  }, [titleSettings, onTitleSettingsChange, autoGenerateTitle])
+    onTitleSettingsChange({ ...titleSettings, aiAutoSelect: !titleSettings.aiAutoSelect })
+  }, [titleSettings, onTitleSettingsChange])
 
   const updatePosition = useCallback(
     (position: string) => {
-- 
2.54.0


From 924742b40bf3ee3f9c7061997717efb371d93c21 Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Tue, 4 Aug 2026 14:49:49 +0800
Subject: [PATCH 08/13] =?UTF-8?q?fix(title):=20=E7=94=A8=20useEffect=20?=
 =?UTF-8?q?=E7=9B=91=E5=90=AC=20aiAutoSelect=20=E5=8F=98=E5=8C=96=E8=A7=A6?=
 =?UTF-8?q?=E5=8F=91=20autoGenerateTitle?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../generate/hooks/useStep4Title/index.ts     | 20 +++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/pages/generate/hooks/useStep4Title/index.ts b/apps/web/src/pages/generate/hooks/useStep4Title/index.ts
index 0343e2299..1a239e83e 100644
--- a/apps/web/src/pages/generate/hooks/useStep4Title/index.ts
+++ b/apps/web/src/pages/generate/hooks/useStep4Title/index.ts
@@ -1,3 +1,4 @@
+import { useEffect, useRef } from "react"
 import { useQuery } from "@tanstack/react-query"
 import { getTitles } from "@/api/titles"
 import type { TitleSettings } from "../../types"
@@ -24,12 +25,19 @@ export function useStep4Title({ titleSettings, onTitleSettingsChange }: UseStep4
   // AI 标题生成
   const aiGenerator = useAiTitleGenerator({ titleSettings, onTitleSettingsChange })
 
-  // 样式更新（注入 autoGenerateTitle 让 toggleAiAutoSelect 能调用）
-  const styleUpdaters = useTitleStyleUpdaters({
-    titleSettings,
-    onTitleSettingsChange,
-    autoGenerateTitle: aiGenerator.autoGenerateTitle,
-  })
+  // 样式更新
+  const styleUpdaters = useTitleStyleUpdaters({ titleSettings, onTitleSettingsChange })
+
+  // 追踪是否第一次渲染，避免初始加载时误触发
+  const prevAiAutoSelect = useRef(titleSettings.aiAutoSelect)
+
+  // 当 AI 自动选择开关打开时，自动生成/选择一个标题填入
+  useEffect(() => {
+    if (titleSettings.aiAutoSelect && !prevAiAutoSelect.current && !titleSettings.title) {
+      aiGenerator.autoGenerateTitle()
+    }
+    prevAiAutoSelect.current = titleSettings.aiAutoSelect
+  }, [titleSettings.aiAutoSelect, titleSettings.title, aiGenerator.autoGenerateTitle])
 
   return {
     // 数据
-- 
2.54.0


From 8ac6d7ebbd10329970ccf1113a3140d7cab662c6 Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Tue, 4 Aug 2026 15:02:10 +0800
Subject: [PATCH 09/13] chore: trigger CI re-run

-- 
2.54.0


From 6e05ccc95a678ec671fb0908c18623f30efb28c7 Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Tue, 4 Aug 2026 15:02:59 +0800
Subject: [PATCH 10/13] fix(title): use optional chaining for defensive null
 check

---
 .../web/src/pages/generate/hooks/generate-video/buildPayload.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/pages/generate/hooks/generate-video/buildPayload.ts b/apps/web/src/pages/generate/hooks/generate-video/buildPayload.ts
index 1c8595e30..ced8ec345 100644
--- a/apps/web/src/pages/generate/hooks/generate-video/buildPayload.ts
+++ b/apps/web/src/pages/generate/hooks/generate-video/buildPayload.ts
@@ -64,7 +64,7 @@ export const validateGenerateInputs = (props: UseGenerateVideoProps): string | n
   const { titleSettings, materialMode, selectedMaterials, voiceMode, selectedClonedVoice } = props
 
   // AI 自动选择模式下，标题可以为空（后端会自行生成）
-  if (!titleSettings.aiAutoSelect && !titleSettings.title.trim()) {
+  if (!titleSettings.aiAutoSelect && !titleSettings.title?.trim()) {
     return "请先选择或输入标题"
   }
   if (materialMode === "manual" && selectedMaterials.length === 0) {
-- 
2.54.0


From 9dd78e65ccff8e3af95cae3f3b776ae46f97fb1f Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Tue, 4 Aug 2026 15:03:18 +0800
Subject: [PATCH 11/13] fix(title): add null check for picked title to prevent
 runtime error

---
 .../pages/generate/hooks/useStep4Title/useAiTitleGenerator.ts   | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/apps/web/src/pages/generate/hooks/useStep4Title/useAiTitleGenerator.ts b/apps/web/src/pages/generate/hooks/useStep4Title/useAiTitleGenerator.ts
index 8f5b1c5c0..b765259a6 100644
--- a/apps/web/src/pages/generate/hooks/useStep4Title/useAiTitleGenerator.ts
+++ b/apps/web/src/pages/generate/hooks/useStep4Title/useAiTitleGenerator.ts
@@ -79,6 +79,7 @@ export function useAiTitleGenerator({
   const autoGenerateTitle = useCallback((): string => {
     if (aiTitleResults.length > 0) {
       const picked = aiTitleResults[Math.floor(Math.random() * aiTitleResults.length)]
+      if (!picked) return ""
       onTitleSettingsChange({ ...titleSettings, title: picked.title })
       return picked.title
     }
@@ -87,6 +88,7 @@ export function useAiTitleGenerator({
     setAiTitleResults(results)
     setHasGeneratedTitles(true)
     const picked = results[Math.floor(Math.random() * results.length)]
+    if (!picked) return ""
     onTitleSettingsChange({ ...titleSettings, title: picked.title })
     return picked.title
   }, [aiTitleResults, titleSettings, onTitleSettingsChange])
-- 
2.54.0


From e35f4688d1cde0aec2be3b31259225b10ddf209c Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Tue, 4 Aug 2026 15:11:47 +0800
Subject: [PATCH 12/13] fix(title): destructure autoGenerateTitle to satisfy
 exhaustive-deps lint rule

---
 .../generate/hooks/useStep4Title/index.ts     | 34 ++++++++++++-------
 1 file changed, 22 insertions(+), 12 deletions(-)

diff --git a/apps/web/src/pages/generate/hooks/useStep4Title/index.ts b/apps/web/src/pages/generate/hooks/useStep4Title/index.ts
index 1a239e83e..8898bba53 100644
--- a/apps/web/src/pages/generate/hooks/useStep4Title/index.ts
+++ b/apps/web/src/pages/generate/hooks/useStep4Title/index.ts
@@ -23,7 +23,17 @@ export function useStep4Title({ titleSettings, onTitleSettingsChange }: UseStep4
   })
 
   // AI 标题生成
-  const aiGenerator = useAiTitleGenerator({ titleSettings, onTitleSettingsChange })
+  const {
+    aiTitleInput,
+    setAiTitleInput,
+    aiTitleGenerating,
+    aiTitleResults,
+    hasGeneratedTitles,
+    handleGenerateAiTitles,
+    handleSelectAiTitle,
+    handleRefreshAiTitles,
+    autoGenerateTitle,
+  } = useAiTitleGenerator({ titleSettings, onTitleSettingsChange })
 
   // 样式更新
   const styleUpdaters = useTitleStyleUpdaters({ titleSettings, onTitleSettingsChange })
@@ -34,28 +44,28 @@ export function useStep4Title({ titleSettings, onTitleSettingsChange }: UseStep4
   // 当 AI 自动选择开关打开时，自动生成/选择一个标题填入
   useEffect(() => {
     if (titleSettings.aiAutoSelect && !prevAiAutoSelect.current && !titleSettings.title) {
-      aiGenerator.autoGenerateTitle()
+      autoGenerateTitle()
     }
     prevAiAutoSelect.current = titleSettings.aiAutoSelect
-  }, [titleSettings.aiAutoSelect, titleSettings.title, aiGenerator.autoGenerateTitle])
+  }, [titleSettings.aiAutoSelect, titleSettings.title, autoGenerateTitle])
 
   return {
     // 数据
     userTitles,
     titleSettings,
     // AI 标题状态
-    aiTitleInput: aiGenerator.aiTitleInput,
-    setAiTitleInput: aiGenerator.setAiTitleInput,
-    aiTitleGenerating: aiGenerator.aiTitleGenerating,
-    aiTitleResults: aiGenerator.aiTitleResults,
-    hasGeneratedTitles: aiGenerator.hasGeneratedTitles,
+    aiTitleInput,
+    setAiTitleInput,
+    aiTitleGenerating,
+    aiTitleResults,
+    hasGeneratedTitles,
     activePreset: styleUpdaters.activePreset,
     titlePresets: styleUpdaters.titlePresets,
     // AI 标题操作
-    handleGenerateAiTitles: aiGenerator.handleGenerateAiTitles,
-    handleSelectAiTitle: aiGenerator.handleSelectAiTitle,
-    handleRefreshAiTitles: aiGenerator.handleRefreshAiTitles,
-    autoGenerateTitle: aiGenerator.autoGenerateTitle,
+    handleGenerateAiTitles,
+    handleSelectAiTitle,
+    handleRefreshAiTitles,
+    autoGenerateTitle,
     // 标题设置操作
     updateTitle: styleUpdaters.updateTitle,
     toggleAiAutoSelect: styleUpdaters.toggleAiAutoSelect,
-- 
2.54.0


From d112f4ea6bb10444450bb96917f78b4c0be12e38 Mon Sep 17 00:00:00 2001
From: Backend Agent <agent@xiaoxiajianji.com>
Date: Tue, 4 Aug 2026 17:17:34 +0800
Subject: [PATCH 13/13] =?UTF-8?q?fix(title):=20=E9=A6=96=E6=AC=A1=E6=8C=82?=
 =?UTF-8?q?=E8=BD=BD=E6=97=B6AI=E8=87=AA=E5=8A=A8=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E5=BC=80=E5=85=B3=E5=B7=B2=E5=BC=80=E5=90=AF=E4=B9=9F=E8=A6=81?=
 =?UTF-8?q?=E8=A7=A6=E5=8F=91=E7=94=9F=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修复 useStep4Title/index.ts 中 prevAiAutoSelect 初始化为 true 时
useEffect 不触发生成的 bug。新增 isFirstMount ref 区分首次挂载
和后续开关切换，确保页面刷新后 aiAutoSelect=true 也能自动生成标题。

Fixes AI Code Review blocking issue on PR #1236
---
 .../src/pages/generate/hooks/useStep4Title/index.ts  | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/pages/generate/hooks/useStep4Title/index.ts b/apps/web/src/pages/generate/hooks/useStep4Title/index.ts
index 8898bba53..3f6aaac81 100644
--- a/apps/web/src/pages/generate/hooks/useStep4Title/index.ts
+++ b/apps/web/src/pages/generate/hooks/useStep4Title/index.ts
@@ -38,11 +38,21 @@ export function useStep4Title({ titleSettings, onTitleSettingsChange }: UseStep4
   // 样式更新
   const styleUpdaters = useTitleStyleUpdaters({ titleSettings, onTitleSettingsChange })
 
-  // 追踪是否第一次渲染，避免初始加载时误触发
+  // 追踪 AI 自动选择开关的上一次值 & 是否首次挂载
   const prevAiAutoSelect = useRef(titleSettings.aiAutoSelect)
+  const isFirstMount = useRef(true)
 
   // 当 AI 自动选择开关打开时，自动生成/选择一个标题填入
+  // 首次挂载时如果开关已经是 true 且无标题，也需要触发
   useEffect(() => {
+    if (isFirstMount.current) {
+      isFirstMount.current = false
+      if (titleSettings.aiAutoSelect && !titleSettings.title) {
+        autoGenerateTitle()
+      }
+      prevAiAutoSelect.current = titleSettings.aiAutoSelect
+      return
+    }
     if (titleSettings.aiAutoSelect && !prevAiAutoSelect.current && !titleSettings.title) {
       autoGenerateTitle()
     }
-- 
2.54.0