Separate system operations from core objects in GraphQL endpoints (#12977)

Moves system-level operations (auth, billing, admin) to use the
/metadata endpoint instead of /graphql.

This cleans up the endpoint separation so /graphql is purely for core
objects (Company, People, etc.) and /metadata handles all system
operations.

Part of prep work for webhook/API key core migration.

packages/twenty-front/src/pages/auth/Authorize.tsx

@@ -8,7 +8,7 @@ import { useLingui } from '@lingui/react/macro';
 import { isDefined } from 'twenty-shared/utils';
 import { MainButton } from 'twenty-ui/input';
 import { UndecoratedLink } from 'twenty-ui/navigation';
-import { useAuthorizeAppMutation } from '~/generated/graphql';
+import { useAuthorizeAppMutation } from '~/generated-metadata/graphql';
 import { useNavigateApp } from '~/hooks/useNavigateApp';
 
 type App = { id: string; name: string; logo: string };

packages/twenty-front/src/pages/auth/PasswordReset.tsx

@@ -28,7 +28,7 @@ import { z } from 'zod';
 import {
   useUpdatePasswordViaResetTokenMutation,
   useValidatePasswordResetTokenQuery,
-} from '~/generated/graphql';
+} from '~/generated-metadata/graphql';
 import { useNavigateApp } from '~/hooks/useNavigateApp';
 import { logError } from '~/utils/logError';
 

packages/twenty-front/src/pages/auth/__stories__/PasswordReset.stories.tsx

@@ -7,7 +7,7 @@ import { GET_CURRENT_USER } from '@/users/graphql/queries/getCurrentUser';
 import {
   OnboardingStatus,
   ValidatePasswordResetTokenDocument,
-} from '~/generated/graphql';
+} from '~/generated-metadata/graphql';
 import { PasswordReset } from '~/pages/auth/PasswordReset';
 import {
   PageDecorator,

packages/twenty-front/src/pages/onboarding/BookCall.tsx

@@ -17,7 +17,7 @@ import { useIsMobile } from 'twenty-ui/utilities';
 import {
   OnboardingStatus,
   useSkipBookOnboardingStepMutation,
-} from '~/generated/graphql';
+} from '~/generated-metadata/graphql';
 
 const StyledModalFooter = styled(Modal.Footer)`
   height: auto;

packages/twenty-front/src/pages/onboarding/BookCallDecision.tsx

@@ -7,7 +7,7 @@ import styled from '@emotion/styled';
 import { Trans, useLingui } from '@lingui/react/macro';
 import { Link } from 'react-router-dom';
 import { LightButton, MainButton } from 'twenty-ui/input';
-import { useSkipBookOnboardingStepMutation } from '~/generated/graphql';
+import { useSkipBookOnboardingStepMutation } from '~/generated-metadata/graphql';
 
 const StyledCoverImage = styled.img`
   border-radius: ${({ theme }) => theme.border.radius.sm};

packages/twenty-front/src/pages/onboarding/ChooseYourPlan.tsx

@@ -27,7 +27,7 @@ import {
   BillingPlanKey,
   BillingPriceLicensedDto,
   useBillingBaseProductPricesQuery,
-} from '~/generated/graphql';
+} from '~/generated-metadata/graphql';
 
 const StyledSubscriptionContainer = styled.div<{
   withLongerMarginBottom: boolean;

packages/twenty-front/src/pages/onboarding/CreateWorkspace.tsx

@@ -25,7 +25,7 @@ import { isDefined } from 'twenty-shared/utils';
 import { H2Title } from 'twenty-ui/display';
 import { Loader } from 'twenty-ui/feedback';
 import { MainButton } from 'twenty-ui/input';
-import { useActivateWorkspaceMutation } from '~/generated/graphql';
+import { useActivateWorkspaceMutation } from '~/generated-metadata/graphql';
 
 const StyledContentContainer = styled.div`
   width: 100%;

packages/twenty-front/src/pages/onboarding/PaymentSuccess.tsx

@@ -13,7 +13,7 @@ import { IconCheck } from 'twenty-ui/display';
 import { Loader } from 'twenty-ui/feedback';
 import { MainButton } from 'twenty-ui/input';
 import { AnimatedEaseIn } from 'twenty-ui/utilities';
-import { useGetCurrentUserLazyQuery } from '~/generated/graphql';
+import { useGetCurrentUserLazyQuery } from '~/generated-metadata/graphql';
 import { useNavigateApp } from '~/hooks/useNavigateApp';
 
 const StyledModalContent = styled(Modal.Content)`

packages/twenty-front/src/pages/onboarding/SyncEmails.tsx

@@ -26,7 +26,7 @@ import {
   CalendarChannelVisibility,
   MessageChannelVisibility,
   useSkipSyncEmailOnboardingStepMutation,
-} from '~/generated/graphql';
+} from '~/generated-metadata/graphql';
 
 const StyledSyncEmailsContainer = styled.div`
   display: flex;

packages/twenty-front/src/pages/settings/SettingsBilling.tsx

@@ -3,6 +3,7 @@ import { useRecoilValue } from 'recoil';
 
 import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState';
 import { SettingsBillingMonthlyCreditsSection } from '@/billing/components/SettingsBillingMonthlyCreditsSection';
+import { SettingsBillingSubscriptionInfo } from '@/billing/components/SettingsBillingSubscriptionInfo';
 import { useRedirect } from '@/domain-manager/hooks/useRedirect';
 import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
 import { SettingsPath } from '@/types/SettingsPath';
@@ -15,9 +16,8 @@ import { Section } from 'twenty-ui/layout';
 import {
   SubscriptionStatus,
   useBillingPortalSessionQuery,
-} from '~/generated/graphql';
+} from '~/generated-metadata/graphql';
 import { getSettingsPath } from '~/utils/navigation/getSettingsPath';
-import { SettingsBillingSubscriptionInfo } from '@/billing/components/SettingsBillingSubscriptionInfo';
 
 export const SettingsBilling = () => {
   const { t } = useLingui();

packages/twenty-front/src/pages/settings/SettingsWorkspaceMembers.tsx

@@ -38,7 +38,7 @@ import {
 } from 'twenty-ui/display';
 import { IconButton } from 'twenty-ui/input';
 import { Section } from 'twenty-ui/layout';
-import { useGetWorkspaceInvitationsQuery } from '~/generated/graphql';
+import { useGetWorkspaceInvitationsQuery } from '~/generated-metadata/graphql';
 import { getSettingsPath } from '~/utils/navigation/getSettingsPath';
 import { TableCell } from '../../modules/ui/layout/table/components/TableCell';
 import { TableRow } from '../../modules/ui/layout/table/components/TableRow';

packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminConfigVariableDetails.tsx

@@ -22,7 +22,7 @@ import { Button } from 'twenty-ui/input';
 import {
   ConfigSource,
   useGetDatabaseConfigVariableQuery,
-} from '~/generated/graphql';
+} from '~/generated-metadata/graphql';
 import { getSettingsPath } from '~/utils/navigation/getSettingsPath';
 const StyledForm = styled(Form)`
   display: flex;

packages/twenty-front/src/pages/settings/admin-panel/SettingsAdminIndicatorHealthStatus.tsx

@@ -8,14 +8,14 @@ import { SubMenuTopBarContainer } from '@/ui/layout/page/components/SubMenuTopBa
 import styled from '@emotion/styled';
 import { useLingui } from '@lingui/react/macro';
 import { useParams } from 'react-router-dom';
+import { H2Title, H3Title } from 'twenty-ui/display';
+import { Section } from 'twenty-ui/layout';
 import {
   AdminPanelHealthServiceStatus,
   HealthIndicatorId,
   useGetIndicatorHealthStatusQuery,
-} from '~/generated/graphql';
+} from '~/generated-metadata/graphql';
 import { getSettingsPath } from '~/utils/navigation/getSettingsPath';
-import { H2Title, H3Title } from 'twenty-ui/display';
-import { Section } from 'twenty-ui/layout';
 
 const StyledTitleContainer = styled.div`
   align-items: center;

packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeyDetail.tsx

@@ -27,7 +27,7 @@ import { Trans, useLingui } from '@lingui/react/macro';
 import { H2Title, IconRepeat, IconTrash } from 'twenty-ui/display';
 import { Button } from 'twenty-ui/input';
 import { Section } from 'twenty-ui/layout';
-import { useGenerateApiKeyTokenMutation } from '~/generated/graphql';
+import { useGenerateApiKeyTokenMutation } from '~/generated-metadata/graphql';
 import { useNavigateSettings } from '~/hooks/useNavigateSettings';
 import { getSettingsPath } from '~/utils/navigation/getSettingsPath';
 

packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeysNew.tsx

@@ -18,7 +18,7 @@ import { Key } from 'ts-key-enum';
 import { isDefined } from 'twenty-shared/utils';
 import { H2Title } from 'twenty-ui/display';
 import { Section } from 'twenty-ui/layout';
-import { useGenerateApiKeyTokenMutation } from '~/generated/graphql';
+import { useGenerateApiKeyTokenMutation } from '~/generated-metadata/graphql';
 import { useNavigateSettings } from '~/hooks/useNavigateSettings';
 import { getSettingsPath } from '~/utils/navigation/getSettingsPath';
 

packages/twenty-front/src/pages/settings/security/SettingsSecurityApprovedAccessDomain.tsx

@@ -11,7 +11,7 @@ import { Controller, useForm } from 'react-hook-form';
 import { H2Title } from 'twenty-ui/display';
 import { Section } from 'twenty-ui/layout';
 import { z } from 'zod';
-import { useCreateApprovedAccessDomainMutation } from '~/generated/graphql';
+import { useCreateApprovedAccessDomainMutation } from '~/generated-metadata/graphql';
 import { useNavigateSettings } from '~/hooks/useNavigateSettings';
 import { getSettingsPath } from '~/utils/navigation/getSettingsPath';
 

packages/twenty-front/src/pages/settings/workspace/SettingsDomain.tsx

@@ -18,7 +18,7 @@ import { FormProvider, useForm } from 'react-hook-form';
 import { useRecoilState } from 'recoil';
 import { isDefined } from 'twenty-shared/utils';
 import { z } from 'zod';
-import { useUpdateWorkspaceMutation } from '~/generated/graphql';
+import { useUpdateWorkspaceMutation } from '~/generated-metadata/graphql';
 import { useNavigateSettings } from '~/hooks/useNavigateSettings';
 import { SettingsCustomDomain } from '~/pages/settings/workspace/SettingsCustomDomain';
 import { SettingsSubdomain } from '~/pages/settings/workspace/SettingsSubdomain';

packages/twenty-front/src/pages/settings/workspace/hooks/useCheckCustomDomainValidRecords.ts

@@ -1,5 +1,5 @@
 import { customDomainRecordsState } from '~/pages/settings/workspace/states/customDomainRecordsState';
-import { useCheckCustomDomainValidRecordsMutation } from '~/generated/graphql';
+import { useCheckCustomDomainValidRecordsMutation } from '~/generated-metadata/graphql';
 import { useSetRecoilState } from 'recoil';
 import { isDefined } from 'twenty-shared/utils';