fix: disable refetchOnWindowFocus globally to prevent modal close on tab switch

[ANSUJKMEHER]

Summary

Disables TanStack Query's refetchOnWindowFocus globally to prevent dialog/modal forms from closing and losing data when the browser tab or window regains focus.

Fixes #4851
Fixes #4907

Root Cause

TanStack Query's refetchOnWindowFocus defaults to true. When the user switches away from Dokploy and returns:

1. The focus event fires on the window
2. TanStack Query refetches all active queries (e.g., project.one, environment.one, project.all)
3. On remote servers with network latency, the refetch response returns a new data reference (timestamps/status may differ)
4. React re-renders the component tree
5. Dialog components remount, resetting their useState(false) → modal closes, form data lost

This is timing/latency dependent — it reproduces reliably on remote servers but rarely on localhost (where queries complete instantly and structuralSharing returns the same reference).

Changes

apps/dokploy/utils/api.ts

• Added queryClientConfig.defaultOptions.queries.refetchOnWindowFocus: false to the global tRPC config
• This is consistent with 14+ individual queries in the codebase that already set refetchOnWindowFocus: false per-query (e.g., in use-whitelabeling.ts, dashboard-layout.tsx, side.tsx, handle-destinations.tsx, etc.)

apps/dokploy/components/ui/dialog.tsx

• Reverted a previously added onFocusOutside handler that was redundant — Radix UI's DialogContentModal already calls event.preventDefault() on onFocusOutside internally for modal dialogs (source)

Testing

• Verified that the refetchOnWindowFocus: false config is correctly accepted by createTRPCNext's queryClientConfig option
• Traced through Radix UI source code (@radix-ui/react-dialog, @radix-ui/react-dismissable-layer, @radix-ui/primitive) to confirm the onFocusOutside handler was redundant

[ANSUJKMEHER]

Updated the PR with the correct root cause fix:

Reverted the onFocusOutside handler — Radix UI already handles this for modal dialogs internally, so it was redundant.
Added refetchOnWindowFocus: false globally in api.ts — this is the actual root cause. TanStack Query's default refetchOnWindowFocus: true refetches all active queries on tab return, which on remote servers (with network latency) re-renders the component tree and resets dialog useState(false), closing the modal.
This is consistent with the 14+ queries in the codebase that already set refetchOnWindowFocus: false individually.

Also fixes #4907 (duplicate).

[ANSUJKMEHER]

Hi @Siumauricio , just following up on this PR.

I updated it based on my investigation and narrowed the fix down to disabling refetchOnWindowFocus globally, which addresses the modal-closing issue. I also removed the redundant onFocusOutside change after confirming Radix already handles it internally.

All checks are passing now. If you have a chance, I'd really appreciate a review. Thanks!