fix style

web/app/components/workflow/panel/run-history.tsx

@@ -17,6 +17,7 @@ import {
 import { useStore as useAppStore } from '@/app/components/app/store'
 import { fetcChatRunHistory, fetchWorkflowRunHistory } from '@/service/workflow'
 import Loading from '@/app/components/base/loading'
+import { ClockPlay } from '@/app/components/base/icons/src/vender/line/time'
 
 const RunHistory = () => {
   const { t } = useTranslation()
@@ -62,6 +63,20 @@ const RunHistory = () => {
         )
       }
       <div className='grow p-2 overflow-y-auto'>
+        {
+          !data?.data.length && (
+            <div className='flex justify-center items-center h-full'>
+              <div>
+                <div className='flex justify-center mb-2'>
+                  <ClockPlay className='w-8 h-8 text-gray-300' />
+                </div>
+                <div className='text-center text-[13px] text-gray-400'>
+                  {t('workflow.common.notRunning')}
+                </div>
+              </div>
+            </div>
+          )
+        }
         {
           data?.data.map(item => (
             <div

web/app/components/workflow/panel/workflow-preview.tsx

@@ -52,7 +52,7 @@ const WorkflowPreview = () => {
               elapsed_time={workflowRunningData?.result?.elapsed_time}
               total_tokens={workflowRunningData?.result?.total_tokens}
               created_at={workflowRunningData?.result?.created_at}
-              created_by={''}
+              created_by={(workflowRunningData?.result?.created_by as any)?.name}
               steps={workflowRunningData?.result?.total_steps}
             />
           )}

web/i18n/en-US/workflow.ts

@@ -29,6 +29,7 @@ const translation = {
     needConnecttip: 'This step is not connected to anything',
     maxTreeDepth: 'Maximum limit of {{depth}} nodes per branch',
     workflowProcess: 'Workflow Process',
+    notRunning: 'Not running yet',
   },
   errorMsg: {
     fieldRequired: '{{field}} is required',

web/i18n/zh-Hans/workflow.ts

@@ -29,6 +29,7 @@ const translation = {
     needConnecttip: '此节点尚未连接到其他节点',
     maxTreeDepth: '每个分支最大限制 {{depth}} 个节点',
     workflowProcess: '工作流',
+    notRunning: '尚未运行',
   },
   errorMsg: {
     fieldRequired: '{{field}} 不能为空',