perf: Update agent extraction UI styling and labels

This commit is contained in:
zhsama
2026-02-05 16:55:22 +08:00
parent 8235ad9e62
commit 7446779198
7 changed files with 36 additions and 20 deletions

View File

@ -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>
)
: (
<>

View File

@ -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) => {

View File

@ -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>

View File

@ -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",

View File

@ -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": "サポートタイプ。現在は画像のみサポートされています",

View File

@ -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": "支持类型。现在只支持图片",

View File

@ -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": "支持類型。現在只支持圖片",