fix(P0): 全面修复删除后白屏崩溃 - 4个页面加防御性检查 (#525)

Co-authored-by: xiaoxia <dev@xiaoxiajianji.com>
Co-committed-by: xiaoxia <dev@xiaoxiajianji.com>

apps/web/src/api/products.ts

@@ -89,7 +89,12 @@ export const getProducts = async (
   params?: ProductListParams,
 ): Promise<ProductItem[]> => {
   const response = await apiClient.get("/generation/tasks", { params });
-  const tasks = response.data.items || response.data || [];
+  const data = response.data;
+  const tasks = Array.isArray(data?.items)
+    ? data.items
+    : Array.isArray(data)
+      ? data
+      : [];
   return tasks.map(mapTaskToProductItem);
 };
 

apps/web/src/pages/assets/AssetLibrary.tsx

@@ -1277,13 +1277,13 @@ const AssetLibrary: React.FC = () => {
               )}
             </div>
 
-            {operationResult.succeeded.length > 0 && (
+            {(operationResult?.succeeded?.length ?? 0) > 0 && (
               <div className="xx-batch-result-section">
                 <h4 className="xx-batch-result-section-title success">
                   <CheckCircleOutlined /> 成功列表
                 </h4>
                 <div className="xx-batch-result-ids">
-                  {operationResult.succeeded.map((id) => (
+                  {operationResult?.succeeded?.map((id) => (
                     <div key={id} className="xx-batch-result-id">
                       {id}
                     </div>
@@ -1292,13 +1292,13 @@ const AssetLibrary: React.FC = () => {
               </div>
             )}
 
-            {operationResult.failed.length > 0 && (
+            {(operationResult?.failed?.length ?? 0) > 0 && (
               <div className="xx-batch-result-section">
                 <h4 className="xx-batch-result-section-title fail">
                   <CloseCircleOutlined /> 失败列表
                 </h4>
                 <div className="xx-batch-result-ids">
-                  {operationResult.failed.map((id) => (
+                  {operationResult?.failed?.map((id) => (
                     <div key={id} className="xx-batch-result-id fail">
                       {id}
                     </div>

apps/web/src/pages/editing-planner/components/GenerationHistoryModal.tsx

@@ -48,7 +48,7 @@ const GenerationHistoryModal: React.FC<GenerationHistoryModalProps> = ({
                 <div className="ep-skeleton-item" />
               </div>
             </div>
-          ) : history.length === 0 ? (
+          ) : (history?.length ?? 0) === 0 ? (
             <div className="ep-gh-empty">
               <InboxOutlined style={{ fontSize: 32, opacity: 0.4 }} />
               <span>暂无生成记录</span>
@@ -65,7 +65,7 @@ const GenerationHistoryModal: React.FC<GenerationHistoryModalProps> = ({
                 </tr>
               </thead>
               <tbody>
-                {history.map((gen) => {
+                {(history ?? []).map((gen) => {
                   const statusClass = `ep-gh-status-tag--${gen.status}`;
                   const canCancel =
                     gen.status === "rendering" || gen.status === "editing";

apps/web/src/pages/products/ProductLibrary.tsx

@@ -587,8 +587,11 @@ const ProductLibrary: React.FC = () => {
     staleTime: 30_000,
   });
 
-  // 映射为前端类型
-  const products = useMemo(() => apiProducts.map(mapApiProduct), [apiProducts]);
+  // 映射为前端类型，防御非数组返回
+  const products = useMemo(
+    () => (Array.isArray(apiProducts) ? apiProducts : []).map(mapApiProduct),
+    [apiProducts],
+  );
 
   /* ── 删除 mutation ── */
   const deleteMutation = useMutation({