Implement Advanced Content Generation for dotAI Enhancement

Parent Issue

No response

Task

Add a refinement icon to specific input types in the content editor: input fields, textareas, and WYSIWYG editors. Clicking this icon should open a menu with advanced options categorized under "Rewrite," "Tone," and "Generate." These options enable users to refine or modify the AI-generated content with various commands.

Requirements

• Add a refinement icon next to input, textarea, and WYSIWYG fields.
• Clicking the icon opens a menu with the following options:

Menu Structure

1. REWRITE

• Improve writing: Refines the text for better structure and clarity.
• Fix spelling and grammar: Corrects spelling and grammatical errors.
• Convert to English (US): Converts text to US English.
• Simplify language: Simplifies the text to improve readability.

2. TONE

• Write in friendly tone: Rewrites the text to sound more approachable and friendly.
• Write in casual tone: Rewrites the text to sound informal and conversational.
• Write in professional tone: Rewrites the text with a formal, professional tone.

3. GENERATE

• Generate SEO-friendly title: Creates a title optimized for SEO.
• Generate catchy headline: Generates a headline designed to capture attention.
• Generate URL-friendly title: Generates a URL-safe version of the title.

Proposed Objective

Core Features

Proposed Priority

Priority 2 - Important

Acceptance Criteria

• Refinement icons are displayed next to input, textarea, and WYSIWYG fields.
• Clicking the icon opens a menu with the structured options under "Rewrite," "Tone," and "Generate."
• The refineText function is triggered with the correct parameters based on the user's selection.
• The content is modified in real-time and updated in the input field.

External Links... Slack Conversations, Support Tickets, Figma Designs, etc.

No response

Assumptions & Initiation Needs

No response

Quality Assurance Notes & Workarounds

No response

Sub-Tasks & Estimates

No response

Start by locating the content editor entry points and the existing refineText function referenced in the acceptance criteria. Trace how input fields, textareas, and WYSIWYG editors update their content, then verify that the refinement icon menu exposes the specified Rewrite, Tone, and Generate options and updates the selected field in real time.