Story (Required)

As a user trying to upload attachments I want to drag and drop the supported files in the lightspeed UI.

Background (Required)

PF supports drag and drop feature, we want to include that 

https://pf-virtual-assistant.surge.sh/patternfly-ai/chatbot/messages/#filedropzone

Approach (Required)

Add fileDropzone component in the lightspeed UI, so users can drag and drop the file attachment in the message container. Before dropping the files, show all the supported file types for the user and in case of errors, surface the errors using error state.

Dependencies

PF chatbot

Acceptance Criteria (Required)

• Message container should allow users to drag and drop the file attachments.
• In case of errors, Error states should be visible and guide the user to fix the error.
• Supported file types should be shown while user is dragging the file over the droppable area.

documentation updates (design docs, release notes etc)
demo needed
SOP required
education module update (Filled by RHDHPAI team only)
R&D label required (Filled by RHDHPAI team only)

Done Checklist

Code is completed, reviewed, documented and checked in
Unit and integration test automation have been delivered and running cleanly in continuous integration/staging/canary environment
Continuous Delivery pipeline(s) is able to proceed with new code included
Customer facing documentation, API docs, design docs etc. are produced/updated, reviewed and published
Acceptance criteria are met
If the Grafana dashboard is updated, ensure the corresponding SOP is updated as well