feat(chat): add pinned messages, reply threads, and message actions support (NSOC'26)

[SrashtiChauhan]

NSOC'26

Overview

This PR enhances the Team Chat module by introducing modern messaging interactions.
The update improves usability, message management, and overall chat experience while maintaining compatibility with the existing real-time Socket.IO workflow

Related Issue

Closes #58

Features Added

Reply Thread Support

• Added reply-to-message functionality
• Shows replied message preview inside chat bubbles
• Added reply preview above input section before sending

Edit Message Support

• Users can edit their own messages
• Existing message text loads directly into input field
• Added edit state indicator with cancel option

Pin / Unpin Messages

• Added support for pinning important messages
• Toggle pin state dynamically from message actions

Delete Message Support

• Users can remove messages directly from chat UI

Copy Message Support

• Added quick copy-to-clipboard functionality for text messages

Improved Message Search Experience

• Search now auto-scrolls to matched messages
• Matching text is highlighted dynamically
• Better navigation across long conversations

---

Technical Improvements

• Added message action state handling
• Added reply metadata support inside message objects
• Improved message rendering structure
• Added interaction-based UI visibility handling
• Improved conditional rendering for replies and editing states

---

UI/UX Improvements

• Cleaner and more interactive chat experience
• WhatsApp-like message interaction workflow
• Maintains existing FlowForge UI consistency

---

Preview

• Reply threads inside messages
• Inline editing support
• Interactive message action controls
• Search highlight + auto-scroll behavior

---

Tested

• Message replies
• Edit message flow
• Pin/unpin behavior
• Delete functionality
• Search & filter interactions

---

Screenshot

Thank you for reviewing
NSOC'26

[vercel]

@SrashtiChauhan is attempting to deploy a commit to the shreemp194-gmailcom's projects Team on Vercel.

A member of the Team first needs to authorize it.

[SrashtiChauhan]

hi @Shriii19 ,
Kindly review my pr
Thank You
NSOC'26

[SrashtiChauhan]

hi @Shriii19 ,
Kindly review my pr

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
flow-forge	Ready	Preview, Comment	May 15, 2026 5:06pm

[Shriii19]

@SrashtiChauhan well done i use to forgot to tell you that kindly mention the issues no , it become easy to understand me and i can close it when pr is mergn

[SrashtiChauhan]

@SrashtiChauhan well done i use to forgot to tell you that kindly mention the issues no , it become easy to understand me and i can close it when pr is mergn

I had already added it on pr as issue number.

[Shriii19]

@SrashtiChauhan so sry for that i did't see that.

[SrashtiChauhan]

@SrashtiChauhan so sry for that i did't see that.

its alright sometimes happen

[Shriii19]

@SrashtiChauhan so sry for that i did't see that.

its alright sometimes happen

🙃

[SrashtiChauhan]

@SrashtiChauhan so sry for that i did't see that.

its alright sometimes happen

🙃

i mean its ok