Skip to content

fix(ui): scroll-to + flash the target Settings section on every redirect - #190

Merged
its-mash merged 1 commit into
mainfrom
fix/settings-redirect-highlight-all
Jun 25, 2026
Merged

fix(ui): scroll-to + flash the target Settings section on every redirect#190
its-mash merged 1 commit into
mainfrom
fix/settings-redirect-highlight-all

Conversation

@its-mash

Copy link
Copy Markdown
Member

Follow-up to the Security redirect: make every "open Settings" link land on its specific section and flash it, the way the Security nudge already does. Previously only Security highlighted; other links dropped the user at the top of the page.

Changes

  • SettingsPage — replaced the security-only securityRef/flashSecurity with a generic, section-keyed registry (registerSection + sectionFlashClass) driven by pendingSettingsSection. The matching section scrolls into view + flashes the ring (~2.2s), then the pending value is cleared. Unknown/unmounted sections are dropped so a stale value can't fire later. Wrapped the redirect-target sections: Updates, Gateway, Workspaces, Security. Adding more is a one-line wrap.
  • ConnectionCard — "Port … change in Settings" now targets the Gateway section (where the port lives).
  • App update banner — "Update now" now targets the Updates section (was top-of-page).
  • WorkspaceInstallPanel auth nudge already targeted Security — unchanged, now goes through the same generic path.

Test

App update-banner test asserts the redirect sets pendingSettingsSection = 'updates'. Full TS suite green (224), typecheck clean.

Note: cross-tab redirects (Clients/Workspaces/Registry/etc.) already switch to the correct tab; this PR is about in-page Settings-section highlighting. Highlighting a specific row within those other tabs would be a separate change if wanted.

https://claude.ai/code/session_01Baan9JmzR43uxxRUh7CAMF

Only the Security section highlighted on deep-link; other "open Settings"
links dumped the user at the top of the page. Generalize the mechanism so any
section can be targeted, and wire the existing redirects to the right one.

- SettingsPage: replace the security-only `securityRef`/`flashSecurity` with a
  section-keyed registry (`registerSection`/`sectionFlashClass`) driven by
  `pendingSettingsSection`. The matching section scrolls into view + flashes
  the ring for 2.2s, then the pending value is cleared. Unknown/unmounted
  sections are dropped (no stale flash). Wrapped the redirect-target sections:
  Updates, Gateway, Workspaces, Security.
- ConnectionCard "Port … change in Settings" → targets the Gateway section.
- App update banner "Update now" → targets the Updates section (was top of page).
- WorkspaceInstallPanel auth nudge already targets Security — unchanged.

Test: App update-banner test now asserts the redirect sets
`pendingSettingsSection = 'updates'`. Full TS suite green (224).

Claude-Session: https://claude.ai/code/session_01Baan9JmzR43uxxRUh7CAMF
Signed-off-by: Mohammod Al Amin Ashik <maa.ashik00@gmail.com>
@its-mash
its-mash merged commit e032c9b into main Jun 25, 2026
13 checks passed
@its-mash
its-mash deleted the fix/settings-redirect-highlight-all branch June 25, 2026 10:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant