.

apps/blogai/components/header.tsx

@@ -411,6 +411,7 @@ export function DetailPageHeader({ data }: { data: any }) {
   const [showDelete, setShowDelete] = useState(true);
   const [hasWSConnected, setHasWSConnected] = useState(false);
   const socketRef = useRef<WebSocket | null>(null); // ✅ 引用存 WebSocket 实例
+  const [statusLoaded, setStatusLoaded] = useState(false); // 👈 状态是否加载完成
 
   // ✅ 提取 WebSocket 初始化逻辑
   const initWebSocket = (userName: string, id: number) => {
@@ -522,6 +523,8 @@ export function DetailPageHeader({ data }: { data: any }) {
         const userName = userData?.user_name;
         const id = data?.id;
 
+        setStatusLoaded(true); // 在 fetch 成功最后加这句
+
         if (status === "deploying" && userName && id && !hasWSConnected) {
           setStatusText("检测到正在部署，连接中...");
           initWebSocket(userName, id);
@@ -606,7 +609,7 @@ export function DetailPageHeader({ data }: { data: any }) {
               </div>
             </div>
 
-            {showDelete && (
+            {statusLoaded && showDelete && (
               <button
                 onClick={handleDelete}
                 className="hover:text-gray-700 transition self-end"