mirror of https://github.com/langgenius/dify.git
84 lines
2.2 KiB
TypeScript
84 lines
2.2 KiB
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import type { Memory, Node, NodeOutPutVar } from '@/app/components/workflow/types'
|
|
import * as React from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import Tooltip from '@/app/components/base/tooltip'
|
|
import Editor from '@/app/components/workflow/nodes/_base/components/prompt/editor'
|
|
import MemoryConfig from '../../_base/components/memory-config'
|
|
|
|
const i18nPrefix = 'nodes.questionClassifiers'
|
|
|
|
type Props = {
|
|
instruction: string
|
|
onInstructionChange: (instruction: string) => void
|
|
hideMemorySetting: boolean
|
|
memory?: Memory
|
|
onMemoryChange: (memory?: Memory) => void
|
|
readonly?: boolean
|
|
isChatModel: boolean
|
|
isChatApp: boolean
|
|
hasSetBlockStatus?: {
|
|
context: boolean
|
|
history: boolean
|
|
query: boolean
|
|
}
|
|
nodesOutputVars: NodeOutPutVar[]
|
|
availableNodes: Node[]
|
|
}
|
|
|
|
const AdvancedSetting: FC<Props> = ({
|
|
instruction,
|
|
onInstructionChange,
|
|
hideMemorySetting,
|
|
memory,
|
|
onMemoryChange,
|
|
readonly,
|
|
isChatModel,
|
|
isChatApp,
|
|
hasSetBlockStatus,
|
|
nodesOutputVars,
|
|
availableNodes,
|
|
}) => {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<>
|
|
<Editor
|
|
title={(
|
|
<div className="flex items-center space-x-1">
|
|
<span className="uppercase">{t(`${i18nPrefix}.instruction`, { ns: 'workflow' })}</span>
|
|
<Tooltip
|
|
popupContent={(
|
|
<div className="w-[120px]">
|
|
{t(`${i18nPrefix}.instructionTip`, { ns: 'workflow' })}
|
|
</div>
|
|
)}
|
|
triggerClassName="w-3.5 h-3.5 ml-0.5"
|
|
/>
|
|
</div>
|
|
)}
|
|
value={instruction}
|
|
onChange={onInstructionChange}
|
|
readOnly={readonly}
|
|
isChatModel={isChatModel}
|
|
isChatApp={isChatApp}
|
|
isShowContext={false}
|
|
hasSetBlockStatus={hasSetBlockStatus}
|
|
nodesOutputVars={nodesOutputVars}
|
|
availableNodes={availableNodes}
|
|
/>
|
|
{!hideMemorySetting && (
|
|
<MemoryConfig
|
|
className="mt-4"
|
|
readonly={false}
|
|
config={{ data: memory }}
|
|
onChange={onMemoryChange}
|
|
canSetRoleName={false}
|
|
/>
|
|
)}
|
|
</>
|
|
)
|
|
}
|
|
export default React.memo(AdvancedSetting)
|