> ## Documentation Index
> Fetch the complete documentation index at: https://velt.dev/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Aug 14 2024

# 2.0.33

### New Features

* \[**UI Customization**]: Added conditional dynamic classes for different states of various interactive components:
  * `velt-sidebar-tool-open`: For the sidebar button when the sidebar is open.
  * `velt-notification-tool-open`: For the notification tool when the notification panel is open.
  * `velt-comments-sidebar-status-open`: For the status dropdown trigger when the dropdown is open.
  * `velt-comments-sidebar-filter-button-open`: For the filter button when the filter panel is open.

### Bug Fixes

* \[**Comments**]: Fixed an issue where after adding '@here' the cursor position was incorrectly placed at the start of the text.

# 2.0.32

### New Features

* \[**UI Customization**]: Added conditional classes for different states of various interactive components:
  * `velt-comment-pin-open`: For the comment pin when the pin is selected.
  * `velt-dropdown-open`: For the dropdown trigger when the dropdown is open.
  * `velt-assign-dropdown-open`: For the assign dropdown trigger when the dropdown is open.
  * `velt-custom-dropdown-open`: For the custom dropdown trigger when the dropdown is open.
  * `velt-options-dropdown-open`: For the options dropdown trigger when the dropdown is open.
  * `velt-priority-dropdown-open`: For the priority dropdown trigger when the dropdown is open.
  * `velt-status-dropdown-open`: For the status dropdown trigger when the dropdown is open.
  * `velt-reaction-tool-open`: For the reaction tool when the tool is open.
  * `velt-comment-bubble-open`: For the comment bubble when the bubble is selected.
  * `velt-comment-bubble-hover`: For the comment bubble when the bubble is hovered over.

* \[**Comments**]: Added configuration for customizing the '@here' mention label. eg: @all, @everyone, @team, etc:

  <Tabs>
    <Tab title="React / Next.js">
      Using Props:

      ```jsx theme={null}
      <VeltComments atHereLabel="@all" />
      ```

      Using API:

      ```javascript theme={null}
      const contactElement = client.getContactElement();
      contactElement.setAtHereLabel('@all');
      ```
    </Tab>

    <Tab title="Other Frameworks">
      Using Props:

      ```html theme={null}
      <velt-comments at-here-label="@all"></velt-comments>
      ```

      Using API:

      ```javascript theme={null}
      const contactElement = Velt.getContactElement();
      contactElement.setAtHereLabel('@all');
      ```
    </Tab>
  </Tabs>

### Improvements

* \[**Notifications**]: Various UI improvements on the notification panel.

### Bug Fixes

* \[**Comments**]: Fixed a bug where email contacts could have an invalid character ('.') at the end.
* \[**Comments**]: Resolved an issue where the comment sidebar filter wouldn't be sticky on page refresh.
* \[**Debugger**]: Fixed typo with event name `commentMoreReplayOptionClicked` and updated it to `commentMoreReplyOptionClicked`.