From 95d9f4abd29b2347fcdda73d55c85f9a4539fa3a Mon Sep 17 00:00:00 2001
From: katarina-cala <katarinacala@gmail.com>
Date: Thu, 9 Oct 2025 12:59:29 +0200
Subject: [PATCH 1/6] 3225-fixed issue from PR

---
 .../components/properties/components/PropertyComboBox.tsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/pages/platform/workflow-editor/components/properties/components/PropertyComboBox.tsx b/client/src/pages/platform/workflow-editor/components/properties/components/PropertyComboBox.tsx
index c7594fa6708..2d33d2cabcb 100644
--- a/client/src/pages/platform/workflow-editor/components/properties/components/PropertyComboBox.tsx
+++ b/client/src/pages/platform/workflow-editor/components/properties/components/PropertyComboBox.tsx
@@ -334,7 +334,7 @@ const PropertyComboBox = ({
                 </div>
             )}
 
-            <Popover modal={true} onOpenChange={setOpen} open={open}>
+            <Popover modal onOpenChange={setOpen} open={open}>
                 <PopoverTrigger asChild onBlur={onBlur}>
                     <Button
                         aria-expanded={open}

From f9faaf547f07fa951dfa23ceb389403284a5ff18 Mon Sep 17 00:00:00 2001
From: katarina-cala <katarinacala@gmail.com>
Date: Thu, 9 Oct 2025 13:02:21 +0200
Subject: [PATCH 2/6] 3130-fixed dataPillPanel for cluster elements to show
 previous nodes from the main editor

---
 .../platform/workflow-editor/hooks/useWorkflowLayout.ts     | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/platform/workflow-editor/hooks/useWorkflowLayout.ts b/client/src/pages/platform/workflow-editor/hooks/useWorkflowLayout.ts
index e1c01ee74b5..c393d3a071f 100644
--- a/client/src/pages/platform/workflow-editor/hooks/useWorkflowLayout.ts
+++ b/client/src/pages/platform/workflow-editor/hooks/useWorkflowLayout.ts
@@ -40,12 +40,14 @@ export const useWorkflowLayout = (includeComponents?: string[]) => {
     );
     const {
         clusterElementsCanvasOpen,
+        rootClusterElementNodeData,
         setShowWorkflowCodeEditorSheet,
         setShowWorkflowInputsSheet,
         setShowWorkflowOutputsSheet,
     } = useWorkflowEditorStore(
         useShallow((state) => ({
             clusterElementsCanvasOpen: state.clusterElementsCanvasOpen,
+            rootClusterElementNodeData: state.rootClusterElementNodeData,
             setShowWorkflowCodeEditorSheet: state.setShowWorkflowCodeEditorSheet,
             setShowWorkflowInputsSheet: state.setShowWorkflowInputsSheet,
             setShowWorkflowOutputsSheet: state.setShowWorkflowOutputsSheet,
@@ -103,7 +105,9 @@ export const useWorkflowLayout = (includeComponents?: string[]) => {
         {
             environmentId: currentEnvironmentId,
             id: workflow.id!,
-            lastWorkflowNodeName: currentNode?.name,
+            lastWorkflowNodeName: currentNode?.clusterElementType
+                ? rootClusterElementNodeData?.workflowNodeName
+                : currentNode?.name,
         },
         dataPillPanelOpen && !!workflowNodes?.length && !!currentNode && !!currentNode?.name && !currentNode?.trigger
     );

From 0b3b684bbe0b885a92630e54164e49d50a005877 Mon Sep 17 00:00:00 2001
From: katarina-cala <katarinacala@gmail.com>
Date: Fri, 10 Oct 2025 12:17:27 +0200
Subject: [PATCH 3/6] 3173-added node options query for cluster elements

---
 .../components/PropertyMultiSelect.tsx        | 77 ++++++++++++++++---
 1 file changed, 65 insertions(+), 12 deletions(-)

diff --git a/client/src/pages/platform/workflow-editor/components/properties/components/PropertyMultiSelect.tsx b/client/src/pages/platform/workflow-editor/components/properties/components/PropertyMultiSelect.tsx
index f79067740f0..381d55576c6 100644
--- a/client/src/pages/platform/workflow-editor/components/properties/components/PropertyMultiSelect.tsx
+++ b/client/src/pages/platform/workflow-editor/components/properties/components/PropertyMultiSelect.tsx
@@ -3,13 +3,18 @@ import RequiredMark from '@/components/RequiredMark';
 import {Label} from '@/components/ui/label';
 import {Tooltip, TooltipContent, TooltipTrigger} from '@/components/ui/tooltip';
 import {useEnvironmentStore} from '@/pages/automation/stores/useEnvironmentStore';
-import {OptionsDataSource} from '@/shared/middleware/platform/configuration';
-import {useGetWorkflowNodeOptionsQuery} from '@/shared/queries/platform/workflowNodeOptions.queries';
+import {GetClusterElementNodeOptionsRequest, OptionsDataSource} from '@/shared/middleware/platform/configuration';
+import {
+    useGetClusterElementNodeOptionsQuery,
+    useGetWorkflowNodeOptionsQuery,
+} from '@/shared/queries/platform/workflowNodeOptions.queries';
 import {PropertyAllType} from '@/shared/types';
 import {CircleQuestionMarkIcon} from 'lucide-react';
 import {ReactNode, useMemo} from 'react';
 import {twMerge} from 'tailwind-merge';
+import {useShallow} from 'zustand/shallow';
 
+import useWorkflowEditorStore from '../../../stores/useWorkflowEditorStore';
 import useWorkflowNodeDetailsPanelStore from '../../../stores/useWorkflowNodeDetailsPanelStore';
 import getFormattedDependencyKey from '../../../utils/getFormattedDependencyKey';
 import InputTypeSwitchButton from './InputTypeSwitchButton';
@@ -49,6 +54,11 @@ const PropertyMultiSelect = ({
 }: PropertyMultiSelectProps) => {
     const currentEnvironmentId = useEnvironmentStore((state) => state.currentEnvironmentId);
     const currentNode = useWorkflowNodeDetailsPanelStore((state) => state.currentNode);
+    const {rootClusterElementNodeData} = useWorkflowEditorStore(
+        useShallow((state) => ({
+            rootClusterElementNodeData: state.rootClusterElementNodeData,
+        }))
+    );
 
     const {description, label, name, placeholder, required} = property;
     const workflowNodeName = currentNode?.name;
@@ -77,6 +87,34 @@ const PropertyMultiSelect = ({
         [currentEnvironmentId, lookupDependsOnPaths, lookupDependsOnValuesKey, path, workflowId, workflowNodeName]
     );
 
+    const clusterElementQueryOptions: {
+        loadDependencyValueKey: string;
+        request: GetClusterElementNodeOptionsRequest;
+    } = useMemo(
+        () => ({
+            loadDependencyValueKey: lookupDependsOnValuesKey,
+            request: {
+                clusterElementType: currentNode?.clusterElementType || '',
+                clusterElementWorkflowNodeName: currentNode?.workflowNodeName || '',
+                environmentId: currentEnvironmentId,
+                id: workflowId,
+                lookupDependsOnPaths,
+                propertyName: path!,
+                workflowNodeName: rootClusterElementNodeData?.workflowNodeName || '',
+            },
+        }),
+        [
+            lookupDependsOnValuesKey,
+            currentEnvironmentId,
+            currentNode?.clusterElementType,
+            currentNode?.workflowNodeName,
+            workflowId,
+            lookupDependsOnPaths,
+            path,
+            rootClusterElementNodeData?.workflowNodeName,
+        ]
+    );
+
     const queryEnabled = useMemo(
         () =>
             !!currentNode &&
@@ -90,19 +128,34 @@ const PropertyMultiSelect = ({
 
     const {data: optionsData, isPending: isOptionsDataPending} = useGetWorkflowNodeOptionsQuery(
         queryOptions,
-        Boolean(queryEnabled)
+        Boolean(queryEnabled && !currentNode?.clusterElementType)
     );
 
+    const {data: clusterElementOptionsData, isPending: isClusterElementOptionsDataPending} =
+        useGetClusterElementNodeOptionsQuery(
+            clusterElementQueryOptions,
+            Boolean(queryEnabled && currentNode?.clusterElementType)
+        );
+
     const mappedOptionsData: MultiSelectOptionType[] | undefined = useMemo(() => {
-        if (!optionsData) {
-            return undefined;
+        if (clusterElementOptionsData) {
+            return clusterElementOptionsData.map((option) => ({
+                ...option,
+                label: option.label || '',
+                value: option.value ?? option.label,
+            }));
+        }
+
+        if (optionsData) {
+            return optionsData.map((option) => ({
+                ...option,
+                label: option.label || '',
+                value: option.value ?? option.label,
+            }));
         }
-        return optionsData.map((option) => ({
-            ...option,
-            label: option.label || '',
-            value: option.value ?? option.label,
-        }));
-    }, [optionsData]);
+
+        return undefined;
+    }, [optionsData, clusterElementOptionsData]);
 
     const missingConnection = useMemo(
         () =>
@@ -223,7 +276,7 @@ const PropertyMultiSelect = ({
                     }
                 }}
                 options={mappedOptionsData ?? options ?? []}
-                optionsLoading={isOptionsDataPending && !!queryEnabled}
+                optionsLoading={(isOptionsDataPending || isClusterElementOptionsDataPending) && !!queryEnabled}
                 placeholder={memoizedPlaceholder}
                 placeholderClassName={placeholderClassName}
                 value={value}

From c022a07bf176b04c3b137e7f67e688ede94bf9de Mon Sep 17 00:00:00 2001
From: katarina-cala <katarinacala@gmail.com>
Date: Fri, 10 Oct 2025 12:30:58 +0200
Subject: [PATCH 4/6] 1652-add workflowNodeName to cluster elements in the UI
 to distinguish multiple connections more easily

---
 .../src/pages/platform/workflow-editor/nodes/WorkflowNode.tsx  | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/platform/workflow-editor/nodes/WorkflowNode.tsx b/client/src/pages/platform/workflow-editor/nodes/WorkflowNode.tsx
index d27d63564e3..b1a06cf2c59 100644
--- a/client/src/pages/platform/workflow-editor/nodes/WorkflowNode.tsx
+++ b/client/src/pages/platform/workflow-editor/nodes/WorkflowNode.tsx
@@ -235,6 +235,7 @@ const WorkflowNode = ({data, id}: {data: NodeDataType; id: string}) => {
                             hideTaskDispatchers={!!data.clusterElementType}
                             hideTriggerComponents
                             sourceNodeId={data.clusterElementType && parentClusterRootId ? parentClusterRootId : id}
+                            sourceNodeName={data.workflowNodeName}
                         >
                             <Button
                                 className="bg-white p-2 shadow-md hover:text-blue-500 hover:shadow-sm"
@@ -345,7 +346,7 @@ const WorkflowNode = ({data, id}: {data: NodeDataType; id: string}) => {
                         <pre className={twMerge('text-sm', isClusterElement && 'text-xs')}>{data.operationName}</pre>
                     )}
 
-                    {!isClusterElement && <span className="text-sm text-gray-500">{data.workflowNodeName}</span>}
+                    <span className="text-sm text-gray-500">{data.workflowNodeName}</span>
                 </div>
             )}
 

From ce9a386f67d749171307dde6c7e9f6e8e85280f7 Mon Sep 17 00:00:00 2001
From: katarina-cala <katarinacala@gmail.com>
Date: Fri, 10 Oct 2025 12:32:16 +0200
Subject: [PATCH 5/6] 3230-update current node and close nodeDetailsPanel when
 currently selected cluster element is switched

---
 .../components/WorkflowNodesPopoverMenu.tsx   |  3 ++
 .../WorkflowNodesPopoverMenuOperationList.tsx | 31 +++++++++++++++----
 2 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/client/src/pages/platform/workflow-editor/components/WorkflowNodesPopoverMenu.tsx b/client/src/pages/platform/workflow-editor/components/WorkflowNodesPopoverMenu.tsx
index 0887bbadb26..f42ea89f109 100644
--- a/client/src/pages/platform/workflow-editor/components/WorkflowNodesPopoverMenu.tsx
+++ b/client/src/pages/platform/workflow-editor/components/WorkflowNodesPopoverMenu.tsx
@@ -24,6 +24,7 @@ interface WorkflowNodesPopoverMenuProps extends PropsWithChildren {
     multipleClusterElementsNode?: boolean;
     nodeIndex?: number;
     sourceNodeId: string;
+    sourceNodeName?: string;
 }
 
 const WorkflowNodesPopoverMenu = ({
@@ -37,6 +38,7 @@ const WorkflowNodesPopoverMenu = ({
     multipleClusterElementsNode = false,
     nodeIndex,
     sourceNodeId,
+    sourceNodeName,
 }: WorkflowNodesPopoverMenuProps) => {
     const [actionPanelOpen, setActionPanelOpen] = useState(false);
     const [componentDefinitionToBeAdded, setComponentDefinitionToBeAdded] = useState<ComponentDefinition | null>(null);
@@ -186,6 +188,7 @@ const WorkflowNodesPopoverMenu = ({
                             multipleClusterElementsNode={multipleClusterElementsNode}
                             setPopoverOpen={setPopoverOpen}
                             sourceNodeId={sourceNodeId}
+                            sourceNodeName={sourceNodeName}
                             trigger={trigger}
                         />
                     )}
diff --git a/client/src/pages/platform/workflow-editor/components/WorkflowNodesPopoverMenuOperationList.tsx b/client/src/pages/platform/workflow-editor/components/WorkflowNodesPopoverMenuOperationList.tsx
index 228539df7b1..0be2ad3aa04 100644
--- a/client/src/pages/platform/workflow-editor/components/WorkflowNodesPopoverMenuOperationList.tsx
+++ b/client/src/pages/platform/workflow-editor/components/WorkflowNodesPopoverMenuOperationList.tsx
@@ -43,6 +43,7 @@ interface WorkflowNodesPopoverMenuOperationListProps {
     multipleClusterElementsNode?: boolean;
     setPopoverOpen: (open: boolean) => void;
     sourceNodeId: string;
+    sourceNodeName?: string;
     trigger?: boolean;
 }
 
@@ -54,6 +55,7 @@ const WorkflowNodesPopoverMenuOperationList = ({
     multipleClusterElementsNode,
     setPopoverOpen,
     sourceNodeId,
+    sourceNodeName,
     trigger,
 }: WorkflowNodesPopoverMenuOperationListProps) => {
     const {setLatestComponentDefinition, workflow} = useWorkflowDataStore(
@@ -82,12 +84,15 @@ const WorkflowNodesPopoverMenuOperationList = ({
             setRootClusterElementNodeData: state.setRootClusterElementNodeData,
         }))
     );
-    const {currentNode, setCurrentNode} = useWorkflowNodeDetailsPanelStore(
-        useShallow((state) => ({
-            currentNode: state.currentNode,
-            setCurrentNode: state.setCurrentNode,
-        }))
-    );
+    const {currentNode, setCurrentNode, setWorkflowNodeDetailsPanelOpen, workflowNodeDetailsPanelOpen} =
+        useWorkflowNodeDetailsPanelStore(
+            useShallow((state) => ({
+                currentNode: state.currentNode,
+                setCurrentNode: state.setCurrentNode,
+                setWorkflowNodeDetailsPanelOpen: state.setWorkflowNodeDetailsPanelOpen,
+                workflowNodeDetailsPanelOpen: state.workflowNodeDetailsPanelOpen,
+            }))
+        );
 
     const {captureComponentUsed} = useAnalytics();
 
@@ -224,6 +229,17 @@ const WorkflowNodesPopoverMenuOperationList = ({
                 });
             }
 
+            if (workflowNodeDetailsPanelOpen && currentNode?.workflowNodeName === sourceNodeName) {
+                if (rootClusterElementNodeData) {
+                    setCurrentNode({
+                        ...rootClusterElementNodeData,
+                        clusterElements: updatedClusterElements.nestedClusterElements,
+                    });
+                }
+
+                setWorkflowNodeDetailsPanelOpen(false);
+            }
+
             saveWorkflowDefinition({
                 invalidateWorkflowQueries,
                 nodeData: updatedNodeData,
@@ -243,9 +259,12 @@ const WorkflowNodesPopoverMenuOperationList = ({
             rootClusterElementNodeData,
             setRootClusterElementNodeData,
             currentNode,
+            workflowNodeDetailsPanelOpen,
+            sourceNodeName,
             invalidateWorkflowQueries,
             updateWorkflowMutation,
             setCurrentNode,
+            setWorkflowNodeDetailsPanelOpen,
             queryClient,
         ]
     );

From d06afc931c5814f81de27b2b02178194b8ea6a27 Mon Sep 17 00:00:00 2001
From: katarina-cala <katarinacala@gmail.com>
Date: Fri, 10 Oct 2025 12:58:45 +0200
Subject: [PATCH 6/6] 1652-add workflowNodeName in the UI for nested cluster
 roots

---
 .../src/pages/platform/workflow-editor/nodes/WorkflowNode.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/client/src/pages/platform/workflow-editor/nodes/WorkflowNode.tsx b/client/src/pages/platform/workflow-editor/nodes/WorkflowNode.tsx
index b1a06cf2c59..bcb63efeb54 100644
--- a/client/src/pages/platform/workflow-editor/nodes/WorkflowNode.tsx
+++ b/client/src/pages/platform/workflow-editor/nodes/WorkflowNode.tsx
@@ -302,6 +302,10 @@ const WorkflowNode = ({data, id}: {data: NodeDataType; id: string}) => {
                                     {data.operationName && (
                                         <pre className="text-sm text-black">{data.operationName}</pre>
                                     )}
+
+                                    {isNestedClusterRoot && (
+                                        <span className="text-xs text-gray-500">{data.workflowNodeName}</span>
+                                    )}
                                 </div>
                             )}
                         </div>