Implement persistent filters usage in frontend

[arbulu89]

Description

Add persistent filters usage in the frontend. This way, once the user has selected a filter in a page, moves somewhere else, and moves back, the same filters are applied.

The code creates a viewSettings library to handle the session storage and a hook that "upgrades" searchParams to get persistent filters if they exist combined with the query string params.

Caveats:

• The filters are stored in the sessionStorage and are per user. This means that a logout or opening the app in a new tab won't bring the previously applied filters.
• I have only implemented the filters usage in the Hosts overview, to keep the PR smaller.

How was this tested?

UT and e2e

Documentation changes

I guess we will need to document the feature

[github-actions]

The preview environment for this pull request is ready at 4775.prenv.trento.suse.com.

[Copilot]

🟡 Changes recommended

Address the session-storage failure handling and restore browser history coverage.

Get a fresh assessment by requesting another Copilot review.

Pull request overview

Adds user-scoped session persistence for Hosts filters and page size.

Changes:

• Adds view-settings, search-parameter, and persistence-hook utilities.
• Integrates persistence with Hosts, authentication lifecycle, tables, and pagination.
• Adds unit, component, and Cypress coverage.

Final findings:

• Moderate (2 votes): Clear the existing view-settings entry when sessionStorage.setItem fails, and add coverage.
• Moderate (1 vote): Restore dedicated browser back/forward history coverage.

File summaries

File	Summary
test/e2e/cypress/e2e/hosts_overview.cy.js	Updates Hosts persistence E2E coverage.
assets/js/pages/Layout/Layout.jsx	Clears settings on logout.
assets/js/pages/HostsList/HostsList.test.jsx	Tests Hosts list behavior.
assets/js/pages/HostsList/HostsList.jsx	Enables persistent Hosts search parameters.
assets/js/pages/Guard/Guard.jsx	Initializes settings per user.
assets/js/lib/viewSettings/index.test.js	Tests view-settings storage.
assets/js/lib/viewSettings/index.js	Stores user-scoped view settings.
assets/js/lib/searchParams/index.test.js	Tests search-parameter helpers.
assets/js/lib/searchParams/index.js	Provides search-parameter update helpers.
assets/js/hooks/usePersistentSearchParams.test.jsx	Tests persistent search parameters.
assets/js/hooks/usePersistentSearchParams.js	Restores and persists URL parameters.
assets/js/common/Table/Table.test.jsx	Tests URL-bound table behavior.
assets/js/common/Table/Table.jsx	Binds page size to URL parameters.
assets/js/common/Table/index.js	Exports the table component.
assets/js/common/Pagination/Pagination.jsx	Makes page-size selection controlled.

Review details

Suppressed comments (1)

test/e2e/cypress/e2e/hosts_overview.cy.js:228

• This replacement no longer exercises browser back/forward behavior, and the deleted cases also covered returning to the previous page and avoiding duplicate history entries. Since the new hook performs mount-time setSearchParams(..., { replace: true }), keep a dedicated back/forward assertion (or add an equivalent hook test) so regressions in history handling are still detected.

      hostsOverviewPage.visit();

• Files reviewed: 15/15 changed files
• Comments generated: 1
• Review effort level: Lite

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.