Multi-Select Action Toolbar for Invoice List

[Kingsman-99]

Description

Performing the same action (archive, tag, delete) on multiple invoices requires repeating the action individually for each one, which is slow for users managing dozens of invoices. A multi-select mode with a contextual bulk-action toolbar should allow operating on several invoices at once.

Technical Context

src/components/invoice/InvoiceList.tsx adds a checkbox to each card or row when multi-select mode is active. A src/hooks/useInvoiceSelection.ts hook maintains a Set<string> of selected IDs. src/components/invoice/BulkActionToolbar.tsx (new) renders a sticky bottom bar with "Archive", "Tag", and "Delete" actions when one or more invoices are selected. Actions call batch API endpoints: src/app/api/invoices/bulk/route.ts (new).

Acceptance Criteria

• A "Select" button activates multi-select mode, adding checkboxes to all invoice cards or rows
• Selecting at least one invoice reveals the bulk action toolbar at the bottom of the screen
• The toolbar displays a count of selected invoices (e.g., "3 invoices selected")
• Clicking "Archive" in the toolbar sends a PATCH to the bulk route and optimistically updates the list
• A "Select all on this page" checkbox in the toolbar selects all visible invoice cards simultaneously
• All CI checks (npm test, npm run build, ESLint/TypeScript) pass and the branch has no merge conflicts

---

[Tobi-8]

Please maintainer assign me to this issue
I have the knowledge and skill to complete this task

[Tobi-8]

Please maintainer assign me to this issue
I have the knowledge and skill to complete this task

[GazzyLee]

hello, please I'd love to work on this, please assign

[Malcolm-Wander]

@Malcolm-Wander has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hello maintainer,I’d love to work on this issue please,I promise to do a good and swift job..thank you.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Malcolm-Wander to this issue.

[kaizercodes]

@Kaizer4show has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hi maintainer, I would like to work on this issue please

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Kaizer4show to this issue.

[raji-ayyub]

@raji-ayyub has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hello, assign me to this issue.
I have experience with this, a practical feature that improves how users interact with large amounts of data. I'm interested.
I build clean, efficient UI experiences and solving problems around state management and user workflows.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @raji-ayyub to this issue.

[favourawaku]

@favourawaku has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

i would like to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @favourawaku to this issue.

[drips-wave]

Congratulations, @favourawaku! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on July 30, 2026.

🧑‍💻 @favourawaku: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊