Refine play type integration flow and docs

src/components/custom-world-home/CustomWorldWorkCard.tsx

@@ -1,5 +1,6 @@
 import {
   BadgeCheck,
+  CircleAlert,
   Clock3,
   Loader2,
   Share2,
@@ -439,11 +440,8 @@ export function CustomWorldWorkCard({
       return;
     }
 
-    updateSwipeOffset(
-      gesture,
-      event.clientX,
-      event.clientY,
-      () => event.preventDefault(),
+    updateSwipeOffset(gesture, event.clientX, event.clientY, () =>
+      event.preventDefault(),
     );
   };
 
@@ -473,9 +471,7 @@ export function CustomWorldWorkCard({
     }
   };
 
-  const beginTouchSwipeGesture = (
-    event: ReactTouchEvent<HTMLDivElement>,
-  ) => {
+  const beginTouchSwipeGesture = (event: ReactTouchEvent<HTMLDivElement>) => {
     if (swipeRevealWidth <= 0) {
       return;
     }
@@ -494,20 +490,15 @@ export function CustomWorldWorkCard({
     };
   };
 
-  const updateTouchSwipeGesture = (
-    event: ReactTouchEvent<HTMLDivElement>,
-  ) => {
+  const updateTouchSwipeGesture = (event: ReactTouchEvent<HTMLDivElement>) => {
     const gesture = swipeGestureRef.current;
     const touch = event.touches[0];
     if (!gesture || gesture.pointerId !== -1 || !touch) {
       return;
     }
 
-    updateSwipeOffset(
-      gesture,
-      touch.clientX,
-      touch.clientY,
-      () => event.preventDefault(),
+    updateSwipeOffset(gesture, touch.clientX, touch.clientY, () =>
+      event.preventDefault(),
     );
   };
 
@@ -676,8 +667,8 @@ export function CustomWorldWorkCard({
                 {displayTitle}
               </span>
             </div>
-            <div className="creation-work-card__quick-actions">
-              {canUseShareAction ? (
+            {canUseShareAction ? (
+              <div className="creation-work-card__quick-actions">
                 <button
                   type="button"
                   onClick={(event) => {
@@ -713,38 +704,8 @@ export function CustomWorldWorkCard({
                 >
                   <Share2 aria-hidden="true" className="h-4 w-4" />
                 </button>
-              ) : null}
-              {onDelete ? (
-                <button
-                  type="button"
-                  onClick={(event) => {
-                    event.stopPropagation();
-                    suppressOpenRef.current = false;
-                    closeSwipeActions();
-                    onDelete();
-                  }}
-                  onKeyDown={(event) => {
-                    event.stopPropagation();
-                  }}
-                  onPointerDown={(event) => {
-                    event.stopPropagation();
-                  }}
-                  onTouchStart={(event) => {
-                    event.stopPropagation();
-                  }}
-                  disabled={deleteBusy}
-                  title={deleteBusy ? '删除中' : '删除作品'}
-                  aria-label={deleteBusy ? '删除中' : '删除'}
-                  className="creation-work-card__quick-action-button creation-work-card__quick-action-button--danger"
-                >
-                  {deleteBusy ? (
-                    <span className="text-xs leading-none">...</span>
-                  ) : (
-                    <Trash2 aria-hidden="true" className="h-4 w-4" />
-                  )}
-                </button>
-              ) : null}
-            </div>
+              </div>
+            ) : null}
           </div>
 
           <div className="creation-work-card__meta platform-category-game-item__meta">
@@ -762,6 +723,16 @@ export function CustomWorldWorkCard({
             {item.summary}
           </div>
 
+          {item.hasGenerationFailure ? (
+            <div
+              aria-label={item.generationFailureSummary ?? '生成失败'}
+              className="creation-work-card__failure-status"
+            >
+              <CircleAlert aria-hidden="true" className="h-3.5 w-3.5" />
+              <span>{item.generationFailureSummary ?? '生成失败'}</span>
+            </div>
+          ) : null}
+
           {isPublished ? (
             <div className="creation-work-card__published-info">
               {item.pointIncentive ? (