Budget page: categories filter should only apply to Budget Health, not Cost Breakdown

[steilerDev]

As a homeowner, I want the categories filter on the budget page to only filter the Budget Health section so that I can focus on specific categories' health while still seeing the full cost breakdown across all categories.

Parent Epic: #5
Priority: Should Have

Bug Description

The categories filter on the budget page currently filters both the Budget Health section and the Cost Breakdown table. The filter should only affect the Budget Health section.

Current Behavior

When one or more categories are selected in the categories filter:

• The Budget Health cards/section is filtered to show only the selected categories (correct)
• The Cost Breakdown table is also filtered to show only the selected categories (incorrect)

Expected Behavior

When one or more categories are selected in the categories filter:

• The Budget Health cards/section should be filtered to show only the selected categories
• The Cost Breakdown table should always show all categories regardless of the filter selection

Acceptance Criteria

• 1. When no categories are selected in the filter, both Budget Health and Cost Breakdown display all categories (unchanged behavior)
• 2. When one or more categories are selected in the filter, the Budget Health section displays only the selected categories
• 3. When one or more categories are selected in the filter, the Cost Breakdown table continues to display all categories (unfiltered)
• 4. Clearing the categories filter restores the Budget Health section to show all categories
• 5. The Cost Breakdown table row count and content remain unchanged regardless of any filter interaction

Notes

• This is a UI-only change on the budget page; no backend/API changes should be required
• The filter state management may need to be scoped so that Cost Breakdown reads from the unfiltered data source

[steilerDev]

[product-owner] UAT Scenarios

UAT-BUG-577-01: Cost Breakdown unaffected by category filter selection

Given the budget page is loaded with multiple categories having budget data
When the user selects one or more categories in the categories filter
Then the Cost Breakdown table continues to display all categories with their full data

UAT-BUG-577-02: Budget Health filtered by category selection

Given the budget page is loaded with multiple categories having budget data
When the user selects a single category in the categories filter
Then the Budget Health section displays only the selected category's health card(s)

UAT-BUG-577-03: Filter cleared restores Budget Health

Given the user has selected one or more categories in the filter
When the user clears the categories filter
Then the Budget Health section displays all categories again
And the Cost Breakdown table remains unchanged (still showing all categories)

UAT-BUG-577-04: Cost Breakdown row count is stable

Given the budget page displays N rows in the Cost Breakdown table
When the user selects and deselects various category filter combinations
Then the Cost Breakdown table always displays exactly N rows

UAT-BUG-577-05: Multiple categories selected

Given the budget page has categories A, B, C, and D with budget data
When the user selects categories A and C in the filter
Then Budget Health shows only A and C health cards
And Cost Breakdown shows all four categories (A, B, C, D)

[github-actions]

🎉 This issue has been resolved in version 1.13.0-beta.26 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

[github-actions]

🎉 This issue has been resolved in version 1.13.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀