[adit24dhaya]

Description

Original task request

Original task in Google Docs

Complete task captured directly from the original document; the requested wording is unchanged.

Implement the medium-priority Jae/Divanshu: Enhanced Smart Search + UX Improvements for the Members Working on Site Today table task.

Add unique suggestions for First Name, Last Name, Role and Team, literal matching-text highlights, a Clear All Filters button, 350ms debounced filtering, and scoped light/dark styles.

Related PRS (if any)

Frontend only; no paired backend PR or API changes.

Main changes explained

• Add reusable column-search controls with keyboard, mouse and touch selection. Arrow keys navigate; Enter accepts; Escape/blur dismiss without changing the typed query.
• Filter all eight existing columns with combined, case-insensitive substring matching. Suggestions appear immediately; table filtering waits350ms, while selection/reset applies immediately.
• Memoize the table body and options, cancel stale debounce work and handle empty results, zero hours and refreshed records.
• Render highlights as text/React elements, never user-supplied HTML or regular expressions.
• Use scoped CSS Modules and pass the existing parent theme into the table.
• Add 23 regression tests covering search, reset races, accessibility semantics and literal input handling.

How to test

1. Check out feat/site-members-smart-search and use Node20 with the repository's existing dependencies.
2. Run npx vitest run src/components/BMDashboard/Projects/ProjectDetails/__tests__ (24 tests including the existing ProjectDetails test).
3. Start the frontend using the documented local setup. As an account with BM project access, open Projects → an existing Project Details page (/bmdashboard/projects/<projectId>).
4. In Members working on site today, type a partial name/role/team. Check suggestions and matching highlights after the debounce delay.
5. Combine filters; use arrows/Enter to select, and Escape/Tab to dismiss. Clear All Filters should immediately restore every row, even while typing is pending.
6. Check no-match results, narrow screens and both themes. The table scrolls horizontally; dropdowns stay outside its scroll container.

Validation already performed

• 24 tests passed; 200 browser assertions across 320/390/768/1280px and both themes, including computed highlight/dropdown contrast and debounce/reset checks.
• Additional actual mouse/touch selection passed. A 5,000-member synthetic dataset retained the table unchanged while a controlled debounce was pending and filtered to 417 rows on application; not a production performance benchmark.
• Production build, changed-file ESLint, new CSS Stylelint and whitespace checks passed.
• All validation used isolated synthetic data; no shared database writes.

Screenshots or videos of changes

Nine code/UI screenshots and a short compressed walkthrough are staged in the developer's Week5 media folder. They are not attached to this PR yet.

Note

The task listed /bmdashboard/tools/day, but that URL resolves to the tool-detail route in current development. Aditya confirmed using the existing Project Details member table instead; this PR does not change routing.

The existing table currently displays sample rows. Those are preserved; the new optional members prop supports supplied records, but this PR does not introduce live on-site worker-data integration or claim authenticated end-to-end API testing. No task/issue number was supplied, so no unrelated GitHub issue is auto-closed.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	102f0ef
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6adf02dd5d3c769a2ca72e65
😎 Deploy Preview	https://deploy-preview-5718--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud