fix(console): fix provision timeline (#2503)

Signed-off-by: Haiyang Shi <haiyang.shi@bytedance.com>

Author: DwyaneShi

apps/console/web/src/components/JobDetail.tsx

@@ -220,6 +220,7 @@ export function JobDetail({ jobId, onBack }: JobDetailProps) {
   const [cancellingJob, setCancellingJob] = useState(false);
   const [cancelError, setCancelError] = useState<string | null>(null);
   const [copyFeedback, setCopyFeedback] = useState<'Copied' | 'Copy failed' | null>(null);
+  const [timelineRefreshTick, setTimelineRefreshTick] = useState(0);
   // Current viewer; datasets are downloadable only by the job owner.
   const [currentUser, setCurrentUser] = useState('');
 
@@ -252,6 +253,9 @@ export function JobDetail({ jobId, onBack }: JobDetailProps) {
         .then(j => {
           if (cancelled) return;
           setJob(j);
+          if (j.status === 'resource_preparing') {
+            setTimelineRefreshTick(tick => tick + 1);
+          }
           const detail = parseDeploymentDetail(j);
           if (detail) {
             setDeploymentDetail(detail);
@@ -558,6 +562,7 @@ export function JobDetail({ jobId, onBack }: JobDetailProps) {
                         eventType={event.id}
                         jobStatus={job.status}
                         rawJson={job.provision?.rawJson}
+                        refreshTick={timelineRefreshTick}
                       />
                     )}
                   </div>

apps/console/web/src/components/jobTimelineEventDetail/TimelineEventDetailCard.tsx

@@ -5,11 +5,13 @@ export function TimelineEventDetailCard({
   eventType,
   jobStatus,
   rawJson,
+  refreshTick,
 }: {
   provider: string;
   eventType: string;
   jobStatus: string;
   rawJson?: string;
+  refreshTick?: number;
 }) {
   const Renderer = getTimelineEventDetailRenderer(provider, eventType);
   if (!Renderer || !rawJson) {
@@ -25,5 +27,5 @@ export function TimelineEventDetailCard({
   } catch {
     return null;
   }
-  return <Renderer data={data} jobStatus={jobStatus} />;
+  return <Renderer data={data} jobStatus={jobStatus} refreshTick={refreshTick} />;
 }

apps/console/web/src/components/jobTimelineEventDetail/registry.ts

@@ -3,6 +3,7 @@ import { ComponentType } from 'react';
 export interface TimelineEventDetailProps {
   data: unknown;
   jobStatus?: string;
+  refreshTick?: number;
 }
 
 const registry = new Map<string, ComponentType<TimelineEventDetailProps>>();