FEAT: NEW WORKFLOW ENGINE (#3160)

Co-authored-by: Joel <iamjoel007@gmail.com>
Co-authored-by: Yeuoly <admin@srmxy.cn>
Co-authored-by: JzoNg <jzongcode@gmail.com>
Co-authored-by: StyleZhang <jasonapring2015@outlook.com>
Co-authored-by: jyong <jyong@dify.ai>
Co-authored-by: nite-knite <nkCoding@gmail.com>
Co-authored-by: jyong <718720800@qq.com>

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

@@ -0,0 +1,24 @@
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import { Play } from '@/app/components/base/icons/src/vender/solid/mediaAndDevices'
+
+const RunningTitle = () => {
+  const { t } = useTranslation()
+  const appDetail = useAppStore(state => state.appDetail)
+
+  return (
+    <div className='flex items-center h-[18px] text-xs text-primary-600'>
+      <Play className='mr-1 w-3 h-3' />
+      {
+        appDetail?.mode === 'advanced-chat'
+          ? t('workflow.common.inPreviewMode')
+          : t('workflow.common.inRunMode')
+      }
+      <span className='mx-1'>·</span>
+      <span className='text-gray-500'>Test Run#2</span>
+    </div>
+  )
+}
+
+export default memo(RunningTitle)