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

perf: Update agent extraction UI styling and labels

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

33
web/app/components/base/prompt-editor/plugins/component-picker-block/index.tsx
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>
)
: (
<>

2
web/app/components/sub-graph/index.tsx
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) => {

9
web/app/components/workflow/nodes/sub-graph-start/index.tsx
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>