Switch Between Code and Tree View

1. By default, the message will be displayed in Tree View.
   
2. The tree view provides the following icons in the toolbar:
   
1. Find: This option allows you to find any parameter in the inbound message.
   
2. Font: You can set the message font for clearer viewing. The available font size range is from 8 to 24. Select the desired value from the drop-down.

1. Click on the Switch to Code View icon.
   

1. The inbound message gets switched to code view.
   
2. Click the icon again to switch back to tree view mode.

Data Section

1. The section provides the list of units that are processed.
   
2. A Search option is also provided to search for the unit name from the list.
   
3. You can also arrange the units either in ascending order (A to Z) or descending order (Z to A) using the icon next to the search icon. By default, the units are arranged in ascending order. Click the icon to switch to descending order. Click again to return to the default ascending order.
4. You can click on any of the units to view data processed by the selected unit.
   

View/Modify Input Message (Tree View)

1. You can view the inbound message in tree/code view.
   
2. By default, the message will be displayed in tree view.
   
3. The tree view provides the following icons in the toolbar:
   
1. Find: This option allows you to find any parameter in the inbound message.
   
2. Font: You can set the message font for clearer viewing. The available font size range is from 8 to 24. Select the desired value from the drop-down.
4. If you click on any of the parameters in the inbound message, the corresponding parameter in the outbound message will be highlighted.
   
5. You can modify any parameter in the message and click the Save button to save the changes.
   

View/Modify Inbound Message (Code View)

1. If you have switched to code view mode, the inbound data will be shown in code.
   
2. The code view provides the following icons in the toolbar:
   
1. Cut: 
   
1. Function: Removes the selected text or object from its current location and places it on the clipboard.
2. Use Case: Moving content from one place to another.
2. Copy:
   
1. Function: Copies the selected text or object to the clipboard without removing it from its original location.
2. Use Case: Duplicating content.
3. Paste:
   
1. Function: Inserts the clipboard content into the current location.
2. Use Case: Adding previously cut or copied content.
4. Find:
   
1. Function: Searches for specific text or patterns within the document or code.
2. Use Case: Quickly locating words, phrases, or code snippets.
5. Replace:
   
1. Function: Finds specific text and replaces it with new text.
2. Use Case: Updating repeated terms or correcting errors throughout a document.
6. Beautify:
   
1. Function: Formats code or text to make it more readable and properly indented.
2. Use Case: Cleaning up messy code for better readability.
7. Word Wrap:
   
1. Function: Ensures that long lines of text automatically wrap to fit within the visible window without horizontal scrolling.
2. Use Case: Easier reading and editing of long lines.
8. Maximize: 
   
1. Function: Expands the editor or window to full screen for better focus and visibility.
2. Use Case: Working without distractions or seeing more content at once.
3. If you click on any of the parameters in the inbound message, the corresponding parameter in the outbound message will be highlighted.
   
4. You can modify any parameter in the message and click the Save button to save the changes.

Variable Section

1. The section will display the defined variables. The variables could be global or local.
   
2. TBD