feat(ui): enhance drag-and-drop upload feedback with animated icon an…#599
Conversation
🐛 Backend CI fails: ModuleNotFoundError: No module named 'pymupdf4llm'
Possible cause: Suggested debug step: remove This blocks the backend test suite for all PRs currently. |
…d aria-live announcement
36aa076 to
c72b993
Compare
|
Hey @param20h, all CI checks are now passing ✅ This PR enhances the drag-and-drop upload feedback in the document sidebar:
Would love your review when you get a chance 🙏 Actively contributing as part of GSSoC '26 |
📋 PR Checklist
🔗 Related Issue
Closes #557
📝 What does this PR do?
The core drag-and-drop highlight feature was already implemented in
DocumentSidebar.tsxviareact-dropzone'sisDragActivestate(border highlight, background change, "Drop files here" message in 4 languages,
auto-reset on drag leave/drop).
This PR adds extra visual and accessibility polish on top of the existing feature:
Improvements:
UploadCloudicon during drag (vs staticUploadicon)aria-live="polite"so screen readers announce the drop message change🗂️ Type of Change
🧪 How was this tested?
npm run devinsidefrontend/)uvicorn app.main:app --reload)Verified
npm run lint(0 errors) andnpm run buildpass successfully.📸 Screenshots (if UI change)
N/A — toolbar UI improvement, visible when dragging a file over the upload area
onDrop, validation, or upload logic✅ Self-Review Checklist
dev, notmainmainbranch or any HuggingFace deployment config