## Pull Request Description
This pull request includes a comprehensive set of changes aimed at
improving the user interface, fixing bugs, and refactoring the code for
better maintainability and performance. The modifications encompass a
wide range of components and functionalities within the application.
## Changes Made
### Node Interaction
- Changed click to double-click when editing node information.
- Added node play on hover of entire node again.
### Modal Improvements
- Removed function that prevents `esc` on `codeAreaModal`.
- Changed `Name` to `Field Name` on `editNodeModal`.
- Refactored `BaseModal` and fixed overflow issues in various modals.
- Fixed buttons not submitting on `baseModal`.
- Fixed submit action on `baseModal` and state issue on Edit Node Modal.
- Fixed modal size and removed default size definition.
- Added input component to DOM with an event listener.
### UI Enhancements
- Fixed border being cut on Node Settings dropdown component.
- Fixed scrollbar colors and dropdown color when not global.
- Changed loading color and images to lighter ones, added animation to
grid.
- Fixed header profile image being shrunk and header alignment.
- Fixed padding and margin issues on buttons.
- Added gap to button and grabbing cursor when grabbing node.
- Added Status button and adjusted positioning of Node Header elements.
- Removed hover background from outline badge.
### Bug Fixes
- Fixed unused `console.log` statements and reset grid `console.log`.
- Fixed bug on `dictAreaModal` where state is kept without saving.
- Fixed dictionary component not being full width.
- Fixed scrollIntoView not always working.
- Fixed update shortcut not working.
- Fixed accordion not being disabled with no data on output.
- Fixed Memories badge overflow.
- Disabled output if it’s not valid.
- Removed pagination when it’s on the left side and fixed bug on opening
pagination.
- Fixed global variables not setting on EditNodeModal.
- Fixed Add New Variable button not working at the dropdown.
### Refactoring
- Updated `ChromaComponent` to show status.
- Refactored advanced options in `ChatComponent`, `URLComponent`, and
other components.
- Improved handling of `message.text` in `chat.py` to prevent errors.
### New Features
- Added image preloading hook and suspense image component.
- Added `EmbedComponent` and `PromptComponent` to langflow components.
- Added `Message` and `StoreMessage` components.
### Code Cleanup
- Removed unused classes and scale on hover.
- Added type definitions to global variables.
- Increased route history slice size for better navigation.
### Merge Details
- Merged multiple branches including `origin/cz/mergeAll` into
`fix/minor_ui_adjustments`.
### Contributors
- @lucaseduoli
- @rodrigosnader
- @Cristhianzl
---
These changes are crucial for improving the overall functionality and
user experience of the application. Please review and merge the pull
request. Thank you!
The code changes introduce two new components, `MessageComponent` and `StoreMessageComponent`, to the `langflow` project.
The `MessageComponent` creates a `Message` object given a session ID, allowing for the creation of chat messages with customizable sender type, sender name, and text.
The `StoreMessageComponent` stores a chat message, utilizing the `store_message` function and the `get_messages` function to retrieve the stored messages.
These changes aim to enhance the chat functionality of the project.
- Add `usePreloadImages` hook to preload profile pictures
- Add `SuspenseImageComponent` for handling image loading with suspense
- Update `ProfilePictureChooserComponent` to use the new hook and component
