fix: 4178 - current generated message options should be visible

[louis-jan]

Describe Your Changes

This pull request aims to enhance the current generate message by ensuring that the message options are always visible at the bottom.

Previously, these options were absolute positioned, which meant that the parent visible frame was not measured accordingly. This fix will remove the absolute class when this is a currently generated message. Instead, it will use flex orders to swap out the components’ order accordingly.

Short thread

Long thread

Error message should not be capitalized like this:

But like this

Fixes Issues

• bug: Chat window doesn't auto-scroll to show the end of the message #4178

Changes made

The code changes involve adjustments to the ChatItem and MessageContainer components.

In ChatItem:

• Added an isCurrentMessage prop to the MessageContainer component, defaulting to false if undefined.

In TextMessage:

• Modified the type definition of MessageContainer to include the isCurrentMessage boolean prop.
• Removed the getCurrentChatMessagesAtom import and its usage.
• Redesigned the structure of rendering message components, including toolbar placement and order:
  • A conditional class is applied to different elements based on whether the message is the current one and the user role.
  • Adjusted the order of elements for better UI organization.
• The toolbar and content display logic has been restructured, making use of conditional ordering and visibility based on message context.

These changes seem to enhance the message display logic and manage the CSS class application dynamically based on the message context.

[github-actions]

Barecheck - Code coverage report

Total: 69.33%

Your code coverage diff: 0.01% ▴

Uncovered files and lines

File	Lines
web/containers/ErrorMessage/index.tsx	38, 40-41, 44
web/screens/Thread/ThreadCenterPanel/ChatItem/index.tsx	23-25, 32-36, 40-41, 44-48
web/screens/Thread/ThreadCenterPanel/LoadModelError/index.tsx	17-21, 23-24, 35-37, 40, 59
web/screens/Thread/ThreadCenterPanel/TextMessage/index.tsx	29-33, 35-36, 39-40