收口前端平台组件能力

新增 PlatformAsyncStatePanel 统一 profile 异步状态骨架
扩展 PlatformSegmentedTabs 支持滚动 tab 并接入创作入口与发现页
统一 PixelCloseButton 复用 PlatformModalCloseButton 像素关闭能力
抽取平台入口泥点前置提示弹层并收紧阻断语义
补充组件收口文档与共享决策记录

src/components/platform-entry/PlatformProfileTaskCenterModal.tsx

@@ -1,5 +1,6 @@
 import type { ProfileTaskCenterResponse } from '../../../packages/shared/src/contracts/runtime';
 import { PlatformActionButton } from '../common/PlatformActionButton';
+import { PlatformAsyncStatePanel } from '../common/PlatformAsyncStatePanel';
 import { PlatformEmptyState } from '../common/PlatformEmptyState';
 import { PlatformStatusMessage } from '../common/PlatformStatusMessage';
 import { PlatformSubpanel } from '../common/PlatformSubpanel';
@@ -50,24 +51,6 @@ export function PlatformProfileTaskCenterModal({
       panelClassName="platform-recharge-modal !max-w-md rounded-[1.4rem]"
       bodyClassName="space-y-3 px-5 py-5"
     >
-      {error ? (
-        <PlatformStatusMessage
-          tone="error"
-          surface="profile"
-          size="xs"
-          className="rounded-2xl font-semibold"
-        >
-          <div>{error}</div>
-          <PlatformActionButton
-            surface="profile"
-            size="xs"
-            className="mt-3"
-            onClick={onRetry}
-          >
-            重新加载
-          </PlatformActionButton>
-        </PlatformStatusMessage>
-      ) : null}
       {success ? (
         <PlatformStatusMessage
           tone="success"
@@ -78,20 +61,45 @@ export function PlatformProfileTaskCenterModal({
           {success}
         </PlatformStatusMessage>
       ) : null}
-      {isLoading ? (
-        <div className="space-y-3">
-          {Array.from({ length: 2 }).map((_, index) => (
-            <div
-              key={index}
-              className="h-20 animate-pulse rounded-2xl bg-white/10"
-            />
-          ))}
-        </div>
-      ) : tasks.length === 0 ? (
-        <PlatformEmptyState surface="subpanel" size="inline">
-          暂无任务
-        </PlatformEmptyState>
-      ) : (
+      <PlatformAsyncStatePanel
+        errorState={
+          error ? (
+            <PlatformStatusMessage
+              tone="error"
+              surface="profile"
+              size="xs"
+              className="rounded-2xl font-semibold"
+            >
+              <div>{error}</div>
+              <PlatformActionButton
+                surface="profile"
+                size="xs"
+                className="mt-3"
+                onClick={onRetry}
+              >
+                重新加载
+              </PlatformActionButton>
+            </PlatformStatusMessage>
+          ) : null
+        }
+        isLoading={isLoading}
+        loadingState={
+          <div className="space-y-3">
+            {Array.from({ length: 2 }).map((_, index) => (
+              <div
+                key={index}
+                className="h-20 animate-pulse rounded-2xl bg-white/10"
+              />
+            ))}
+          </div>
+        }
+        isEmpty={tasks.length === 0}
+        emptyState={
+          <PlatformEmptyState surface="subpanel" size="inline">
+            暂无任务
+          </PlatformEmptyState>
+        }
+      >
         <div className="space-y-3">
           {tasks.map((task) => {
             const isClaimable = task.status === 'claimable';
@@ -137,7 +145,7 @@ export function PlatformProfileTaskCenterModal({
             );
           })}
         </div>
-      )}
+      </PlatformAsyncStatePanel>
     </PlatformProfileModalShell>
   );
 }