OUT-3556 | Implement empty preview state when no clients exist

[arpandhakal]

Changes

• Added EmptyClientPreview.tsx component.
• Introduced isInitialized state which updates when users fetchers are completed.
• Rendered empty client preview component when isInitialized is true and there are no clients.

Testing Criteria

• LOOM

[linear-code]

OUT-3556

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
client-home-v3	Ready	Preview	Aug 3, 2026 7:49am

[greptile-apps]

Greptile Summary

Adds an empty state for previews without clients.

• Tracks completion of user/client-context initialization in the users store.
• Safely supports empty client arrays when selecting the initial preview client.
• Hides the client selector when initialization completes without clients.
• Adds an action that navigates users to the dashboard client-management page.

Confidence Score: 4/5

The PR appears safe to merge, with a non-blocking inconsistency in how the empty state responds to the mobile and desktop preview controls.

The initialization and empty-array handling are coherent, but the empty-client early return skips the display-mode-aware preview wrapper even though users can still change display modes.

Files Needing Attention: src/features/editor/components/Preview/Preview.tsx

Important Files Changed

Filename	Overview
src/features/users/components/UsersSetter.tsx	Initializes client and company data once after the users fetch completes, including empty results.
src/features/users/stores/usersStore.ts	Adds initialization state and makes initial preview-client selection safe for empty arrays.
src/features/editor/components/Preview/Preview.tsx	Selects the new empty state after initialization, but bypasses mobile preview sizing while the display-mode control remains available.
src/features/editor/components/Preview/EmptyClientPreview.tsx	Introduces the no-client message and dashboard navigation action.
src/features/editor/components/TopBar/TopBar.tsx	Hides the client-selector divider when no clients exist while preserving other preview controls.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
  A[Users or client context fetched] --> B[Populate users store]
  B --> C[Set isInitialized]
  C --> D{Clients available?}
  D -->|No| E[Render EmptyClientPreview]
  D -->|Yes| F[Render normal preview]
  E --> G[Add clients action]
  G --> H[Dashboard client-management page]

Loading

_{Reviews (1): Last reviewed commit: "fix(OUT-3556): implement empty preview s..." | Re-trigger Greptile}

[priosshrsth]

I am hisitant with the implementatino of getDashboardOrigin. Are you sure it's reliable? What about window.parent or even getting workspace portal url which we should already have.

[priosshrsth]

lgtm