Messenger for chat view

A clean, mobile-friendly, floating chat interface for Obsidian, which uses the Chat View plugin by adifyr as a base.

This plugin allows you to use the power of the Chat View plugin to quickly inject conversational notes, role-play dialogues, or internal monologues directly into your active Markdown file, but now with a chatbox interface, where you can choose roles, and just click send!

✨ Features

• 💬 Floating UI: A persistent, draggable chatbox that hovers over your editor.
• 🎭 Custom Roles: Easily switch between different perspectives (e.g., Me, Voice in my head, Chaos). You can customize this list in the plugin settings.
• ⏱️ Auto-Timestamps: Automatically appends a formatted timestamp to every message (e.g., 19:37 23rd Jun,26).
• 📱 Mobile Support: Fully responsive design that respects the Android virtual keyboard, complete with a drag-and-drop handle so it never gets in your way. (Not tested on iPhone yet!).
• ⌨️ Quick Toggles: Hide or show the chatbox via the Ribbon Icon, the Command Palette, or the Status Bar.

📝 How it Works

First up, you will need the Chat View plugin for Obsidian.

After that, create a chat block using

    ```chat

    ```

Now, as required, create the roles/narrators as you wish, using the Chat View's formatting rules!

    ```chat
        (by default the text bubble is aligned left)
        >actor 1  ---> text bubble will be aligned right
        ^actor 2  ---> text bubble in the middle
    ```

Now with these roles defined, you can go to the plugin settings of Messenger and add the roles in the list, so that they show up on the dropdown.

NOTE: Place your cursor where your conversation is to start. Its not needed everytime, but in case you reload a note, or the app, the cursor is set to the beginning by default, so it might need to be placed where you want it.

Select a role from the dropdown, type your message, and hit send (or press Enter). The plugin instantly injects the text into your active note using the following Chat View syntax:

{{role|Your message here|HH:MM DDo Mon,YY}}

Example Output:

after sending, shows up as

⚙️ Settings

Go to Settings > Messenger for chat view to customize your available roles. Enter your desired roles separated by commas (e.g., User, Assistant, System, Narrator). The dropdown menu in the floating chatbox will update instantly.

📥 Installation

Manual Installation

1. Download the latest release from the Releases section of this repository.
2. Extract the main.js, manifest.json, and styles.css files.
3. Place them inside a new folder in your vault's plugins directory: VaultFolder/.obsidian/plugins/obsidian-chatbox-messenger/.
4. Reload Obsidian and enable the plugin in your Community Plugins settings.

🖱️ Usage Tips

• Desktop: The chatbox floats at the bottom of your screen. Click the ribbon icon or use the command palette to toggle its visibility.
• Mobile: If the chatbox is blocking your text, simply long-press the background of the chatbox for half a second. It will detach, allowing you to drag it up or down the screen out of your way!

P.S. If you like the theme, I'm using MatoTomato's Elysian, I love it!!