diff --git a/apps/web/src/test/pages/GeneratePage.test.tsx b/apps/web/src/test/pages/GeneratePage.test.tsx
index e128ab5c1..89d0ad40f 100644
--- a/apps/web/src/test/pages/GeneratePage.test.tsx
+++ b/apps/web/src/test/pages/GeneratePage.test.tsx
@@ -1,7 +1,7 @@
-import React from "react"
-import { describe, expect, it, vi, beforeEach, afterEach } from "vitest"
-import { render, act } from "@testing-library/react"
-import { MemoryRouter } from "react-router-dom"
+import React from "react";
+import { describe, expect, it, vi, beforeEach, afterEach } from "vitest";
+import { render, act } from "@testing-library/react";
+import { MemoryRouter } from "react-router-dom";
 
 // Hoisted mock icons factory
 const hoistedIcons = vi.hoisted(() => {
@@ -60,13 +60,13 @@ const hoistedIcons = vi.hoisted(() => {
     "UpOutlined",
     "DownOutlined",
     "CopyOutlined",
-  ]
-  const icons: Record<string, React.FC> = {}
+  ];
+  const icons: Record<string, React.FC> = {};
   iconNames.forEach((name) => {
-    icons[name] = () => React.createElement("span", null, name.charAt(0))
-  })
-  return icons
-})
+    icons[name] = () => React.createElement("span", null, name.charAt(0));
+  });
+  return icons;
+});
 
 // === React Query mock ===
 vi.mock("@tanstack/react-query", () => ({
@@ -92,10 +92,10 @@ vi.mock("@tanstack/react-query", () => ({
     fetchNextPage: vi.fn(),
     hasNextPage: false,
   })),
-}))
+}));
 
 // === Ant Design Icons mock ===
-vi.mock("@ant-design/icons", () => hoistedIcons)
+vi.mock("@ant-design/icons", () => hoistedIcons);
 
 // === Ant Design mock ===
 vi.mock("antd", () => {
@@ -103,15 +103,27 @@ vi.mock("antd", () => {
     Text: ({ children }: any) => React.createElement("span", null, children),
     Title: ({ children }: any) => React.createElement("h1", null, children),
     Paragraph: ({ children }: any) => React.createElement("p", null, children),
-  }
+  };
   return {
     Typography,
-    message: { success: vi.fn(), error: vi.fn(), warning: vi.fn(), info: vi.fn() },
+    message: {
+      success: vi.fn(),
+      error: vi.fn(),
+      warning: vi.fn(),
+      info: vi.fn(),
+    },
     Modal: ({ open, children, title }: any) =>
-      open ? React.createElement("div", { role: "dialog", "data-title": title }, children) : null,
+      open
+        ? React.createElement(
+            "div",
+            { role: "dialog", "data-title": title },
+            children,
+          )
+        : null,
     Progress: () => React.createElement("div"),
     Popover: ({ children }: any) => React.createElement("span", null, children),
-    Popconfirm: ({ children }: any) => React.createElement("span", null, children),
+    Popconfirm: ({ children }: any) =>
+      React.createElement("span", null, children),
     Tooltip: ({ children }: any) => React.createElement("span", null, children),
     Tabs: () => React.createElement("div"),
     Drawer: ({ open, children }: any) =>
@@ -124,12 +136,15 @@ vi.mock("antd", () => {
     Empty: () => React.createElement("div", null, "Empty"),
     Divider: () => React.createElement("hr"),
     Space: ({ children }: any) => React.createElement("div", null, children),
-    Dropdown: ({ children }: any) => React.createElement("span", null, children),
+    Dropdown: ({ children }: any) =>
+      React.createElement("span", null, children),
     Menu: () => React.createElement("div"),
     Badge: ({ children }: any) => React.createElement("span", null, children),
     Radio: ({ children }: any) => React.createElement("span", null, children),
-    RadioGroup: ({ children }: any) => React.createElement("div", null, children),
-    Checkbox: ({ children }: any) => React.createElement("span", null, children),
+    RadioGroup: ({ children }: any) =>
+      React.createElement("div", null, children),
+    Checkbox: ({ children }: any) =>
+      React.createElement("span", null, children),
     InputNumber: () => React.createElement("input", { type: "number" }),
     Form: ({ children }: any) => React.createElement("form", null, children),
     FormItem: ({ children }: any) => React.createElement("div", null, children),
@@ -141,23 +156,32 @@ vi.mock("antd", () => {
     Card: ({ children }: any) => React.createElement("div", null, children),
     Avatar: ({ children }: any) => React.createElement("span", null, children),
     Collapse: ({ children }: any) => React.createElement("div", null, children),
-    CollapsePanel: ({ children }: any) => React.createElement("div", null, children),
+    CollapsePanel: ({ children }: any) =>
+      React.createElement("div", null, children),
     Tag: ({ children }: any) => React.createElement("span", null, children),
-    Button: ({ children, onClick }: any) => React.createElement("button", { onClick }, children),
-    Input: ({ placeholder }: any) => React.createElement("input", { placeholder }),
-    Select: ({ children }: any) => React.createElement("select", null, children),
-    Option: ({ children }: any) => React.createElement("option", null, children),
-    ConfigProvider: ({ children }: any) => React.createElement(React.Fragment, null, children),
-    TextArea: ({ placeholder }: any) => React.createElement("textarea", { placeholder }),
+    Button: ({ children, onClick }: any) =>
+      React.createElement("button", { onClick }, children),
+    Input: ({ placeholder }: any) =>
+      React.createElement("input", { placeholder }),
+    Select: ({ children }: any) =>
+      React.createElement("select", null, children),
+    Option: ({ children }: any) =>
+      React.createElement("option", null, children),
+    ConfigProvider: ({ children }: any) =>
+      React.createElement(React.Fragment, null, children),
+    TextArea: ({ placeholder }: any) =>
+      React.createElement("textarea", { placeholder }),
     Steps: () => React.createElement("div"),
     Step: () => React.createElement("div"),
-  }
-})
+  };
+});
 
 // === UI Components mock ===
 vi.mock("@/components/ui", () => ({
-  Button: ({ children, onClick }: any) => React.createElement("button", { onClick }, children),
-  Input: ({ placeholder }: any) => React.createElement("input", { placeholder }),
+  Button: ({ children, onClick }: any) =>
+    React.createElement("button", { onClick }, children),
+  Input: ({ placeholder }: any) =>
+    React.createElement("input", { placeholder }),
   Modal: ({ open, children }: any) =>
     open ? React.createElement("div", { role: "dialog" }, children) : null,
   Drawer: ({ open, children }: any) =>
@@ -171,7 +195,7 @@ vi.mock("@/components/ui", () => ({
   Upload: ({ children }: any) => React.createElement("div", null, children),
   Slider: () => React.createElement("div"),
   Switch: () => React.createElement("input", { type: "checkbox" }),
-}))
+}));
 
 // === API mocks ===
 vi.mock("@/api/assets", () => ({
@@ -186,36 +210,40 @@ vi.mock("@/api/assets", () => ({
   batchDeleteAssets: vi.fn().mockResolvedValue({}),
   isAssetUsable: vi.fn().mockReturnValue(true),
   AssetType: { VIDEO: "video", IMAGE: "image", AUDIO: "audio", VOICE: "voice" },
-}))
+}));
 
 vi.mock("@/api/tags", () => ({
   getTags: vi.fn().mockResolvedValue({ items: [] }),
   createTag: vi.fn().mockResolvedValue({}),
   tagAsset: vi.fn().mockResolvedValue({}),
   untagAsset: vi.fn().mockResolvedValue({}),
-}))
+}));
 
 vi.mock("@/api/tts", () => ({
   synthesizeSpeech: vi.fn().mockResolvedValue({ job_id: "test-job" }),
-  getTTSJobStatus: vi.fn().mockResolvedValue({ status: "completed", audio_url: "" }),
+  getTTSJobStatus: vi
+    .fn()
+    .mockResolvedValue({ status: "completed", audio_url: "" }),
   saveTtsToLibrary: vi.fn().mockResolvedValue({}),
-}))
+}));
 
 vi.mock("@/api/voices", () => ({
   fetchPresetVoices: vi.fn().mockResolvedValue({ items: [] }),
-}))
+}));
 
 vi.mock("@/api/editing-planner", () => ({
   getEditingTemplates: vi.fn().mockResolvedValue({ items: [], total: 0 }),
   MODE_LABELS: { pip: "画中画" },
-}))
+}));
 
 vi.mock("@/api/titles", () => ({
   getTitles: vi.fn().mockResolvedValue({ items: [] }),
-}))
+}));
 
 vi.mock("@/api/template-editor", () => ({
-  updateEditPlan: vi.fn().mockResolvedValue({ plan_id: "test-plan", template_id: "test-template" }),
+  updateEditPlan: vi
+    .fn()
+    .mockResolvedValue({ plan_id: "test-plan", template_id: "test-template" }),
   getEditPlan: vi.fn().mockResolvedValue({
     plan_id: "test-plan",
     template_id: "test-template",
@@ -224,11 +252,11 @@ vi.mock("@/api/template-editor", () => ({
     status: "draft",
   }),
   getGenerationTaskResults: vi.fn().mockResolvedValue({ items: [] }),
-}))
+}));
 
 vi.mock("@/api/voice-clone", () => ({
   formatDuration: vi.fn((s: number) => `${s}s`),
-}))
+}));
 
 vi.mock("@/api/client", () => ({
   default: {
@@ -238,7 +266,7 @@ vi.mock("@/api/client", () => ({
     put: vi.fn().mockResolvedValue({ data: {} }),
     delete: vi.fn().mockResolvedValue({ data: {} }),
   },
-}))
+}));
 
 // === Hooks mock ===
 vi.mock("@/hooks/useCloneProgress", () => ({
@@ -248,46 +276,55 @@ vi.mock("@/hooks/useCloneProgress", () => ({
     start: vi.fn(),
     reset: vi.fn(),
   })),
-}))
+}));
 
 // === Components mock ===
 vi.mock("@/components/voice/CloneModal", () => ({
   default: () => React.createElement("div", { "data-testid": "CloneModal" }),
-}))
+}));
 
 // === PageHead mock ===
 vi.mock("@/components/layout/PageHead", () => ({
   default: ({ title }: { title: string }) =>
     React.createElement("div", { "data-testid": "page-head" }, title),
-}))
+}));
 
 // CSS mock
-vi.mock("@/pages/generate/generate.css", () => ({}))
+vi.mock("@/pages/generate/generate.css", () => ({}));
 
-import GeneratePage from "@/pages/generate/GeneratePage"
+import GeneratePage from "@/pages/generate/GeneratePage";
 
 describe("GeneratePage", () => {
   beforeEach(() => {
-    vi.useFakeTimers()
-  })
+    vi.useFakeTimers();
+  });
 
   afterEach(() => {
-    vi.useRealTimers()
-  })
+    vi.useRealTimers();
+  });
 
   it("renders without crashing", () => {
     const { container } = render(
-      React.createElement(MemoryRouter, null, React.createElement(GeneratePage)),
-    )
-    expect(container).toBeTruthy()
-  })
+      React.createElement(
+        MemoryRouter,
+        null,
+        React.createElement(GeneratePage),
+      ),
+    );
+    expect(container).toBeTruthy();
+  });
 
   it("advances timers without errors", () => {
-    render(React.createElement(MemoryRouter, null, React.createElement(GeneratePage)))
+    render(
+      React.createElement(
+        MemoryRouter,
+        null,
+        React.createElement(GeneratePage),
+      ),
+    );
     act(() => {
-      vi.advanceTimersByTime(30000)
-    })
-    expect(true).toBe(true)
-  })
-})
-
+      vi.advanceTimersByTime(30000);
+    });
+    expect(true).toBe(true);
+  });
+});