feat: show real-time progress bar during bulk image upload

[trtajim]

Summary by CodeRabbit

• New Features
  • Added upload progress tracking for bulk image uploads.
  • Added a percentage-based progress bar and status messaging for uploading and processing.
  • Submit and cancel controls now reflect the upload state to prevent interruptions.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 90ebf803-1b0d-461d-8ed1-121edd0f913d

📥 Commits

Reviewing files that changed from the base of the PR and between 9394df9 and 5685eb3.

📒 Files selected for processing (1)

• resources/js/components/admin/BulkImageModal.vue

---

📝 Walkthrough

Walkthrough

The bulk image modal now tracks upload progress through Inertia callbacks. It resets progress during cleanup and completion. The modal displays a progress bar, upload percentage, processing status, and percentage-based submit text.

Changes

Bulk image upload

Layer / File(s)	Summary
Progress state and status UI resources/js/components/admin/BulkImageModal.vue	The modal initializes and updates upload progress during submission. Cleanup clears the progress state. The UI displays upload percentage, a progress bar, processing status, and disables cancellation while saving.

Estimated code review effort: 2 (Simple) | ~10 minutes

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/bulk-image-upload-progress

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}