Bosu - Add Smart Defaults, History Preview & UX Enhancements to Tool Status Update Form by BosuBose132 · Pull Request #5782 · OneCommunityGlobal/HighestGoodNetworkApp

BosuBose132 · 2026-11-05T21:06:55Z

Overview

Implemented smart defaults, historical update previews, conditional replacement validation, image previews, and improved submission feedback for the Tool/Equipment Status Update Form in the Building Management Dashboard.

These enhancements improve the user experience by reducing repetitive data entry, providing visibility into previous equipment updates, and making the status-update process more reliable.

Related Backend PR

This is related to backend PR #2470

The backend PR includes equipment status-history persistence, server-side validation, and authenticated update handling.

Original Task Requirements

Smart Defaults: Automatically preselect the previous user and usage purpose from available historical records while allowing users to edit these selections.
Last Update Summary: Display the most recent update date, previous equipment condition/status, and last known user.
Conditional Replacement Reason: Display and require a replacement reason when the user selects "Yes" for replacement.
Image Upload Improvements: Provide image thumbnail previews and support multiple images where existing functionality permits.
Success Confirmation: Display clear confirmation feedback summarizing the successfully saved update.

Changes Implemented

Implemented automatic population of the previous equipment user and usage purpose using historical checkout and status-update records.
Added safeguards to prevent asynchronous responses from overriding user selections.
Introduced a Last Update Summary displaying the update date, condition/status, and last known user.
Added conditional replacement reason visibility and required-field validation.
Improved image selection with thumbnail previews and removal functionality.
Added clear messaging indicating that selected images are preview-only and are not saved.
Improved submission handling with loading states, duplicate-submission prevention, and persistent success/error feedback.
Moved validation messages closer to the form's action buttons.
Fixed malformed icons and improved the Update Status button.
Normalized frontend status values to match the backend's supported equipment statuses.
Fixed the Equipment List's update action to navigate to the working status-update form instead of an empty modal.
Corrected the success confirmation link to navigate to the appropriate Equipment Detail Page.
Improved dark-mode contrast in the Last Update Summary.
Verified responsive behavior on smaller screens without horizontal overflow.
Added and expanded automated regression tests covering form behavior, historical defaults, validation, navigation, and file previews.

Testing Performed

Automated Testing

Frontend regression tests: 286 passed, 3 skipped, across 35 test files.
ESLint: 0 errors; 2 existing no-console warnings.
Stylelint: Passed.
Frontend production build: Passed.
git diff --check: Passed.
JS/JSX Prettier checks: Passed.

Manual Testing

Verified automatic population of historical user and usage purpose.
Tested conditional replacement reason behavior.
Verified successful equipment status submission and database persistence through the local application.
Confirmed saved updates appear in equipment history after refreshing.
Verified the success confirmation and correct Equipment Details navigation.
Checked dark-mode readability.
Verified mobile responsiveness without horizontal page scrolling.

How to Test

Run the frontend and backend applications locally.
Log in with an authorized account.
Navigate to Building Management Dashboard → Equipment List.
Click the pencil icon under Updates for an equipment record.
Verify that the Last Update Summary shows the available historical information.
Verify that the previous user and usage purpose are automatically selected and remain editable.
Select Yes for replacement and confirm that the replacement reason becomes required. Select No and confirm the field is hidden.
Select an image and verify its thumbnail preview and removal behavior.
Submit a valid equipment status update.
Confirm the success message and navigate to the Equipment Detail Page.
Reopen the form and verify the persisted update and historical defaults.
Test the form in light mode, dark mode, and a narrow mobile viewport.

Known Limitations / Reviewer Notes

Image selection is preview-only. Images are not persisted because the existing equipment-update flow does not provide image-storage support.
The frontend uses canonical backend status values, which means certain distinct user-facing statuses share the same stored value. This mapping requires confirmation from the project lead before merge.
The existing CSS module contains baseline formatting differences inherited from development; unrelated formatting was intentionally left untouched.

Screenshots / Demo

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

…ent save result - Replace FA5-only <i class="fas ..."> markup (undefined under the loaded FA4 CSS) with FontAwesomeIcon; plain 'Update Status' button, 'Saving...' state - Show a single validation summary listing all missing fields directly above Cancel/Update Status - Show backend/network errors and a persistent save confirmation in the same area; drop duplicate toast.error in updateEquipment - Add focused tests Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Dropdown keeps its labels but submits Good / Needs Repair / Out of Order, matching the buildingEquipment updateRecord enum. Saved canonical or legacy values preselect the matching label. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

…us_smart_defaults_history_ux

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

netlify · 2026-11-05T21:07:07Z

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	`bdf2210`
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6aeceff23e3eab7c09d47664
😎 Deploy Preview	https://deploy-preview-5782--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 · 2026-11-05T21:07:56Z

Quality Gate passed

Issues
1 New issue
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

BosuBose132 and others added 12 commits October 28, 2026 16:23

feat(tools): add history-aware equipment status updates

43f2648

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

fix(tools): block double submission and expand status form tests

6eb0343

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

test(dashboard): preserve DragAndDrop multiple selection default

03da2c3

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

fix(equipment): connect update action to status form

b708804

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

fix(tools): correctly hydrate smart defaults from equipment history

abc02aa

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

fix(equipment): correct status update details navigation

ab8b9a9

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

fix(tools): improve last update summary dark mode contrast

5b7a9ce

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

fix(tools): fix last update summary heading contrast in dark mode

1025049

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Merge remote-tracking branch 'origin/development' into Bosu_tool_stat…

da95cfe

…us_smart_defaults_history_ux

fix(tools): apply navy color to summary heading

bdf2210

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

BosuBose132 mentioned this pull request Nov 5, 2026

Bosu - Add Equipment Status History and Validation Support backend OneCommunityGlobal/HGNRest#2470

Open

BosuBose132 changed the title ~~Bosu tool status smart defaults history ux~~ Bosu - Add Smart Defaults, History Preview & UX Enhancements to Tool Status Update Form Nov 5, 2026

Navigation Menu

Repository navigation

Bosu - Add Smart Defaults, History Preview & UX Enhancements to Tool Status Update Form - #5782

Bosu - Add Smart Defaults, History Preview & UX Enhancements to Tool Status Update Form#5782
BosuBose132 wants to merge 12 commits into
developmentfrom
Bosu_tool_status_smart_defaults_history_ux

BosuBose132 commented Nov 5, 2026 •

edited

Loading

Uh oh!

netlify Bot commented Nov 5, 2026 •

edited

Loading

Uh oh!

sonarqubecloud Bot commented Nov 5, 2026

Uh oh!

This branch has not been deployed

Reviewers

Uh oh!

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Conversation

BosuBose132 commented Nov 5, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Overview

Related Backend PR

Original Task Requirements

Changes Implemented

Testing Performed

How to Test

Known Limitations / Reviewer Notes

Screenshots / Demo

Uh oh!

netlify Bot commented Nov 5, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for highestgoodnetwork-dev ready!

Uh oh!

sonarqubecloud Bot commented Nov 5, 2026

Quality Gate passed

Uh oh!

This branch has not been deployed

Reviewers

Uh oh!

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

BosuBose132 commented Nov 5, 2026 •

edited

Loading

netlify Bot commented Nov 5, 2026 •

edited

Loading