youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-05 01:48:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

chat mode

Browse Source
This commit is contained in:
StyleZhang
2024-03-07 14:24:27 +08:00
parent 8f3d9d0149
commit af99a55552
9 changed files with 45 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/app/components/workflow/header/index.tsx
View File

@ -5,6 +5,7 @@ import {
} from 'react'
import { useTranslation } from 'react-i18next'
import { useStore } from '../store'
import { useIsChatMode } from '../hooks'
import RunAndHistory from './run-and-history'
import EditingTitle from './editing-title'
import RunningTitle from './running-title'
@ -18,6 +19,7 @@ import { Mode } from '@/app/components/workflow/types'
const Header: FC = () => {
const { t } = useTranslation()
const appDetail = useAppStore(state => state.appDetail)
const isChatMode = useIsChatMode()
const mode = useStore(state => state.mode)
const runTaskId = useStore(state => state.runTaskId)
@ -59,7 +61,7 @@ const Header: FC = () => {
<RunAndHistory />
<div className='mx-2 w-[1px] h-3.5 bg-gray-200'></div>
{
appDetail?.mode === 'advanced-chat' && (
isChatMode && (
<Button
className={`
mr-2 px-3 py-0 h-8 bg-white text-[13px] font-medium text-gray-700

12
web/app/components/workflow/header/run-and-history.tsx
View File

@ -2,16 +2,16 @@ import type { FC } from 'react'
import { memo } from 'react'
import { useTranslation } from 'react-i18next'
import { useStore } from '../store'
import { useIsChatMode } from '../hooks'
import { Play } from '@/app/components/base/icons/src/vender/line/mediaAndDevices'
import { ClockPlay } from '@/app/components/base/icons/src/vender/line/time'
import TooltipPlus from '@/app/components/base/tooltip-plus'
import { Loading02 } from '@/app/components/base/icons/src/vender/line/general'
import { Mode } from '@/app/components/workflow/types'
import { useStore as useAppStore } from '@/app/components/app/store'
const RunAndHistory: FC = () => {
const { t } = useTranslation()
const appDetail = useAppStore(state => state.appDetail)
const isChatMode = useIsChatMode()
const mode = useStore(state => state.mode)
const showRunHistory = useStore(state => state.showRunHistory)
@ -22,7 +22,7 @@ const RunAndHistory: FC = () => {
flex items-center px-1.5 h-7 rounded-md text-[13px] font-medium text-primary-600
hover:bg-primary-50 cursor-pointer
${mode === 'running' && 'bg-primary-50 !cursor-not-allowed'}
${mode === 'running' && appDetail?.mode !== 'workflow' && 'opacity-50'}
${mode === 'running' && isChatMode && 'opacity-50'}
`}
onClick={() => mode !== 'running' && useStore.setState({ mode: Mode.Running })}
>
@ -31,12 +31,12 @@ const RunAndHistory: FC = () => {
? (
<>
{
appDetail?.mode === 'workflow' && (
!isChatMode && (
<Loading02 className='mr-1 w-4 h-4 animate-spin' />
)
}
{
appDetail?.mode === 'workflow'
!isChatMode
? t('workflow.common.running')
: t('workflow.common.inPreview')
}
@ -46,7 +46,7 @@ const RunAndHistory: FC = () => {
<>
<Play className='mr-1 w-4 h-4' />
{
appDetail?.mode === 'workflow'
!isChatMode
? t('workflow.common.run')
: t('workflow.common.preview')
}