mirror of
https://github.com/langgenius/dify.git
synced 2026-05-03 08:58:09 +08:00
perf: Update agent extraction UI styling and labels
This commit is contained in:
@ -381,20 +381,25 @@ const ComponentPicker = ({
|
||||
>
|
||||
{isAgentTrigger
|
||||
? (
|
||||
<AgentNodeList
|
||||
nodes={agentNodes.map(node => ({
|
||||
...node,
|
||||
type: BlockEnum.Agent || BlockEnum.LLM,
|
||||
}))}
|
||||
onSelect={handleSelectAgent}
|
||||
onClose={handleClose}
|
||||
onBlur={handleClose}
|
||||
maxHeightClass="max-h-[34vh]"
|
||||
autoFocus={false}
|
||||
hideSearch={useExternalSearch}
|
||||
externalSearchText={useExternalSearch ? (queryString ?? '') : undefined}
|
||||
enableKeyboardNavigation={useExternalSearch}
|
||||
/>
|
||||
<div>
|
||||
<div className="system-xs-medium-uppercase mx-auto flex w-fit items-center py-1 text-text-tertiary">
|
||||
{t('nodes.tool.agentPopupHeader', { ns: 'workflow' })}
|
||||
</div>
|
||||
<AgentNodeList
|
||||
nodes={agentNodes.map(node => ({
|
||||
...node,
|
||||
type: BlockEnum.Agent || BlockEnum.LLM,
|
||||
}))}
|
||||
onSelect={handleSelectAgent}
|
||||
onClose={handleClose}
|
||||
onBlur={handleClose}
|
||||
maxHeightClass="max-h-[34vh]"
|
||||
autoFocus={false}
|
||||
hideSearch={useExternalSearch}
|
||||
externalSearchText={useExternalSearch ? (queryString ?? '') : undefined}
|
||||
enableKeyboardNavigation={useExternalSearch}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
: (
|
||||
<>
|
||||
|
||||
@ -27,7 +27,7 @@ const SUB_GRAPH_EXTRACTOR_POSITION = {
|
||||
const defaultViewport: Viewport = {
|
||||
x: SUB_GRAPH_EDGE_GAP,
|
||||
y: 50,
|
||||
zoom: 1.3,
|
||||
zoom: 1,
|
||||
}
|
||||
|
||||
const SubGraphContent: FC<SubGraphProps> = (props) => {
|
||||
|
||||
@ -38,7 +38,14 @@ const SubGraphStartNode = ({ id, data }: NodeProps<SubGraphStartNodeData>) => {
|
||||
)}
|
||||
>
|
||||
<Tooltip popupContent={tooltip} asChild={false}>
|
||||
<div className="flex h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-components-panel-border-subtle bg-util-colors-blue-brand-blue-brand-500">
|
||||
<div
|
||||
className={cn(
|
||||
'flex h-6 w-6 items-center justify-center border-[0.5px] border-components-panel-border-subtle',
|
||||
iconType === 'agent'
|
||||
? 'rounded-[8px] bg-util-colors-indigo-indigo-500'
|
||||
: 'rounded-full bg-util-colors-blue-brand-blue-brand-500',
|
||||
)}
|
||||
>
|
||||
<Icon className="h-3 w-3 text-text-primary-on-surface" />
|
||||
</div>
|
||||
</Tooltip>
|
||||
|
||||
@ -823,6 +823,7 @@
|
||||
"nodes.templateTransform.inputVars": "Input Variables",
|
||||
"nodes.templateTransform.outputVars.output": "Transformed content",
|
||||
"nodes.tool.agentPlaceholder": "Tell me the {{paramKey}}...",
|
||||
"nodes.tool.agentPopupHeader": "EXTRACT CONTENT FROM",
|
||||
"nodes.tool.assembleVariables": "Assemble variables",
|
||||
"nodes.tool.authorize": "Authorize",
|
||||
"nodes.tool.contextGenerate.apply": "Apply",
|
||||
@ -847,7 +848,7 @@
|
||||
"nodes.tool.inputVars": "Input Variables",
|
||||
"nodes.tool.insertPlaceholder1": "Type or press",
|
||||
"nodes.tool.insertPlaceholder2": "insert variable",
|
||||
"nodes.tool.insertPlaceholder3": "add agent",
|
||||
"nodes.tool.insertPlaceholder3": "extract",
|
||||
"nodes.tool.outputVars.files.title": "tool generated files",
|
||||
"nodes.tool.outputVars.files.transfer_method": "Transfer method.Value is remote_url or local_file",
|
||||
"nodes.tool.outputVars.files.type": "Support type. Now only support image",
|
||||
|
||||
@ -792,6 +792,7 @@
|
||||
"nodes.templateTransform.inputVars": "入力変数",
|
||||
"nodes.templateTransform.outputVars.output": "変換されたコンテンツ",
|
||||
"nodes.tool.agentPlaceholder": "{{paramKey}} を教えてください...",
|
||||
"nodes.tool.agentPopupHeader": "次の内容から抽出",
|
||||
"nodes.tool.assembleVariables": "変数を組み立てる",
|
||||
"nodes.tool.authorize": "認証する",
|
||||
"nodes.tool.contextGenerate.apply": "適用",
|
||||
@ -815,7 +816,7 @@
|
||||
"nodes.tool.inputVars": "入力変数",
|
||||
"nodes.tool.insertPlaceholder1": "タイプするか押してください",
|
||||
"nodes.tool.insertPlaceholder2": "変数を挿入する",
|
||||
"nodes.tool.insertPlaceholder3": "エージェントを追加",
|
||||
"nodes.tool.insertPlaceholder3": "抽出",
|
||||
"nodes.tool.outputVars.files.title": "ツールが生成したファイル",
|
||||
"nodes.tool.outputVars.files.transfer_method": "転送方法。値は remote_url または local_file です",
|
||||
"nodes.tool.outputVars.files.type": "サポートタイプ。現在は画像のみサポートされています",
|
||||
|
||||
@ -815,6 +815,7 @@
|
||||
"nodes.templateTransform.inputVars": "输入变量",
|
||||
"nodes.templateTransform.outputVars.output": "转换后内容",
|
||||
"nodes.tool.agentPlaceholder": "告诉我 {{paramKey}}...",
|
||||
"nodes.tool.agentPopupHeader": "从以下内容提取",
|
||||
"nodes.tool.assembleVariables": "组装变量",
|
||||
"nodes.tool.authorize": "授权",
|
||||
"nodes.tool.contextGenerate.apply": "应用",
|
||||
@ -839,7 +840,7 @@
|
||||
"nodes.tool.inputVars": "输入变量",
|
||||
"nodes.tool.insertPlaceholder1": "键入",
|
||||
"nodes.tool.insertPlaceholder2": "插入变量",
|
||||
"nodes.tool.insertPlaceholder3": "添加代理",
|
||||
"nodes.tool.insertPlaceholder3": "提取",
|
||||
"nodes.tool.outputVars.files.title": "工具生成的文件",
|
||||
"nodes.tool.outputVars.files.transfer_method": "传输方式。值为 remote_url 或 local_file",
|
||||
"nodes.tool.outputVars.files.type": "支持类型。现在只支持图片",
|
||||
|
||||
@ -793,6 +793,7 @@
|
||||
"nodes.templateTransform.inputVars": "輸入變數",
|
||||
"nodes.templateTransform.outputVars.output": "轉換後內容",
|
||||
"nodes.tool.agentPlaceholder": "告訴我 {{paramKey}}...",
|
||||
"nodes.tool.agentPopupHeader": "從以下內容提取",
|
||||
"nodes.tool.assembleVariables": "組裝變數",
|
||||
"nodes.tool.authorize": "授權",
|
||||
"nodes.tool.contextGenerate.apply": "套用",
|
||||
@ -817,7 +818,7 @@
|
||||
"nodes.tool.inputVars": "輸入變數",
|
||||
"nodes.tool.insertPlaceholder1": "輸入或按壓",
|
||||
"nodes.tool.insertPlaceholder2": "插入變數",
|
||||
"nodes.tool.insertPlaceholder3": "添加代理",
|
||||
"nodes.tool.insertPlaceholder3": "提取",
|
||||
"nodes.tool.outputVars.files.title": "工具生成的文件",
|
||||
"nodes.tool.outputVars.files.transfer_method": "傳輸方式。值為 remote_url 或 local_file",
|
||||
"nodes.tool.outputVars.files.type": "支持類型。現在只支持圖片",
|
||||
|
||||
Reference in New Issue
Block a user