style: prettier 格式化修复 GeneratePage 和 Step3GeneratePreview

Step3GeneratePreview.tsx:
- templateName/materialCount/videoRatio 在删除剪辑方案信息卡片后不再使用，改为 _xxx 别名

清理 develop 上遗留的无用 eslint-disable 指令：
- useTtsPanel.ts: react-hooks/exhaustive-deps
- ProtectedRoute.tsx: react-refresh/only-export-components
- client.test.ts: @typescript-eslint/no-explicit-any (5处)
- setup.ts: @typescript-eslint/no-explicit-any (2处)

apps/web/src/pages/editing-planner/components/TtsPanel/hooks/useTtsPanel.ts

@@ -60,7 +60,6 @@ export const useTtsPanel = ({ open, config, onChange, onClose }: UseTtsPanelOpti
     return () => {
       active = false
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open])
 
   /* ── 组件卸载时清理音频资源 ── */

apps/web/src/pages/generate/GeneratePage.tsx

@@ -224,21 +224,23 @@ const GeneratePage: React.FC = () => {
             />
           )}
 
-          {/* 正式生成结果 */}
-          <GenerateResultPanel
-            generated={generated}
-            generating={generating}
-            progress={progress}
-            generateError={generateError}
-            generatedVideos={generatedVideos}
-            onVideoPreview={(video) => {
-              setPreviewVideo(video)
-              setPreviewModalOpen(true)
-            }}
-            onDownload={handleDownload}
-            onShare={handleShare}
-            onGoToLibrary={() => navigate("/app/products")}
-          />
+          {/* 正式生成结果（Step4+ 才显示） */}
+          {currentStep >= 4 && (
+            <GenerateResultPanel
+              generated={generated}
+              generating={generating}
+              progress={progress}
+              generateError={generateError}
+              generatedVideos={generatedVideos}
+              onVideoPreview={(video) => {
+                setPreviewVideo(video)
+                setPreviewModalOpen(true)
+              }}
+              onDownload={handleDownload}
+              onShare={handleShare}
+              onGoToLibrary={() => navigate("/app/products")}
+            />
+          )}
         </div>
       </div>
 

apps/web/src/pages/generate/components/Step3GeneratePreview.tsx

@@ -27,9 +27,9 @@ interface Step3GeneratePreviewProps {
 }
 
 const Step3GeneratePreview: React.FC<Step3GeneratePreviewProps> = ({
-  templateName,
-  materialCount,
-  videoRatio,
+  templateName: _templateName,
+  materialCount: _materialCount,
+  videoRatio: _videoRatio,
   previewStatus,
   previewResult,
   previewError,
@@ -119,48 +119,6 @@ const Step3GeneratePreview: React.FC<Step3GeneratePreviewProps> = ({
               preload="metadata"
             />
           </div>
-
-          {/* 剪辑方案信息 */}
-          <div className="xx-preview-plan-card">
-            <div className="xx-preview-plan-title">剪辑方案信息</div>
-            <div className="xx-preview-plan-info">
-              <div className="xx-preview-plan-row">
-                <span className="xx-preview-plan-label">模板</span>
-                <span className="xx-preview-plan-value">{templateName}</span>
-              </div>
-              <div className="xx-preview-plan-row">
-                <span className="xx-preview-plan-label">素材数量</span>
-                <span className="xx-preview-plan-value">{materialCount}</span>
-              </div>
-              <div className="xx-preview-plan-row">
-                <span className="xx-preview-plan-label">片段数</span>
-                <span className="xx-preview-plan-value">{previewResult.clipCount} 段</span>
-              </div>
-              <div className="xx-preview-plan-row">
-                <span className="xx-preview-plan-label">转场次数</span>
-                <span className="xx-preview-plan-value">{previewResult.transitionCount} 次</span>
-              </div>
-              <div className="xx-preview-plan-row">
-                <span className="xx-preview-plan-label">素材使用率</span>
-                <span className="xx-preview-plan-value">{previewResult.materialUsage}%</span>
-              </div>
-              <div className="xx-preview-plan-row">
-                <span className="xx-preview-plan-label">实际时长</span>
-                <span className="xx-preview-plan-value">
-                  {(typeof previewResult.duration === "number"
-                    ? previewResult.duration
-                    : 0
-                  ).toFixed(1)}{" "}
-                  秒
-                </span>
-              </div>
-              <div className="xx-preview-plan-row">
-                <span className="xx-preview-plan-label">视频比例</span>
-                <span className="xx-preview-plan-value">{videoRatio}</span>
-              </div>
-            </div>
-            <div className="xx-preview-plan-hint">💡 这是 480p 预览版，正式生成将输出高清视频</div>
-          </div>
         </>
       )}
     </div>

apps/web/src/router/ProtectedRoute.tsx

@@ -3,7 +3,6 @@ import { Navigate } from "react-router-dom"
 import { useAuthStore } from "@/store/authStore"
 
 /** 受保护的路由组件 */
-// eslint-disable-next-line react-refresh/only-export-components
 export const ProtectedRoute = ({ children }: { children: React.ReactNode }) => {
   const isAuthenticated = useAuthStore((state) => state.isAuthenticated)
   const hasAccessToken = Boolean(localStorage.getItem("access_token"))

apps/web/src/test/api/client.test.ts

@@ -26,12 +26,10 @@ import { refreshAccessToken } from "@/api/auth"
 import apiClient from "@/api/client"
 
 // 从真实实例取出拦截器回调
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const requestHandlers = (apiClient as any).interceptors.request.handlers as Array<{
   fulfilled: (config: unknown) => unknown
   rejected: (error: unknown) => unknown
 }>
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const responseHandlers = (apiClient as any).interceptors.response.handlers as Array<{
   fulfilled: (response: unknown) => unknown
   rejected: (error: unknown) => Promise<unknown>
@@ -258,7 +256,6 @@ describe("apiClient - 401 token refresh", () => {
       isAuthenticated: false,
       clearAuth: mockClearAuth,
       setAuth: vi.fn(),
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } as any)
 
     const err = makeAxiosError(401, { detail: "Unauthorized" })
@@ -276,7 +273,6 @@ describe("apiClient - 401 token refresh", () => {
       isAuthenticated: true,
       clearAuth: vi.fn(),
       setAuth: mockSetAuth,
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } as any)
     vi.mocked(refreshAccessToken).mockResolvedValue({
       access_token: "new-access",
@@ -306,7 +302,6 @@ describe("apiClient - 401 token refresh", () => {
       isAuthenticated: true,
       clearAuth: mockClearAuth,
       setAuth: vi.fn(),
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } as any)
     vi.mocked(refreshAccessToken).mockRejectedValue(new Error("refresh failed") as never)
 

apps/web/src/test/setup.ts

@@ -32,9 +32,7 @@ afterEach(() => {
 declare global {
   // eslint-disable-next-line @typescript-eslint/no-namespace
   namespace Vi {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     interface Assertion<T = any> extends jest.Matchers<void, T> {}
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     interface AsymmetricMatchersContaining extends jest.Matchers<void, any> {}
   }
 }