fix(workflow_run): sequence_number race. (#21228)

Signed-off-by: -LAN- <laipz8200@outlook.com>

web/app/components/workflow/header/running-title.tsx

@@ -2,6 +2,7 @@ import { memo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useIsChatMode } from '../hooks'
 import { useStore } from '../store'
+import { formatWorkflowRunIdentifier } from '../utils'
 import { ClockPlay } from '@/app/components/base/icons/src/vender/line/time'
 
 const RunningTitle = () => {
@@ -12,7 +13,7 @@ const RunningTitle = () => {
   return (
     <div className='flex h-[18px] items-center text-xs text-gray-500'>
       <ClockPlay className='mr-1 h-3 w-3 text-gray-500' />
-      <span>{isChatMode ? `Test Chat#${historyWorkflowData?.sequence_number}` : `Test Run#${historyWorkflowData?.sequence_number}`}</span>
+      <span>{isChatMode ? `Test Chat${formatWorkflowRunIdentifier(historyWorkflowData?.finished_at)}` : `Test Run${formatWorkflowRunIdentifier(historyWorkflowData?.finished_at)}`}</span>
       <span className='mx-1'>·</span>
       <span className='ml-1 flex h-[18px] items-center rounded-[5px] border border-indigo-300 bg-white/[0.48] px-1 text-[10px] font-semibold uppercase text-indigo-600'>
         {t('workflow.common.viewOnly')}

web/app/components/workflow/header/view-history.tsx

@@ -18,6 +18,7 @@ import {
   useWorkflowRun,
 } from '../hooks'
 import { ControlMode, WorkflowRunningStatus } from '../types'
+import { formatWorkflowRunIdentifier } from '../utils'
 import cn from '@/utils/classnames'
 import {
   PortalToFollowElem,
@@ -199,7 +200,7 @@ const ViewHistory = ({
                               item.id === historyWorkflowData?.id && 'text-text-accent',
                             )}
                           >
-                            {`Test ${isChatMode ? 'Chat' : 'Run'} #${item.sequence_number}`}
+                            {`Test ${isChatMode ? 'Chat' : 'Run'}${formatWorkflowRunIdentifier(item.finished_at)}`}
                           </div>
                           <div className='flex items-center text-xs leading-[18px] text-text-tertiary'>
                             {item.created_by_account?.name} · {formatTimeFromNow((item.finished_at || item.created_at) * 1000)}