feat: 电商工作台进度与生成记录健壮性优化

src/features/ecommerce/EcommerceProgressBar.tsx

@@ -1,10 +1,11 @@
 import { useSmoothedProgress } from "../../hooks/useSmoothedProgress";
-import type { ReactNode } from "react";
 
 interface EcommerceProgressBarProps {
   status: "idle" | "generating" | "done" | "failed" | string;
   label?: string;
   onCancel?: () => void;
+  /** 0-100 真实进度。传入时进度条按真实值推进；省略时按状态做平滑蠕动。 */
+  progress?: number;
 }
 
 function mapStatus(status: string): "running" | "completed" | "failed" {
@@ -14,9 +15,13 @@ function mapStatus(status: string): "running" | "completed" | "failed" {
   return "running";
 }
 
-export function EcommerceProgressBar({ status, label, onCancel }: EcommerceProgressBarProps) {
-  const progress = mapStatus(status) === "running" ? 50 : 100;
-  const smoothed = useSmoothedProgress(progress, mapStatus(status));
+export function EcommerceProgressBar({ status, label, onCancel, progress }: EcommerceProgressBarProps) {
+  const mapped = mapStatus(status);
+  // running 时目标取「真实进度」与兜底值 88 的较大者：有真实进度则跟随推进，
+  // 后端不推中间进度时也由平滑器持续蠕动到高位，不再卡死在 75%。
+  const realProgress = typeof progress === "number" ? Math.max(0, Math.min(100, progress)) : 0;
+  const target = mapped === "running" ? Math.max(realProgress, 88) : 100;
+  const smoothed = useSmoothedProgress(target, mapped);
 
   if (status === "idle") return null;