feat: add full path label tooltip for workflow filter field (#16580)
# Closes Issue: Can't distinguish between fields with identical names (#16285) There was a UX bug in the workflow filter interface where **two variables coming from different steps but sharing the same field name** were displayed identically. This made it difficult for users to tell them apart when used in a filter group, leading to confusion when building workflows. --- # Fix: Add Full Path Label Tooltip for Workflow Filter Field - Adds a **tooltip/label showing the complete path** so users can distinguish fields from different workflow steps even if they share the same name. ## UX Improvements <img width="495" height="288" alt="image" src="https://github.com/user-attachments/assets/fa26f381-835b-4d14-bf73-f04b59c8d0b5" />
This commit is contained in:
+3
-1
@@ -58,7 +58,7 @@ export const WorkflowStepFilterFieldSelect = ({
|
||||
part: 'stepId',
|
||||
});
|
||||
|
||||
const { variableLabel } = useSearchVariable({
|
||||
const { variableLabel, variablePathLabel } = useSearchVariable({
|
||||
stepId,
|
||||
rawVariableName: stepFilter.stepOutputKey,
|
||||
isFullRecord: stepFilter.isFullRecord ?? false,
|
||||
@@ -110,6 +110,7 @@ export const WorkflowStepFilterFieldSelect = ({
|
||||
selectedOption={{
|
||||
value: stepFilter.stepOutputKey,
|
||||
label: disabledLabel,
|
||||
fullLabel: variablePathLabel,
|
||||
Icon: icon,
|
||||
}}
|
||||
isDisabled={true}
|
||||
@@ -127,6 +128,7 @@ export const WorkflowStepFilterFieldSelect = ({
|
||||
<SelectControl
|
||||
selectedOption={{
|
||||
label,
|
||||
fullLabel: variablePathLabel,
|
||||
value: stepFilter.stepOutputKey,
|
||||
Icon: icon,
|
||||
}}
|
||||
|
||||
Reference in New Issue
Block a user