AI/dify
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git synced 2025-08-18 22:15:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix style of tracing

Browse Source
This commit is contained in:
JzoNg 2024-09-19 17:28:17 +08:00
parent c6f53c9030
commit 099746dd59
4 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/app/components/workflow/panel/workflow-preview.tsx
View File

@ -146,8 +146,8 @@ const WorkflowPreview = () => {
>{t('runLog.tracing')}</div> >{t('runLog.tracing')}</div>
</div> </div>
<div className={cn( <div className={cn(
'grow bg-white h-0 overflow-y-auto rounded-b-2xl', 'grow bg-components-panel-bg h-0 overflow-y-auto rounded-b-2xl',
(currentTab === 'RESULT' || currentTab === 'TRACING') && '!bg-gray-50', (currentTab === 'RESULT' || currentTab === 'TRACING') && '!bg-background-section-burn',
)}> )}>
{currentTab === 'INPUT' && showInputsPanel && ( {currentTab === 'INPUT' && showInputsPanel && (
<InputsPanel onRun={() => switchTab('RESULT')} /> <InputsPanel onRun={() => switchTab('RESULT')} />
@ -191,18 +191,19 @@ const WorkflowPreview = () => {
/> />
)} )}
{currentTab === 'DETAIL' && !workflowRunningData?.result && ( {currentTab === 'DETAIL' && !workflowRunningData?.result && (
<div className='flex h-full items-center justify-center bg-white'> <div className='flex h-full items-center justify-center bg-components-panel-bg'>
<Loading /> <Loading />
</div> </div>
)} )}
{currentTab === 'TRACING' && ( {currentTab === 'TRACING' && (
<TracingPanel <TracingPanel
className='bg-background-section-burn'
list={workflowRunningData?.tracing || []} list={workflowRunningData?.tracing || []}
onShowIterationDetail={handleShowIterationDetail} onShowIterationDetail={handleShowIterationDetail}
/> />
)} )}
{currentTab === 'TRACING' && !workflowRunningData?.tracing?.length && ( {currentTab === 'TRACING' && !workflowRunningData?.tracing?.length && (
<div className='flex h-full items-center justify-center bg-gray-50'> <div className='flex h-full items-center justify-center !bg-background-section-burn'>
<Loading /> <Loading />
</div> </div>
)} )}

3
web/app/components/workflow/run/index.tsx
View File

@ -192,7 +192,7 @@ const RunPanel: FC<RunProps> = ({ hideResult, activeTab = 'RESULT', runID, getRe
>{t('runLog.tracing')}</div> >{t('runLog.tracing')}</div>
</div> </div>
{/* panel detail */} {/* panel detail */}
<div ref={ref} className={cn('grow bg-white h-0 overflow-y-auto rounded-b-2xl', currentTab !== 'DETAIL' && '!bg-gray-50')}> <div ref={ref} className={cn('grow bg-components-panel-bg h-0 overflow-y-auto rounded-b-2xl', currentTab !== 'DETAIL' && '!bg-background-section-burn')}>
{loading && ( {loading && (
<div className='flex h-full items-center justify-center bg-components-panel-bg'> <div className='flex h-full items-center justify-center bg-components-panel-bg'>
<Loading /> <Loading />
@ -220,6 +220,7 @@ const RunPanel: FC<RunProps> = ({ hideResult, activeTab = 'RESULT', runID, getRe
)} )}
{!loading && currentTab === 'TRACING' && ( {!loading && currentTab === 'TRACING' && (
<TracingPanel <TracingPanel
className='bg-background-section-burn'
list={list} list={list}
onShowIterationDetail={handleShowIterationDetail} onShowIterationDetail={handleShowIterationDetail}
/> />

2
web/app/components/workflow/run/node.tsx
View File

@ -85,7 +85,7 @@ const NodePanel: FC<Props> = ({
} }
return ( return (
<div className={cn('px-2 py-1', className)}> <div className={cn('px-2 py-1', className)}>
<div className='group transition-all bg-background-default border border-components-panel-border rounded-[10px] shadows-shadow-xs hover:shadow-md'> <div className='group transition-all bg-background-default border border-components-panel-border rounded-[10px] shadow-xs hover:shadow-md'>
<div <div
className={cn( className={cn(
'flex items-center pl-1 pr-3 cursor-pointer', 'flex items-center pl-1 pr-3 cursor-pointer',

7
web/app/components/workflow/run/result-text.tsx
View File

@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next'
import { ImageIndentLeft } from '@/app/components/base/icons/src/vender/line/editor' import { ImageIndentLeft } from '@/app/components/base/icons/src/vender/line/editor'
import { Markdown } from '@/app/components/base/markdown' import { Markdown } from '@/app/components/base/markdown'
import LoadingAnim from '@/app/components/base/chat/chat/loading-anim' import LoadingAnim from '@/app/components/base/chat/chat/loading-anim'
import StatusContainer from '@/app/components/workflow/run/status-container'
type ResultTextProps = { type ResultTextProps = {
isRunning?: boolean isRunning?: boolean
@ -28,9 +29,9 @@ const ResultText: FC<ResultTextProps> = ({
)} )}
{!isRunning && error && ( {!isRunning && error && (
<div className='px-4'> <div className='px-4'>
<div className='px-3 py-[10px] rounded-lg !bg-[#fef3f2] border-[0.5px] border-[rgba(0,0,0,0.05)] shadow-xs'> <StatusContainer status='failed'>
<div className='text-xs leading-[18px] text-[#d92d20]'>{error}</div> {error}
</div> </StatusContainer>
</div> </div>
)} )}
{!isRunning && !outputs && !error && ( {!isRunning && !outputs && !error && (