Clear sync state on user logout

[gcsecsey]

Related issues

Fixes STU-166

How AI was used in this PR

I used AI to research the existing logout flow, then implemented and iterated on the changes using it.

Proposed Changes

When a user logged out, sync-related Redux state was not cleared, and the stale data remained in memory. If a different user logged in, they could see leftover sync UI state from the previous session.

This PR adds a userLoggedOut Redux action that is dispatched either when logging out explicitly or when an invalid token is detected. Multiple slices and a store listener react to this:

• syncOperations slice resets pullStates and pushStates to empty
• sync slice clears the remote file tree cache
• connectedSites slice resets modal and selection state
• A store listener cancels active main-process sync operations, stops renderer-side push/pull pollers, and resets authenticated RTK Query caches

Testing Instructions

• Log in to a WordPress.com account and connect a remote site
• Start a push or pull operation
• Log out
• Log in again with the same user or a different one
• Check that the Sync tab shows the logged out state
• Log in again (same or different account) and check that initial pull/push states are shown

CleanShot.2026-03-04.at.16.41.21.mp4

Pre-merge Checklist

• Have you checked for TypeScript, React or other console errors?

[katinthehatsite]

Thanks for making the changes @gcsecsey - nice work!

I found some issues on my end when testing this PR. This is what I saw on my end: I started the pull operation and waited until the downloading backup step. Then, I logged out and noticed that some of the buttons were stuck in the "Importing" state:

(see the top right corner)

Then, when I log in as a different user, I see the following issue on the import screen:

[gcsecsey]

Thanks for making the changes @gcsecsey - nice work!

I found some issues on my end when testing this PR. This is what I saw on my end: I started the pull operation and waited until the downloading backup step. Then, I logged out and noticed that some of the buttons were stuck in the "Importing" state:

(see the top right corner)

Then, when I log in as a different user, I see the following issue on the import screen:

Thanks for the review @katinthehatsite, great catch! This was caused by the import/export also being tracked in the ImportExportProvider context, not just Redux. I set this to also be reset on logout.

I also encountered a stuck state when trying to pull a site that caused a db import issue:

I updated the component to treat this state as a pull error as well, to unblock this state. However, I'm not sure if this is the best approach to handle this. I think ideally we'd show the pull operation as completed, and separately also show the db import error in a dialog, similarly to how it's done when importing, right?

[wpmobilebot]

📊 Performance Test Results

Comparing 0d93adc vs trunk

app-size

Metric	trunk	0d93adc	Diff	Change
App Size (Mac)	1236.39 MB	1236.40 MB	+0.01 MB	⚪ 0.0%

site-editor

Metric	trunk	0d93adc	Diff	Change
load	1897 ms	1586 ms	311 ms	🟢 -16.4%

site-startup

Metric	trunk	0d93adc	Diff	Change
siteCreation	7110 ms	7072 ms	38 ms	⚪ 0.0%
siteStartup	3929 ms	3926 ms	3 ms	⚪ 0.0%

---

Results are median values from multiple test runs.

Legend: 🟢 Improvement (faster) | 🔴 Regression (slower) | ⚪ No change (<50ms diff)