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:
Lucky Goyal
2025-12-17 15:43:10 +05:30
committed by GitHub
parent 30c2c22fc2
commit 659ed6b080
8 changed files with 33 additions and 6 deletions
@@ -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,
}}