Allow attaching Literals to their target nodes

[treo]

Description

Pictures say more than 1000 words :)

turns to

If a literal is attached to multiple ports, then highlighting that port will also highlight all the other places where it is attached.

To modify an attached literal, double click on the port.

An attached port has the same color as the literal that is attached to it.

As you can see the literal value is easily visible on the node, but if it gets too long, it is truncated.

Pull Request Type

• Xircuits Core (Jupyterlab Related changes)
• Xircuits Canvas (Custom RD Related changes)
• Xircuits Component Library
• Xircuits Project Template
• Testing Automation
• Documentation
• Others (Please Specify)

Type of Change

• New feature (non-breaking change which adds functionality)
• Bug fix (non-breaking change which fixes an issue)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Tested on?

• Windows
• Linux Ubuntu
• Centos
• Mac
• Others (State here -> xxx )

[github-actions]

👈 Launch a binder notebook on branch XpressAI/xircuits/paul/attached-literals

[MFA-X-AI]

Thanks for the PR! This would be super helpful in reducing the clutter for very large workflows. I've noticed the following things:
Bugs:

• pulling a literal from a Literal Any port would return TypeError: Cannot read properties of undefined (reading 'charAt'). The Literal Any port takes the first character to determine its type.
• Selecting attach node while not connected to a port would send it to the shadow realm. The component still exists in the canvas code though.

Not bugs but observation:

• since the self connect is now disallowed from the code itself, we can remove the tooltip error.
• copying a component node that has a literal node to attached to it will only copy the component code.