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

feat: optimize variable picker styling and optimize agent nodes

Browse Source
This commit is contained in:
zhsama
2026-01-16 18:21:43 +08:00
parent 4ee49552ce
commit 77401e6f5c
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/app/components/base/prompt-editor/plugins/component-picker-block/index.tsx
View File

@@ -13,6 +13,7 @@ import type {
WorkflowVariableBlockType,
} from '../../types'
import type { PickerBlockMenuOption } from './menu'
import type { AgentNode } from '@/app/components/base/prompt-editor/types'
import {
flip,
offset,
@@ -30,6 +31,7 @@ import {
Fragment,
memo,
useCallback,
useMemo,
useState,
} from 'react'
import ReactDOM from 'react-dom'
@@ -195,8 +197,8 @@ const ComponentPicker = ({
}, [editor, checkForTriggerMatch, triggerString, agentBlock, handleClose])
const isAgentTrigger = triggerString === '@' && agentBlock?.show
const showAssembleVariables = triggerString === '/' && workflowVariableBlock?.showAssembleVariables
const agentNodes = agentBlock?.agentNodes || []
const showAssembleVariables = triggerString === '/'
const agentNodes: AgentNode[] = useMemo(() => agentBlock?.agentNodes || [], [agentBlock?.agentNodes])
const renderMenu = useCallback<MenuRenderFn<PickerBlockMenuOption>>((
anchorElementRef,

10
web/app/components/workflow/nodes/_base/components/variable/var-reference-vars.tsx
View File

@@ -10,8 +10,8 @@ import { useEffect, useMemo, useRef, useState } from 'react'
import { useTranslation } from 'react-i18next'
import { ChevronRight } from '@/app/components/base/icons/src/vender/line/arrows'
import { CodeAssistant, MagicEdit } from '@/app/components/base/icons/src/vender/line/general'
import { MagicWand } from '@/app/components/base/icons/src/vender/solid/mediaAndDevices'
import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
import { MagicWand } from '@/app/components/base/icons/src/vender/solid/mediaAndDevices'
import Input from '@/app/components/base/input'
import {
PortalToFollowElem,
@@ -410,14 +410,12 @@ const VarReferenceVars: FC<Props> = ({
<div className="flex items-center border-t border-divider-subtle pt-1">
<button
type="button"
className="flex h-8 w-full items-center px-3 text-text-tertiary hover:text-text-secondary"
className="flex h-6 w-full items-center rounded-md pl-3 pr-[18px] text-text-secondary hover:bg-state-base-hover"
onClick={handleAssembleVariables}
onMouseDown={e => e.preventDefault()}
>
<span className="mr-1 flex h-4 w-4 items-center justify-center rounded bg-util-colors-indigo-indigo-500/10">
<MagicWand className="h-3.5 w-3.5 text-util-colors-indigo-indigo-500" />
</span>
<span className="system-xs-medium truncate" title={t('nodes.tool.assembleVariables', { ns: 'workflow' })}>
<MagicWand className="h-3.5 w-3.5 shrink-0 text-text-accent" />
<span className="system-sm-medium ml-1 w-0 grow truncate text-left text-text-secondary" title={t('nodes.tool.assembleVariables', { ns: 'workflow' })}>
{t('nodes.tool.assembleVariables', { ns: 'workflow' })}
</span>
</button>