This script enhances the Facebook Messenger Web chat list with a dynamic resizing and chat list visibility lock feature. Initially, the chat list remains hidden, but it becomes visible when you hover over the sidebar. Upon first interaction, a red resize handle appears on the right side of the chat list. After you drag this handle to adjust the width, the handle turns transparent, indicating that resizing has occurred. The script saves your preferred width using localStorage, ensuring that your adjustments are retained across future sessions. Additionally, sessionStorage tracks whether the chat list has been resized at least once and active tracks the state of visibility. This setup provides a more personalized and efficient way to manage the chat list's size, and it's visibility while maintaining a clean interface.

⚠️ IMPORTANT: When locking the chat list, PLEASE REMEMBER THE EXACT PLACE WHERE YOU TRIPLE-CLICKED TO AVOID ISSUES. Losing track of this position may require logging out and logging back in to restore access. ⚠️

Default Behavior:

• The chat list is shown when the mouse hovers over the left sidebar.
• The chat list is hidden when the mouse is not over the left sidebar.
• The chat list can be resized by dragging the red (color may not visible after first resize) handle on the right side of the chat list.
• No Blur effect is applied to the page.

Triple Click Interactions:

First Time:

• Activate Visibility Mode:
  • Triple Click on the Left Sidebar: The chat list will be set to always visible.
  • Triple Click on Any Other Place (not on the Left Sidebar): The chat list will be set to always hidden. It may be locked or not locked depending on the type of click.

Second Time:

• Reset to Default Behavior: Resets the visibility mode to the default behavior where the chat list is shown on hover over the left sidebar.

Triple Click on the Left Sidebar:

• Always Visible: The chat list will be set to always visible.

Triple Click on Any Other Place (not on the Left Sidebar):

• Right Click:

  • Always Hidden and Locked: The chat list will be set to always hidden and locked.
  • Unlocking: To unlock the chat list, triple-click exactly on the same spot where you performed the right triple-click.

• Left Click:

  • Always Hidden but Not Locked: The chat list will be set to always hidden but not locked.
  • Unlocking: To unlock the chat list, triple-click on any spot.

Move mouse toward the right:

Toolbar opens on the right side of the page.

• Blur and Unblur Page:
  Click toggles between blurred and unblurred states.

  • Monkey Face Emoji 🐵 (Default):
  • On click: Blurs the page, blocks any mouse and keyboard interactions. Only hover to right side will open the toolbar.
  • Monkey Hands Covering Face Emoji 🙈:
  • On click: Unblurs the page, unblocks mouse and keyboard interactions.

Note:

• The chat list will be locked in the hidden state if you triple-right-click on any other place.
• To unlock the chat list, triple-click on the same spot where you locked it.
• If you fail to unlock the chat list, you can always log out and log back in to reset the lock position.
• All mouse and keyboard interaction are disabled in blur state, to enhance privacy.