@@ -1,12 +1,20 @@
 import { useState } from 'react';
 
-export function useProfilePagesController(initialPage: string, pageIds: readonly string[] | undefined) {
+export function useProfilePagesController(
+  initialPage: string,
+  pageIds: readonly string[] | undefined,
+  openingFallbackPage?: string,
+) {
   const [activePage, setActivePage] = useState(initialPage);
+  const [isOpening, setIsOpening] = useState(true);
 
   if (pageIds) {
-    const [firstPage] = pageIds;
-    if (firstPage !== undefined && !pageIds.includes(activePage)) {
-      setActivePage(firstPage);
+    if (isOpening) {
+      setIsOpening(false);
+    }
+    const fallbackPage = (isOpening ? openingFallbackPage : undefined) ?? pageIds[0];
+    if (fallbackPage !== undefined && !pageIds.includes(activePage)) {
+      setActivePage(fallbackPage);
     }
   }
 
 
@@ -235,6 +235,26 @@ describe('the profile the switchers open', () => {
     expect(await selectedTab('General')).toBeInTheDocument();
   });
 
+  it('opens a combined profile on the first organization page in the configured order', async () => {
+    await renderWithProfile(<OrganizationSwitcher />, {
+      organizationProfileProps: { customPages: [terms], pageOrder: ['terms'] },
+    });
+
+    await clickSettings(switcherTrigger);
+
+    expect(await selectedTab('Terms')).toBeInTheDocument();
+  });
+
+  it('skips a page this organization does not have when opening a combined profile', async () => {
+    await renderWithProfile(<OrganizationSwitcher />, {
+      organizationProfileProps: { pageOrder: ['apiKeys', 'members'] },
+    });
+
+    await clickSettings(switcherTrigger);
+
+    expect(await selectedTab('Members')).toBeInTheDocument();
+  });
+
   it.each([
     { name: 'the button', ui: <UserButton combined={false} />, trigger: buttonTrigger },
     { name: 'the switcher', ui: <OrganizationSwitcher />, trigger: switcherTrigger },
 
@@ -20,6 +20,7 @@ import { ORGANIZATION_PERMISSIONS } from '../../utils/permissions';
 import { organizationProfileModal } from '../organization-profile/organization-profile.modal';
 import type { MosaicProfile } from '../profile-pages/use-mosaic-profile';
 import { userProfileModalOptions } from '../profile-pages/use-mosaic-profile';
+import { ORGANIZATION_PAGE_PREFIX } from '../user-profile/user-profile.layout';
 import { userProfileModal } from '../user-profile/user-profile.modal';
 import type {
   SwitcherBrandingProps,
@@ -217,7 +218,13 @@ export function useSwitcherModel(
           apiKeysProps: organizationProfileProps?.apiKeysProps,
         });
       } else if (combined) {
-        userProfile.open({ ...mosaicUserProfile, page: 'organization/general' }, getContainer?.());
+        userProfile.open(
+          {
+            ...mosaicUserProfile,
+            page: `${ORGANIZATION_PAGE_PREFIX}${organizationProfileProps?.pageOrder?.[0] ?? 'general'}`,
+          },
+          getContainer?.(),
+        );
       } else {
         organizationProfile.open(organizationProfileProps, getContainer?.());
       }
 
@@ -165,7 +165,7 @@ describe('UserButton', () => {
     it('renders nothing while Clerk is still loading', async () => {
       serveFapi(signedIn());
       const client = holdRequests('get', '/v1/client');
-      const rendering = renderWithClerk(tree({ mode }));
+      const rendering = renderWithClerk(tree({ combined: mode === 'combined' }));
 
       await waitFor(() => expect(client.requests).toHaveLength(1));
       expect(host()).toBeEmptyDOMElement();
@@ -176,14 +176,17 @@ describe('UserButton', () => {
     });
 
     it('renders nothing, not even its fallback, when nobody is signed in', async () => {
-      await renderUserButton({ mode, fallback: <output>Loading</output> }, signedIn({ client: fapiClient() }));
+      await renderUserButton(
+        { combined: mode === 'combined', fallback: <output>Loading</output> },
+        signedIn({ client: fapiClient() }),
+      );
 
       expect(host()).toBeEmptyDOMElement();
     });
 
     it('leaves organizations out entirely when the instance has them disabled', async () => {
       await renderUserButton(
-        { mode },
+        { combined: mode === 'combined' },
         signedIn({ environment: fapiEnvironment({ organization_settings: { enabled: false } }) }),
       );
 
 
@@ -10,7 +10,7 @@ import { OrganizationProfileProvider } from '../organization-profile/organizatio
 import { useProfilePagesController } from '../profile-pages/profile-pages.controller';
 import { useMosaicProfile } from '../profile-pages/use-mosaic-profile';
 import { useUserProfilePages } from '../switcher/switcher.pages';
-import { userProfilePageIds } from './user-profile.layout';
+import { ORGANIZATION_PAGE_PREFIX, userProfilePageIds } from './user-profile.layout';
 import type { UserProfileOptions } from './user-profile.provider';
 import { UserProfileProvider } from './user-profile.provider';
 import type { UserProfileViewProps } from './user-profile.view';
@@ -226,9 +226,13 @@ function CombinedUserProfileView({
     model.status === 'ready'
       ? { pages: organizationProfilePanels(model.pages, apiKeysProps), customPages, pageOrder }
       : undefined;
+  const pageIds = model.status === 'loading' ? undefined : userProfilePageIds({ ...viewProps, organization });
   const navigation = useProfilePagesController(
     initialPage,
-    model.status === 'loading' ? undefined : userProfilePageIds({ ...viewProps, organization }),
+    pageIds,
+    initialPage.startsWith(ORGANIZATION_PAGE_PREFIX)
+      ? pageIds?.find(id => id.startsWith(ORGANIZATION_PAGE_PREFIX))
+      : undefined,
   );
 
   return (
 
@@ -9,7 +9,7 @@ components open.
 Wrap the part of your app that uses Mosaic. Every prop is optional.
 
 ```tsx
-import { MosaicProvider } from '@clerk/mosaic';
+import { MosaicProvider, UserButton } from '@clerk/mosaic';
 
 <MosaicProvider>
   <UserButton />
@@ -41,6 +41,7 @@ themselves.
 
 ```tsx
 <MosaicProvider
+  experimental={{ newProfiles: true }}
   profile={{
     combined: true,
     userProfileUrl: '/account',
@@ -56,6 +57,9 @@ themselves.
 `combined` on `MosaicProvider` decides what the profile shows, and `combined` on `UserButton` decides what
 its menu lists. [Profile permutations](/user-button/profile-permutations) shows each pairing.
 
+`profile.combined` takes effect only with `experimental.newProfiles`. Without it, `UserButton` and
+`OrganizationSwitcher` open Clerk's modals.
+
 | Option                     | Type                       | Default | Description                                                                       |
 | -------------------------- | -------------------------- | ------- | --------------------------------------------------------------------------------- |
 | `combined`                 | `boolean`                  | `true`  | Whether one profile carries the account's pages and the active organization's.    |