Victor Giers
f5d383ec94
Implemented an editing state that visually highlights the user message bubble with an accent border and shadow. • Updated the message render logic to handle an CSS class and overlay a textarea that perfectly aligns with the bubble using a hidden shadow element. • Re‑worked the and styles to apply the accent border, box‑shadow, and transition effects. • Adjusted the textarea styling (, ) so it inherits the bubble’s look, respects whitespace, and automatically resizes without extra padding or borders. • Added a hidden to keep the bubble width/height consistent while editing. • Included new button styling for expandable user messages. • Minor cleanup of redundant padding, margin, and color definitions in the styles. • Updated the JSX to conditionally render the overlay textarea only during editing, ensuring a smooth UX. • Added appropriate ARIA attributes and cursor styles for clarity.