Feat: Reactions, Supermemory AI reacting on text

[Omm2005]

This pull request introduces significant improvements to the chat reaction system, focusing on better handling of reaction menus, actor attribution, UI consistency, and message content processing. The main changes involve refactoring how reaction menus are managed, ensuring reactions are correctly attributed to the current user, and updating UI elements for a more polished appearance. Additionally, backend processing now removes reaction markers from responses before saving messages.

Chat Reaction System Enhancements

• Refactored reaction menu state management:

  • Added activeReactionTarget state and related helpers (openReactionMenu, closeReactionMenu, isReactionMenuOpen, etc.) to control which reaction menu is open per message/split, improving UX and preventing multiple menus from opening. [1] [2] [3]
  • Reaction menu now closes automatically when the conversation changes.

• Improved reaction actor attribution:

  • Centralized logic with getReactionActorForMessage to consistently attribute reactions to the current user ("me") and refactored all relevant usages. [1] [2] [3] [4] [5] [6]

UI and Styling Updates

• Updated reaction bubble and icon sizing, spacing, and alignment for a cleaner look:
  • Increased reaction bubble and icon dimensions, adjusted spacing and alignment for both sender and receiver sides. [1] [2] [3] [4]
  • Reaction menu popover now uses improved styling and alignment.

Backend Message Processing

• Added logic to remove reaction markers from assistant responses before saving messages:
  • Introduced REACTION_MARKER_REGEX and removed markers from responses to prevent them from being stored or displayed as message content. [1] [2] [3]

Popover and Reaction Handling

• Reaction popover menus now open/close based on state, and close after a reaction is selected, preventing accidental multiple selections. [1] [2] [3]

Other Minor Improvements

• Disabled reaction menu for profile chats or when forms aren't submitted and improved accessibility for reaction buttons. [1] [2]

These changes collectively provide a more robust, user-friendly, and visually consistent chat reaction experience.

Screenshot

[vercel]

@Omm2005 is attempting to deploy a commit to the supermemory Team on Vercel.

A member of the Team first needs to authorize it.