Tooltip Suggestions for "@" and "/" in Hive Chat

[jordan-ae]

Description:
Enhance the text area by implementing a tooltip suggestion system:

• Typing @ should display a list of available commands.
• Typing / should display a list of page options.

Acceptance Criteria:

• Typing @

  • Displays a tooltip with a list of commands.
  • Commands should be filterable as the user types.
  • Keyboard navigation should allow selection (Arrow keys to navigate, Enter to select).

• Typing /

  • Displays a tooltip with a list of page options.
  • Options should be filterable as the user types.
  • Should support keyboard navigation.

• General Behavior:

  • Clicking outside the tooltip should close it.
  • The tooltip should not appear if @ or / is followed by a space or placed at an invalid position.
  • Ensure accessibility (ARIA roles for assistive tech support).
  • Optimize for smooth performance and minimal UI disruption.

Technical Notes:

• Use a popover component for the tooltip.
• Consider debouncing input handling for efficiency.
• Ensure tooltips dynamically adjust based on the text area's cursor position.

Additional Context:
This feature will streamline user interactions, improving efficiency when executing commands (@) or selecting page options (/).