diff --git a/.cspell.json b/.cspell.json
index 80e1fa3af0..289783a6ff 100644
--- a/.cspell.json
+++ b/.cspell.json
@@ -31,7 +31,8 @@
     "wsproxy",
     "ahooks",
     "lucide",
-    "Signout"
+    "Signout",
+    "Talkativot"
   ],
   "flagWords": [
     "데이터레이크",
diff --git a/react/src/components/ServiceLauncherPageContent.tsx b/react/src/components/ServiceLauncherPageContent.tsx
index 12444bc68f..3ebab9c660 100644
--- a/react/src/components/ServiceLauncherPageContent.tsx
+++ b/react/src/components/ServiceLauncherPageContent.tsx
@@ -88,7 +88,8 @@ interface ServiceCreateConfigType {
 }
 export interface ServiceCreateType {
   name: string;
-  desired_session_count: number;
+  desired_session_count?: number;
+  replicas?: number;
   image: string;
   runtime_variant: string;
   architecture: string;
@@ -106,7 +107,7 @@ export interface ServiceCreateType {
 interface ServiceLauncherInput extends ImageEnvironmentFormInput {
   serviceName: string;
   vFolderID: string;
-  desiredRoutingCount: number;
+  replicas: number;
   openToPublic: boolean;
   modelMountDestination: string;
   modelDefinitionPath: string;
@@ -153,7 +154,8 @@ const ServiceLauncherPageContent: React.FC<ServiceLauncherPageContentProps> = ({
     graphql`
       fragment ServiceLauncherPageContentFragment on Endpoint {
         endpoint_id
-        desired_session_count
+        desired_session_count @deprecatedSince(version: "24.12.0")
+        replicas @since(version: "24.12.0")
         resource_group
         resource_slots
         resource_opts
@@ -264,7 +266,7 @@ const ServiceLauncherPageContent: React.FC<ServiceLauncherPageContentProps> = ({
   const legacyMutationToUpdateService = useTanMutation({
     mutationFn: (values: ServiceLauncherFormValue) => {
       const body = {
-        to: values.desiredRoutingCount,
+        to: values.replicas,
       };
       return baiSignedRequestWithPromise({
         method: 'POST',
@@ -289,7 +291,8 @@ const ServiceLauncherPageContent: React.FC<ServiceLauncherPageContentProps> = ({
       }
       const body: ServiceCreateType = {
         name: values.serviceName,
-        desired_session_count: values.desiredRoutingCount,
+        // REST API does not support `replicas` field. To use `replicas` field, we need `create_endpoint` mutation.
+        desired_session_count: values.replicas,
         ...getImageInfoFromInputInCreating(
           checkManualImageAllowed(
             baiClient._config.allow_manual_image_name_for_session,
@@ -407,7 +410,8 @@ const ServiceLauncherPageContent: React.FC<ServiceLauncherPageContentProps> = ({
         msg
         endpoint {
           endpoint_id
-          desired_session_count
+          desired_session_count @deprecatedSince(version: "24.12.0")
+          replicas @since(version: "24.12.0")
           resource_group
           resource_slots
           resource_opts
@@ -500,7 +504,11 @@ const ServiceLauncherPageContent: React.FC<ServiceLauncherPageContentProps> = ({
                       ? 'SINGLE_NODE'
                       : 'MULTI_NODE',
                   cluster_size: values.cluster_size,
-                  desired_session_count: values.desiredRoutingCount,
+                  ...(baiClient.supports('replicas')
+                    ? { replicas: values.replicas }
+                    : {
+                        desired_session_count: values.replicas,
+                      }),
                   ...getImageInfoFromInputInEditing(
                     checkManualImageAllowed(
                       baiClient._config.allow_manual_image_name_for_session,
@@ -643,7 +651,7 @@ const ServiceLauncherPageContent: React.FC<ServiceLauncherPageContentProps> = ({
         serviceName: endpoint?.name,
         resourceGroup: endpoint?.resource_group,
         allocationPreset: 'custom',
-        desiredRoutingCount: endpoint?.desired_session_count ?? 1,
+        replicas: endpoint?.replicas ?? endpoint?.desired_session_count ?? 1,
         // FIXME: memory doesn't applied to resource allocation
         resource: {
           cpu: parseInt(JSON.parse(endpoint?.resource_slots || '{}')?.cpu),
@@ -692,7 +700,7 @@ const ServiceLauncherPageContent: React.FC<ServiceLauncherPageContentProps> = ({
         // TODO: set mounts alias map according to extra_mounts if possible
       }
     : {
-        desiredRoutingCount: 1,
+        replicas: 1,
         runtimeVariant: 'custom',
         ...RESOURCE_ALLOCATION_INITIAL_FORM_VALUES,
         ...(baiClient._config?.default_session_environment && {
@@ -899,8 +907,8 @@ const ServiceLauncherPageContent: React.FC<ServiceLauncherPageContentProps> = ({
                     </>
                   )}
                   <Form.Item
-                    label={t('modelService.DesiredRoutingCount')}
-                    name="desiredRoutingCount"
+                    label={t('modelService.Replicas')}
+                    name={'replicas'}
                     rules={[
                       {
                         required: true,
diff --git a/react/src/components/ServiceValidationView.tsx b/react/src/components/ServiceValidationView.tsx
index 4c1b1fa4fe..a581a7ad35 100644
--- a/react/src/components/ServiceValidationView.tsx
+++ b/react/src/components/ServiceValidationView.tsx
@@ -53,7 +53,11 @@ const ServiceValidationView: React.FC<ServiceValidationModalProps> = ({
       const image: string = `${values.environments.image?.registry}/${values.environments.image?.name}:${values.environments.image?.tag}`;
       const body: ServiceCreateType = {
         name: values.serviceName,
-        desired_session_count: values.desiredRoutingCount,
+        ...(baiClient.supports('replicas')
+          ? { replicas: values.replicas }
+          : {
+              desired_session_count: values.replicas,
+            }),
         image: image,
         runtime_variant: values.runtimeVariant,
         architecture: values.environments.image?.architecture as string,
diff --git a/react/src/pages/EndpointDetailPage.tsx b/react/src/pages/EndpointDetailPage.tsx
index 876ffde2bf..692b9e9068 100644
--- a/react/src/pages/EndpointDetailPage.tsx
+++ b/react/src/pages/EndpointDetailPage.tsx
@@ -18,6 +18,7 @@ import {
   useWebUINavigate,
 } from '../hooks';
 import { useCurrentUserInfo } from '../hooks/backendai';
+import { useBAIPaginationOptionState } from '../hooks/reactPaginationQueryOptions';
 import { useTanMutation } from '../hooks/reactQueryAlias';
 import { isDestroyingStatus } from './EndpointListPage';
 import {
@@ -68,7 +69,8 @@ interface RoutingInfo {
 export interface ModelServiceInfo {
   endpoint_id: string;
   name: string;
-  desired_session_count: number;
+  desired_session_count?: number;
+  replicas?: number;
   active_routes: RoutingInfo[];
   service_endpoint: string;
   is_public: boolean;
@@ -91,12 +93,14 @@ const dayDiff = (a: any, b: any) => {
 const EndpointDetailPage: React.FC<EndpointDetailPageProps> = () => {
   const { t } = useTranslation();
   const { token } = theme.useToken();
-  const baiClient = useSuspendedBackendaiClient();
-  const navigate = useNavigate();
+  const { message } = App.useApp();
+  const { baiPaginationOption } = useBAIPaginationOptionState({
+    current: 1,
+    pageSize: 100,
+  });
   const { serviceId } = useParams<{
     serviceId: string;
   }>();
-
   const [fetchKey, updateFetchKey] = useUpdatableState('initial-fetch');
   const [isPendingRefetch, startRefetchTransition] = useTransition();
   const [isPendingClearError, startClearErrorTransition] = useTransition();
@@ -107,14 +111,8 @@ const EndpointDetailPage: React.FC<EndpointDetailPageProps> = () => {
   const [openChatModal, setOpenChatModal] = useState(false);
   const [currentUser] = useCurrentUserInfo();
   // const curProject = useCurrentProjectValue();
-  const [paginationState] = useState<{
-    current: number;
-    pageSize: number;
-  }>({
-    current: 1,
-    pageSize: 100,
-  });
-  const { message } = App.useApp();
+  const baiClient = useSuspendedBackendaiClient();
+  const navigate = useNavigate();
   const webuiNavigate = useWebUINavigate();
   const { open } = useFolderExplorerOpener();
   const [selectedSessionId, setSelectedSessionId] = useState<string>();
@@ -151,7 +149,8 @@ const EndpointDetailPage: React.FC<EndpointDetailPageProps> = () => {
               size_bytes
               supported_accelerators
             }
-            desired_session_count
+            desired_session_count @deprecatedSince(version: "24.12.0")
+            replicas @since(version: "24.12.0")
             url
             open_to_public
             errors {
@@ -207,9 +206,8 @@ const EndpointDetailPage: React.FC<EndpointDetailPageProps> = () => {
         }
       `,
       {
-        tokenListOffset:
-          (paginationState.current - 1) * paginationState.pageSize,
-        tokenListLimit: paginationState.pageSize,
+        tokenListOffset: baiPaginationOption.offset,
+        tokenListLimit: baiPaginationOption.limit,
         endpointId: serviceId || '',
       },
       {
@@ -298,7 +296,7 @@ const EndpointDetailPage: React.FC<EndpointDetailPageProps> = () => {
     },
     {
       label: t('modelService.DesiredSessionCount'),
-      children: endpoint?.desired_session_count,
+      children: endpoint?.desired_session_count ?? endpoint?.replicas,
     },
     {
       label: t('modelService.ServiceEndpoint'),
@@ -481,7 +479,7 @@ const EndpointDetailPage: React.FC<EndpointDetailPageProps> = () => {
             loading={isPendingRefetch}
             icon={<ReloadOutlined />}
             disabled={isDestroyingStatus(
-              endpoint?.desired_session_count,
+              endpoint?.desired_session_count ?? endpoint?.replicas,
               endpoint?.status,
             )}
             onClick={() => {
@@ -502,7 +500,7 @@ const EndpointDetailPage: React.FC<EndpointDetailPageProps> = () => {
             icon={<SettingOutlined />}
             disabled={
               isDestroyingStatus(
-                endpoint?.desired_session_count,
+                endpoint?.desired_session_count ?? endpoint?.replicas,
                 endpoint?.status,
               ) ||
               (!!endpoint?.created_user_email &&
@@ -532,7 +530,7 @@ const EndpointDetailPage: React.FC<EndpointDetailPageProps> = () => {
             type="primary"
             icon={<PlusOutlined />}
             disabled={isDestroyingStatus(
-              endpoint?.desired_session_count,
+              endpoint?.desired_session_count ?? endpoint?.replicas,
               endpoint?.status,
             )}
             onClick={() => {
@@ -562,14 +560,14 @@ const EndpointDetailPage: React.FC<EndpointDetailPageProps> = () => {
               fixed: 'left',
               render: (text, row) => (
                 <Typography.Text ellipsis copyable style={{ width: 150 }}>
-                  {row.token}
+                  {row?.token}
                 </Typography.Text>
               ),
             },
             {
               title: 'Status',
               render: (text, row) => {
-                const isExpired = dayjs.utc(row.valid_until).isBefore();
+                const isExpired = dayjs.utc(row?.valid_until).isBefore();
                 return (
                   <Tag color={isExpired ? 'red' : 'green'}>
                     {isExpired ? 'Expired' : 'Valid'}
@@ -585,7 +583,7 @@ const EndpointDetailPage: React.FC<EndpointDetailPageProps> = () => {
                   {
                     // FIXME: temporally parse UTC and change to timezone (timezone need to be added in server side)
                     row.valid_until
-                      ? dayjs.utc(row.valid_until).tz().format('ll LTS')
+                      ? dayjs.utc(row?.valid_until).tz().format('ll LTS')
                       : '-'
                   }
                 </span>
@@ -598,7 +596,7 @@ const EndpointDetailPage: React.FC<EndpointDetailPageProps> = () => {
               title: 'Created at',
               dataIndex: 'created_at',
               render: (text, row) => (
-                <span>{dayjs(row.created_at).format('ll LT')}</span>
+                <span>{dayjs(row?.created_at).format('ll LT')}</span>
               ),
               defaultSortOrder: 'descend',
               sortDirections: ['descend', 'ascend', 'descend'],
@@ -618,7 +616,7 @@ const EndpointDetailPage: React.FC<EndpointDetailPageProps> = () => {
               icon={<SyncOutlined />}
               loading={mutationToSyncRoutes.isPending}
               disabled={isDestroyingStatus(
-                endpoint?.desired_session_count,
+                endpoint?.desired_session_count ?? endpoint?.replicas,
                 endpoint?.status,
               )}
               onClick={() => {
@@ -674,20 +672,20 @@ const EndpointDetailPage: React.FC<EndpointDetailPageProps> = () => {
                 row.status && (
                   <>
                     <Tag
-                      color={applyStatusColor(row.status)}
-                      key={row.status}
+                      color={applyStatusColor(row?.status)}
+                      key={row?.status}
                       style={{ marginRight: 0 }}
                     >
-                      {row.status.toUpperCase()}
+                      {row?.status.toUpperCase()}
                     </Tag>
-                    {row.status === 'FAILED_TO_START' && row.session && (
+                    {row?.status === 'FAILED_TO_START' && row?.session && (
                       <Button
                         size="small"
                         type="text"
                         icon={<QuestionCircleOutlined />}
                         style={{ color: token.colorTextSecondary }}
                         onClick={() => {
-                          row.session && openSessionErrorModal(row.session);
+                          row?.session && openSessionErrorModal(row?.session);
                         }}
                       />
                     )}
diff --git a/react/src/pages/EndpointListPage.tsx b/react/src/pages/EndpointListPage.tsx
index b2d8f847bc..569f7bc339 100644
--- a/react/src/pages/EndpointListPage.tsx
+++ b/react/src/pages/EndpointListPage.tsx
@@ -3,13 +3,18 @@ import EndpointOwnerInfo from '../components/EndpointOwnerInfo';
 import EndpointStatusTag from '../components/EndpointStatusTag';
 import Flex from '../components/Flex';
 import TableColumnsSettingModal from '../components/TableColumnsSettingModal';
-import { baiSignedRequestWithPromise, filterEmptyItem } from '../helper';
+import {
+  baiSignedRequestWithPromise,
+  filterEmptyItem,
+  transformSorterToOrderString,
+} from '../helper';
 import {
   useSuspendedBackendaiClient,
   useUpdatableState,
   useWebUINavigate,
 } from '../hooks';
 import { useCurrentUserInfo, useCurrentUserRole } from '../hooks/backendai';
+import { useBAIPaginationOptionState } from '../hooks/reactPaginationQueryOptions';
 // import { getSortOrderByName } from '../hooks/reactPaginationQueryOptions';
 import { useTanMutation } from '../hooks/reactQueryAlias';
 import { useCurrentProjectValue } from '../hooks/useCurrentProject';
@@ -37,7 +42,6 @@ import React, {
   useState,
   useTransition,
   startTransition as startTransitionWithoutPendingState,
-  useDeferredValue,
 } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLazyLoadQuery } from 'react-relay';
@@ -66,37 +70,29 @@ type LifecycleStage = 'created&destroying' | 'destroyed';
 
 const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
   const { t } = useTranslation();
-  const { message, modal } = App.useApp();
-  const baiClient = useSuspendedBackendaiClient();
-  const webuiNavigate = useWebUINavigate();
   const { token } = theme.useToken();
-  const curProject = useCurrentProjectValue();
+  const { message, modal } = App.useApp();
   const [visibleColumnSettingModal, { toggle: toggleColumnSettingModal }] =
     useToggle();
   const [selectedLifecycleStage, setSelectedLifecycleStage] =
     useState<LifecycleStage>('created&destroying');
-  const deferredSelectedLifecycleStage = useDeferredValue(
-    selectedLifecycleStage,
-  );
-  const [paginationState, setPaginationState] = useState<{
-    current: number;
-    pageSize: number;
-  }>({
+
+  const {
+    baiPaginationOption,
+    tablePaginationOption,
+    setTablePaginationOption,
+  } = useBAIPaginationOptionState({
     current: 1,
     pageSize: 10,
   });
-
-  const deferredPaginationState = useDeferredValue(paginationState);
-  const isPendingPaginationAndFilter =
-    selectedLifecycleStage !== deferredSelectedLifecycleStage ||
-    paginationState !== deferredPaginationState;
   const lifecycleStageFilter =
-    deferredSelectedLifecycleStage === 'created&destroying'
+    selectedLifecycleStage === 'created&destroying'
       ? `lifecycle_stage == "created" | lifecycle_stage == "destroying"`
-      : `lifecycle_stage == "${deferredSelectedLifecycleStage}"`;
+      : `lifecycle_stage == "${selectedLifecycleStage}"`;
 
   const [isRefetchPending, startRefetchTransition] = useTransition();
   const [isFilterPending, startFilterTransition] = useTransition();
+  const [isPendingPageChange, startPageChangeTransition] = useTransition();
   const [servicesFetchKey, updateServicesFetchKey] =
     useUpdatableState('initial-fetch');
   const [optimisticDeletingId, setOptimisticDeletingId] = useState<
@@ -104,22 +100,23 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
   >();
 
   const [filterStr, setFilterStr] = useQueryParam('filter', StringParam);
+  const [order, setOrder] = useState<string>();
   const [currentUser] = useCurrentUserInfo();
   const currentUserRole = useCurrentUserRole();
-
-  // const [selectedGeneration, setSelectedGeneration] = useState<
-  //   "current" | "next"
-  // >("next");
+  const curProject = useCurrentProjectValue();
+  const baiClient = useSuspendedBackendaiClient();
+  const webuiNavigate = useWebUINavigate();
 
   const columns: ColumnsType<Endpoint> = [
     {
       title: t('modelService.EndpointName'),
-      dataIndex: 'endpoint_id',
+      dataIndex: 'name',
       key: 'endpointName',
       fixed: 'left',
-      render: (endpoint_id, row) => (
-        <Link to={'/serving/' + endpoint_id}>{row.name}</Link>
+      render: (name, row) => (
+        <Link to={'/serving/' + row?.endpoint_id}>{name}</Link>
       ),
+      sorter: true,
     },
     {
       title: t('modelService.EndpointId'),
@@ -132,12 +129,12 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
     },
     {
       title: t('modelService.ServiceEndpoint'),
-      dataIndex: 'endpoint_id',
+      dataIndex: 'url',
       key: 'url',
-      render: (endpoint_id, row) =>
-        row.url ? (
-          <Typography.Link copyable href={row.url} target="_blank">
-            {row.url}
+      render: (url) =>
+        url ? (
+          <Typography.Link copyable href={url} target="_blank">
+            {url}
           </Typography.Link>
         ) : (
           '-'
@@ -153,9 +150,12 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
             type="text"
             icon={<SettingOutlined />}
             style={
-              isDestroyingStatus(row?.desired_session_count, row?.status) ||
-              (!!row.created_user_email &&
-                row.created_user_email !== currentUser.email)
+              isDestroyingStatus(
+                row?.desired_session_count ?? row?.replicas,
+                row?.status,
+              ) ||
+              (!!row?.created_user_email &&
+                row?.created_user_email !== currentUser.email)
                 ? {
                     color: token.colorTextDisabled,
                   }
@@ -164,9 +164,12 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
                   }
             }
             disabled={
-              isDestroyingStatus(row?.desired_session_count, row?.status) ||
-              (!!row.created_user_email &&
-                row.created_user_email !== currentUser.email)
+              isDestroyingStatus(
+                row?.desired_session_count ?? row?.replicas,
+                row?.status,
+              ) ||
+              (!!row?.created_user_email &&
+                row?.created_user_email !== currentUser.email)
             }
             onClick={() => {
               webuiNavigate('/service/update/' + row.endpoint_id);
@@ -177,7 +180,10 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
             icon={
               <DeleteOutlined
                 style={
-                  isDestroyingStatus(row?.desired_session_count, row?.status)
+                  isDestroyingStatus(
+                    row?.desired_session_count ?? row?.replicas,
+                    row?.status,
+                  )
                     ? undefined
                     : {
                         color: token.colorError,
@@ -187,16 +193,16 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
             }
             loading={
               terminateModelServiceMutation.isPending &&
-              optimisticDeletingId === row.endpoint_id
+              optimisticDeletingId === row?.endpoint_id
             }
             disabled={isDestroyingStatus(
-              row?.desired_session_count,
+              row?.desired_session_count ?? row?.replicas,
               row?.status,
             )}
             onClick={() => {
               modal.confirm({
                 title: t('dialog.ask.DoYouWantToDeleteSomething', {
-                  name: row.name,
+                  name: row?.name,
                 }),
                 content: t('dialog.warning.CannotBeUndone'),
                 okText: t('button.Delete'),
@@ -205,10 +211,10 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
                   type: 'primary',
                 },
                 onOk: () => {
-                  setOptimisticDeletingId(row.endpoint_id);
+                  setOptimisticDeletingId(row?.endpoint_id);
                   // FIXME: any better idea for handling result?
                   row.endpoint_id &&
-                    terminateModelServiceMutation.mutate(row.endpoint_id, {
+                    terminateModelServiceMutation.mutate(row?.endpoint_id, {
                       onSuccess: (res) => {
                         startRefetchTransition(() => {
                           updateServicesFetchKey();
@@ -274,7 +280,9 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
     },
     {
       title: t('modelService.DesiredSessionCount'),
-      dataIndex: 'desired_session_count',
+      dataIndex: baiClient.supports('replicas')
+        ? 'replicas'
+        : 'desired_session_count',
       key: 'desiredSessionCount',
       render: (desired_session_count) => {
         return desired_session_count < 0 ? '-' : desired_session_count;
@@ -294,9 +302,9 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
       key: 'routingCount',
       render: (text, row) => {
         return (
-          _.filter(row.routings, (r) => r?.status === 'HEALTHY').length +
+          _.filter(row?.routings, (r) => r?.status === 'HEALTHY').length +
           ' / ' +
-          row.routings?.length
+          row?.routings?.length
         );
         // [r for r in endpoint.routings if r.status == RouteStatus.HEALTHY]
       },
@@ -305,7 +313,7 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
       title: t('modelService.Public'),
       key: 'public',
       render: (text, row) =>
-        row.open_to_public ? (
+        row?.open_to_public ? (
           <CheckOutlined style={{ color: token.colorSuccess }} />
         ) : (
           <CloseOutlined style={{ color: token.colorTextSecondary }} />
@@ -329,12 +337,14 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
           $limit: Int!
           $projectID: UUID
           $filter: String
+          $order: String
         ) {
           endpoint_list(
             offset: $offset
             limit: $limit
             project: $projectID
             filter: $filter
+            order: $order
           ) {
             total_count
             items {
@@ -349,7 +359,8 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
               url
               open_to_public
               created_at @since(version: "23.09.0")
-              desired_session_count @required(action: NONE)
+              desired_session_count @deprecatedSince(version: "24.12.0")
+              replicas @since(version: "24.12.0")
               routings {
                 routing_id
                 endpoint
@@ -369,10 +380,8 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
         }
       `,
       {
-        offset:
-          (deferredPaginationState.current - 1) *
-          deferredPaginationState.pageSize,
-        limit: deferredPaginationState.pageSize,
+        offset: baiPaginationOption.offset,
+        limit: baiPaginationOption.limit,
         projectID: curProject.id,
         filter: baiClient.supports('endpoint-lifecycle-stage-filter')
           ? [lifecycleStageFilter, filterStr]
@@ -380,13 +389,13 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
               .map((v) => `(${v})`)
               .join(' & ')
           : undefined,
+        order,
       },
       {
         fetchPolicy: 'network-only',
         fetchKey: servicesFetchKey,
       },
     );
-  const sortedEndpointList = _.sortBy(modelServiceList?.items, 'name');
 
   // FIXME: struggling with sending data when active tab changes!
   // const runningModelServiceList = modelServiceList?.filter(
@@ -439,11 +448,12 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
               <Radio.Group
                 value={selectedLifecycleStage}
                 onChange={(e) => {
-                  setSelectedLifecycleStage(e.target?.value);
-                  // reset pagination state when filter changes
-                  setPaginationState({
-                    current: 1,
-                    pageSize: paginationState.pageSize,
+                  startPageChangeTransition(() => {
+                    setSelectedLifecycleStage(e.target?.value);
+                    setTablePaginationOption({
+                      current: 1,
+                      pageSize: 10,
+                    });
                   });
                 }}
                 optionType="button"
@@ -528,30 +538,36 @@ const EndpointListPage: React.FC<PropsWithChildren> = ({ children }) => {
       </Flex>
       <Table
         loading={{
-          spinning: isPendingPaginationAndFilter || isFilterPending,
+          spinning: isFilterPending || isPendingPageChange,
           indicator: <LoadingOutlined />,
         }}
         scroll={{ x: 'max-content' }}
         rowKey={'endpoint_id'}
-        dataSource={(sortedEndpointList || []) as Endpoint[]}
+        dataSource={(modelServiceList?.items || []) as Endpoint[]}
         columns={_.filter(
           columns,
           (column) => !_.includes(hiddenColumnKeys, _.toString(column?.key)),
         )}
+        sortDirections={['descend', 'ascend', 'descend']}
         pagination={{
-          pageSize: paginationState.pageSize,
-          current: paginationState.current,
+          pageSize: tablePaginationOption.pageSize,
+          current: tablePaginationOption.current,
           pageSizeOptions: ['10', '20', '50'],
           total: modelServiceList?.total_count || 0,
           showSizeChanger: true,
-          onChange(page, pageSize) {
-            setPaginationState({
-              current: page,
-              pageSize: pageSize,
-            });
-          },
           style: { marginRight: token.marginXS },
         }}
+        onChange={({ pageSize, current }, filter, sorter) => {
+          startPageChangeTransition(() => {
+            if (_.isNumber(current) && _.isNumber(pageSize)) {
+              setTablePaginationOption({
+                current,
+                pageSize,
+              });
+            }
+            setOrder(transformSorterToOrderString(sorter));
+          });
+        }}
       />
       <Flex
         justify="end"
diff --git a/resources/i18n/de.json b/resources/i18n/de.json
index 47d566a05d..ff0fa2043a 100644
--- a/resources/i18n/de.json
+++ b/resources/i18n/de.json
@@ -1555,7 +1555,6 @@
     "ServiceName": "Dienst Name",
     "ServiceNameRule": "Erlauben Sie nur alphanumerische Zeichen, Unterstriche (_) und Bindestriche (-) und müssen mit einem alphanumerischen Zeichen enden.",
     "OpenToPublic": "Offen für die Öffentlichkeit",
-    "DesiredRoutingCount": "Gewünschte Routinganzahl",
     "ServingRouteErrorModalTitle": "Serving Route Fehler",
     "SessionId": "Sitzungs-ID",
     "Services": "Dienstleistungen",
@@ -1613,7 +1612,8 @@
     "Chatting": "Chatten",
     "ServiceNameMinLength": "Bitte geben Sie mindestens 4 Zeichen ein.",
     "ServiceNameMaxLength": "Bitte geben Sie maximal 24 Zeichen ein.",
-    "ServiceNameCannotStartWithHyphen": "Bindestriche (-) dürfen an beiden Enden nicht verwendet werden."
+    "ServiceNameCannotStartWithHyphen": "Bindestriche (-) dürfen an beiden Enden nicht verwendet werden.",
+    "Replicas": "Replik"
   },
   "ErrorBoundary": {
     "title": "Es ist ein Fehler aufgetreten.",
diff --git a/resources/i18n/el.json b/resources/i18n/el.json
index be864c6f04..1bf1588bae 100644
--- a/resources/i18n/el.json
+++ b/resources/i18n/el.json
@@ -1555,7 +1555,6 @@
     "ServiceName": "Όνομα υπηρεσίας",
     "ServiceNameRule": "Επιτρέπονται μόνο αλφαριθμητικά, κάτω παύλα(_) και παύλα(-) και πρέπει να τελειώνει με αλφαριθμητικό χαρακτήρα.",
     "OpenToPublic": "Ανοιχτό για το κοινό",
-    "DesiredRoutingCount": "Επιθυμητός αριθμός δρομολόγησης",
     "ServingRouteErrorModalTitle": "Σφάλμα διαδρομής εξυπηρέτησης",
     "SessionId": "Αναγνωριστικό συνεδρίας",
     "Services": "Υπηρεσίες",
@@ -1613,7 +1612,8 @@
     "Chatting": "Συζήτηση",
     "ServiceNameMinLength": "Εισαγάγετε τουλάχιστον 4 χαρακτήρες.",
     "ServiceNameMaxLength": "Εισαγάγετε 24 χαρακτήρες ή λιγότερους.",
-    "ServiceNameCannotStartWithHyphen": "Οι παύλες (-) δεν μπορούν να χρησιμοποιηθούν σε κανένα άκρο."
+    "ServiceNameCannotStartWithHyphen": "Οι παύλες (-) δεν μπορούν να χρησιμοποιηθούν σε κανένα άκρο.",
+    "Replicas": "Πανομοιότυπο"
   },
   "ErrorBoundary": {
     "title": "Εμφανίστηκε σφάλμα.",
diff --git a/resources/i18n/en.json b/resources/i18n/en.json
index 277524f01f..688cc570db 100644
--- a/resources/i18n/en.json
+++ b/resources/i18n/en.json
@@ -450,7 +450,6 @@
     "StartNewServing": "Start new serving",
     "ServiceName": "Service Name",
     "OpenToPublic": "Open To Public",
-    "DesiredRoutingCount": "Desired Routing Count",
     "DesiredSessionCount": "Desired Session Count",
     "EndpointName": "Endpoint Name",
     "EndpointId": "Endpoint ID",
@@ -522,7 +521,8 @@
     "Chatting": "Chatting",
     "ServiceNameMinLength": "Please enter at least 4 characters.",
     "ServiceNameMaxLength": "Please enter 24 characters or less.",
-    "ServiceNameCannotStartWithHyphen": "Hyphens (-) cannot be used at either end."
+    "ServiceNameCannotStartWithHyphen": "Hyphens (-) cannot be used at either end.",
+    "Replicas": "Replica"
   },
   "button": {
     "Cancel": "Cancel",
diff --git a/resources/i18n/es.json b/resources/i18n/es.json
index 0462322e94..c2dea0e6de 100644
--- a/resources/i18n/es.json
+++ b/resources/i18n/es.json
@@ -793,7 +793,6 @@
     "Controls": "Controla",
     "CreatedAt": "Creado en",
     "CurrentTime": "Hora actual",
-    "DesiredRoutingCount": "Recuento de rutas deseado",
     "DesiredSessionCount": "Recuento de sesiones deseado",
     "EditModelService": "Editar modelo de servicio",
     "EndpointId": "ID de punto final",
@@ -864,7 +863,8 @@
     "Chatting": "Charlando",
     "ServiceNameMinLength": "Por favor ingrese al menos 4 caracteres.",
     "ServiceNameMaxLength": "Por favor ingrese 24 caracteres o menos.",
-    "ServiceNameCannotStartWithHyphen": "No se pueden utilizar guiones (-) en ninguno de los extremos."
+    "ServiceNameCannotStartWithHyphen": "No se pueden utilizar guiones (-) en ninguno de los extremos.",
+    "Replicas": "Réplica"
   },
   "notification": {
     "Initializing": "Inicializando...",
diff --git a/resources/i18n/fi.json b/resources/i18n/fi.json
index f18787c35a..9e1b882b27 100644
--- a/resources/i18n/fi.json
+++ b/resources/i18n/fi.json
@@ -791,7 +791,6 @@
     "Controls": "Ohjaimet",
     "CreatedAt": "Created at",
     "CurrentTime": "Nykyinen aika",
-    "DesiredRoutingCount": "Haluttu reititysmäärä",
     "DesiredSessionCount": "Haluttu istunnon määrä",
     "EditModelService": "Muokkaa mallipalvelua",
     "EndpointId": "Päätepisteen tunnus",
@@ -861,7 +860,8 @@
     "RuntimeVariant": "Päättelyn suoritusaikamuunnos",
     "ServiceNameMinLength": "Kirjoita vähintään 4 merkkiä.",
     "ServiceNameMaxLength": "Anna enintään 24 merkkiä.",
-    "ServiceNameCannotStartWithHyphen": "Tavuviivoja (-) ei voi käyttää kummassakaan päässä."
+    "ServiceNameCannotStartWithHyphen": "Tavuviivoja (-) ei voi käyttää kummassakaan päässä.",
+    "Replicas": "Kopio"
   },
   "notification": {
     "Initializing": "Aloitetaan...",
diff --git a/resources/i18n/fr.json b/resources/i18n/fr.json
index 904ecff0eb..feb95cfe96 100644
--- a/resources/i18n/fr.json
+++ b/resources/i18n/fr.json
@@ -1596,7 +1596,6 @@
     "StartNewServing": "Commencer une nouvelle distribution",
     "ServiceName": "Nom du service",
     "OpenToPublic": "Ouvert au public",
-    "DesiredRoutingCount": "Nombre d'acheminements souhaités",
     "Services": "Services",
     "RoutingInfo": "Informations sur le routage",
     "ServiceInfo": "Informations sur le service",
@@ -1666,7 +1665,8 @@
     "Chatting": "Bavardage",
     "ServiceNameMinLength": "Veuillez saisir au moins 4 caractères.",
     "ServiceNameMaxLength": "Veuillez saisir 24 caractères ou moins.",
-    "ServiceNameCannotStartWithHyphen": "Les tirets (-) ne peuvent pas être utilisés à chaque extrémité."
+    "ServiceNameCannotStartWithHyphen": "Les tirets (-) ne peuvent pas être utilisés à chaque extrémité.",
+    "Replicas": "Réplique"
   },
   "ErrorBoundary": {
     "title": "Une erreur s'est produite.",
diff --git a/resources/i18n/id.json b/resources/i18n/id.json
index f715a22cbd..914ea9a12f 100644
--- a/resources/i18n/id.json
+++ b/resources/i18n/id.json
@@ -1597,7 +1597,6 @@
     "StartNewServing": "Memulai sajian baru",
     "ServiceName": "Nama Layanan",
     "OpenToPublic": "Terbuka Untuk Umum",
-    "DesiredRoutingCount": "Jumlah Perutean yang Diinginkan",
     "Services": "Layanan",
     "RoutingInfo": "Info Perutean",
     "ServiceInfo": "Info Layanan",
@@ -1666,7 +1665,8 @@
     "Chatting": "Mengobrol",
     "ServiceNameMinLength": "Silakan masukkan setidaknya 4 karakter.",
     "ServiceNameMaxLength": "Silakan masukkan 24 karakter atau kurang.",
-    "ServiceNameCannotStartWithHyphen": "Tanda hubung (-) tidak dapat digunakan pada kedua ujungnya."
+    "ServiceNameCannotStartWithHyphen": "Tanda hubung (-) tidak dapat digunakan pada kedua ujungnya.",
+    "Replicas": "Replika"
   },
   "ErrorBoundary": {
     "title": "Telah terjadi kesalahan.",
diff --git a/resources/i18n/it.json b/resources/i18n/it.json
index 5f0e91af14..8ad8b1d5e9 100644
--- a/resources/i18n/it.json
+++ b/resources/i18n/it.json
@@ -1555,7 +1555,6 @@
     "ServiceName": "Nome del servizio",
     "ServiceNameRule": "Consenti solo caratteri alfanumerici, trattino basso (_) e trattino (-) e deve terminare con un carattere alfanumerico.",
     "OpenToPublic": "Aperto al pubblico",
-    "DesiredRoutingCount": "Conteggio dell'instradamento desiderato",
     "ServingRouteErrorModalTitle": "Errore del percorso di servizio",
     "SessionId": "ID sessione",
     "Services": "Servizi",
@@ -1613,7 +1612,8 @@
     "Chatting": "Chiacchierando",
     "ServiceNameMinLength": "Inserisci almeno 4 caratteri.",
     "ServiceNameMaxLength": "Inserisci 24 caratteri o meno.",
-    "ServiceNameCannotStartWithHyphen": "I trattini (-) non possono essere utilizzati alle due estremità."
+    "ServiceNameCannotStartWithHyphen": "I trattini (-) non possono essere utilizzati alle due estremità.",
+    "Replicas": "Replica"
   },
   "ErrorBoundary": {
     "title": "Si è verificato un errore.",
diff --git a/resources/i18n/ja.json b/resources/i18n/ja.json
index 6799944b06..aa2f5f5773 100644
--- a/resources/i18n/ja.json
+++ b/resources/i18n/ja.json
@@ -1555,7 +1555,6 @@
     "ServiceName": "サービス名",
     "ServiceNameRule": "英数字、アンダースコア (_)、およびハイフン (-) のみを使用でき、英数字で終わる必要があります。",
     "OpenToPublic": "アプリを外部に公開",
-    "DesiredRoutingCount": "希望のルーティング数",
     "ServingRouteErrorModalTitle": "サービングルートエラー",
     "SessionId": "セッションID",
     "Services": "モデルサービス",
@@ -1613,7 +1612,8 @@
     "Chatting": "おしゃべり",
     "ServiceNameMinLength": "少なくとも 4 文字を入力してください。",
     "ServiceNameMaxLength": "24文字以内で入力してください。",
-    "ServiceNameCannotStartWithHyphen": "両端にハイフン（-）を使用することはできません。"
+    "ServiceNameCannotStartWithHyphen": "両端にハイフン（-）を使用することはできません。",
+    "Replicas": "レプリカ"
   },
   "ErrorBoundary": {
     "title": "エラーが発生しました。",
diff --git a/resources/i18n/ko.json b/resources/i18n/ko.json
index 5f6a44c897..0c2a39a5c9 100644
--- a/resources/i18n/ko.json
+++ b/resources/i18n/ko.json
@@ -438,7 +438,6 @@
     "StartNewServing": "새 서비스 시작",
     "ServiceName": "서비스 이름",
     "OpenToPublic": "앱을 외부에 공개",
-    "DesiredRoutingCount": "원하는 라우팅 수",
     "DesiredSessionCount": "원하는 세션 수",
     "EndpointName": "엔드포인트 이름",
     "EndpointId": "엔드포인트 ID",
@@ -510,7 +509,8 @@
     "Chatting": "채팅",
     "ServiceNameMinLength": "4자 이상 입력해주세요.",
     "ServiceNameMaxLength": "24자 이하로 입력해주세요.",
-    "ServiceNameCannotStartWithHyphen": "하이픈(-)은 양쪽 끝에 사용할 수 없습니다."
+    "ServiceNameCannotStartWithHyphen": "하이픈(-)은 양쪽 끝에 사용할 수 없습니다.",
+    "Replicas": "레플리카"
   },
   "button": {
     "Cancel": "취소",
diff --git a/resources/i18n/mn.json b/resources/i18n/mn.json
index cafe800b9e..c12630beb3 100644
--- a/resources/i18n/mn.json
+++ b/resources/i18n/mn.json
@@ -1596,7 +1596,6 @@
     "StartNewServing": "Шинээр үйлчилж эхлэх",
     "ServiceName": "Үйлчилгээний нэр",
     "OpenToPublic": "Олон нийтэд нээлттэй",
-    "DesiredRoutingCount": "Хүссэн чиглүүлэлтийн тоо",
     "Services": "Үйлчилгээ",
     "RoutingInfo": "Чиглүүлэлтийн мэдээлэл",
     "ServiceInfo": "Үйлчилгээний мэдээлэл",
@@ -1666,7 +1665,8 @@
     "Chatting": "Чатлаж байна",
     "ServiceNameMinLength": "Дор хаяж 4 тэмдэгт оруулна уу.",
     "ServiceNameMaxLength": "24 ба түүнээс бага тэмдэгт оруулна уу.",
-    "ServiceNameCannotStartWithHyphen": "Хоёр төгсгөлд зураас (-) ашиглах боломжгүй."
+    "ServiceNameCannotStartWithHyphen": "Хоёр төгсгөлд зураас (-) ашиглах боломжгүй.",
+    "Replicas": "Хуулбар"
   },
   "ErrorBoundary": {
     "title": "Алдаа гарсан байна.",
diff --git a/resources/i18n/ms.json b/resources/i18n/ms.json
index 5101956c22..5db4b2e423 100644
--- a/resources/i18n/ms.json
+++ b/resources/i18n/ms.json
@@ -1598,7 +1598,6 @@
     "ServiceName": "Nama Perkhidmatan",
     "ServiceNameRule": "Hanya benarkan abjad angka, garis bawah(_), dan sempang(-) dan ia mesti berakhir dengan aksara abjad angka.",
     "OpenToPublic": "Terbuka Kepada Umum",
-    "DesiredRoutingCount": "Kiraan Laluan yang Diingini",
     "ServingRouteErrorModalTitle": "Ralat Laluan Pelayanan",
     "SessionId": "ID Sesi",
     "Services": "Perkhidmatan",
@@ -1656,7 +1655,8 @@
     "Chatting": "Berbual",
     "ServiceNameMinLength": "Sila masukkan sekurang-kurangnya 4 aksara.",
     "ServiceNameMaxLength": "Sila masukkan 24 aksara atau kurang.",
-    "ServiceNameCannotStartWithHyphen": "Tanda sempang (-) tidak boleh digunakan pada kedua-dua hujung."
+    "ServiceNameCannotStartWithHyphen": "Tanda sempang (-) tidak boleh digunakan pada kedua-dua hujung.",
+    "Replicas": "replika"
   },
   "totp": {
     "TotpSetupCompleted": "Didayakan 2FA",
diff --git a/resources/i18n/pl.json b/resources/i18n/pl.json
index 94fdc876c1..7f5268b199 100644
--- a/resources/i18n/pl.json
+++ b/resources/i18n/pl.json
@@ -1555,7 +1555,6 @@
     "ServiceName": "Nazwa usługi",
     "ServiceNameRule": "Zezwalaj tylko na znaki alfanumeryczne, podkreślenie (_) i łącznik (-) i muszą one kończyć się znakiem alfanumerycznym.",
     "OpenToPublic": "Otwarte dla publiczności",
-    "DesiredRoutingCount": "Pożądana liczba tras",
     "ServingRouteErrorModalTitle": "Błąd trasy serwowania",
     "SessionId": "Identyfikator sesji",
     "Services": "Usługi",
@@ -1613,7 +1612,8 @@
     "Chatting": "Czatowanie",
     "ServiceNameMinLength": "Proszę wpisać co najmniej 4 znaki.",
     "ServiceNameMaxLength": "Wprowadź maksymalnie 24 znaki.",
-    "ServiceNameCannotStartWithHyphen": "Łączników (-) nie można używać na żadnym końcu."
+    "ServiceNameCannotStartWithHyphen": "Łączników (-) nie można używać na żadnym końcu.",
+    "Replicas": "Replika"
   },
   "ErrorBoundary": {
     "title": "Wystąpił błąd.",
diff --git a/resources/i18n/pt-BR.json b/resources/i18n/pt-BR.json
index 447a30c19d..b50ab00b34 100644
--- a/resources/i18n/pt-BR.json
+++ b/resources/i18n/pt-BR.json
@@ -1598,7 +1598,6 @@
     "ServiceName": "Nome do serviço",
     "ServiceNameRule": "Permitir apenas alfanumérico, sublinhado (_) e hífen (-) e deve terminar com um caractere alfanumérico.",
     "OpenToPublic": "Aberto ao público",
-    "DesiredRoutingCount": "Contagem de roteiros desejada",
     "ServingRouteErrorModalTitle": "Erro de rota de serviço",
     "SessionId": "ID da sessão",
     "Services": "Serviços",
@@ -1656,7 +1655,8 @@
     "Chatting": "Conversando",
     "ServiceNameMinLength": "Por favor insira pelo menos 4 caracteres.",
     "ServiceNameMaxLength": "Insira 24 caracteres ou menos.",
-    "ServiceNameCannotStartWithHyphen": "Hífens (-) não podem ser usados ​​em nenhuma das extremidades."
+    "ServiceNameCannotStartWithHyphen": "Hífens (-) não podem ser usados ​​em nenhuma das extremidades.",
+    "Replicas": "Réplica"
   },
   "totp": {
     "TotpSetupCompleted": "Ativado 2FA",
diff --git a/resources/i18n/pt.json b/resources/i18n/pt.json
index ca04d423e5..34daf19c2f 100644
--- a/resources/i18n/pt.json
+++ b/resources/i18n/pt.json
@@ -1598,7 +1598,6 @@
     "ServiceName": "Nome do serviço",
     "ServiceNameRule": "Permitir apenas alfanumérico, sublinhado (_) e hífen (-) e deve terminar com um caractere alfanumérico.",
     "OpenToPublic": "Aberto ao público",
-    "DesiredRoutingCount": "Contagem de roteiros desejada",
     "ServingRouteErrorModalTitle": "Erro de rota de serviço",
     "SessionId": "ID da sessão",
     "Services": "Serviços",
@@ -1656,7 +1655,8 @@
     "Chatting": "Conversando",
     "ServiceNameMinLength": "Por favor insira pelo menos 4 caracteres.",
     "ServiceNameMaxLength": "Insira 24 caracteres ou menos.",
-    "ServiceNameCannotStartWithHyphen": "Hífens (-) não podem ser usados ​​em nenhuma das extremidades."
+    "ServiceNameCannotStartWithHyphen": "Hífens (-) não podem ser usados ​​em nenhuma das extremidades.",
+    "Replicas": "Réplica"
   },
   "totp": {
     "TotpSetupCompleted": "Ativado 2FA",
diff --git a/resources/i18n/ru.json b/resources/i18n/ru.json
index f9f21f3a06..fcf4087747 100644
--- a/resources/i18n/ru.json
+++ b/resources/i18n/ru.json
@@ -1596,7 +1596,6 @@
     "StartNewServing": "Запуск новой порции",
     "ServiceName": "Название услуги",
     "OpenToPublic": "Открыт для посещения",
-    "DesiredRoutingCount": "Желаемое количество маршрутов",
     "Services": "Услуги",
     "RoutingInfo": "Маршрутная информация",
     "ServiceInfo": "Служебная информация",
@@ -1666,7 +1665,8 @@
     "Chatting": "Общение",
     "ServiceNameMinLength": "Пожалуйста, введите не менее 4 символов.",
     "ServiceNameMaxLength": "Введите не более 24 символов.",
-    "ServiceNameCannotStartWithHyphen": "Дефисы (-) нельзя использовать ни на одном конце."
+    "ServiceNameCannotStartWithHyphen": "Дефисы (-) нельзя использовать ни на одном конце.",
+    "Replicas": "Реплика"
   },
   "ErrorBoundary": {
     "title": "Произошла ошибка.",
diff --git a/resources/i18n/th.json b/resources/i18n/th.json
index 902a44ca83..d0d038a9f1 100644
--- a/resources/i18n/th.json
+++ b/resources/i18n/th.json
@@ -447,7 +447,6 @@
     "StartNewServing": "เริ่มการให้บริการใหม่",
     "ServiceName": "ชื่อบริการ",
     "OpenToPublic": "เปิดให้สาธารณะ",
-    "DesiredRoutingCount": "จำนวนการกำหนดเส้นทางที่ต้องการ",
     "DesiredSessionCount": "จำนวนเซสชันที่ต้องการ",
     "EndpointName": "ชื่อจุดสิ้นสุด",
     "EndpointId": "รหัสจุดสิ้นสุด",
@@ -519,7 +518,8 @@
     "Chatting": "การแชท",
     "ServiceNameMinLength": "กรุณากรอกอย่างน้อย 4 ตัวอักษร",
     "ServiceNameMaxLength": "โปรดป้อนอักขระ 24 ตัวหรือน้อยกว่า",
-    "ServiceNameCannotStartWithHyphen": "เครื่องหมายยัติภังค์ (-) ไม่สามารถใช้ที่ปลายทั้งสองข้างได้"
+    "ServiceNameCannotStartWithHyphen": "เครื่องหมายยัติภังค์ (-) ไม่สามารถใช้ที่ปลายทั้งสองข้างได้",
+    "Replicas": "แบบจำลอง"
   },
   "button": {
     "Cancel": "ยกเลิก",
diff --git a/resources/i18n/tr.json b/resources/i18n/tr.json
index 023e4eebf1..0b18954a9f 100644
--- a/resources/i18n/tr.json
+++ b/resources/i18n/tr.json
@@ -1554,7 +1554,6 @@
     "ServiceName": "Hizmet Adı",
     "ServiceNameRule": "Yalnızca alfasayısal, alt çizgi(_) ve kısa çizgiye(-) izin verilir ve alfasayısal bir karakterle bitmelidir.",
     "OpenToPublic": "Halka Açık",
-    "DesiredRoutingCount": "İstenen Yönlendirme Sayısı",
     "ServingRouteErrorModalTitle": "Hizmet Veren Rota Hatası",
     "SessionId": "Oturum Kimliği",
     "Services": "Hizmetler",
@@ -1612,7 +1611,8 @@
     "Chatting": "Sohbet",
     "ServiceNameMinLength": "Lütfen en az 4 karakter giriniz.",
     "ServiceNameMaxLength": "Lütfen 24 veya daha az karakter girin.",
-    "ServiceNameCannotStartWithHyphen": "Kısa çizgi (-) her iki uçta da kullanılamaz."
+    "ServiceNameCannotStartWithHyphen": "Kısa çizgi (-) her iki uçta da kullanılamaz.",
+    "Replicas": "Çoğaltma"
   },
   "ErrorBoundary": {
     "title": "Bir hata oluştu.",
diff --git a/resources/i18n/vi.json b/resources/i18n/vi.json
index 1c35376411..53bf20a612 100644
--- a/resources/i18n/vi.json
+++ b/resources/i18n/vi.json
@@ -1598,7 +1598,6 @@
     "ServiceName": "Tên dịch vụ",
     "ServiceNameRule": "Chỉ cho phép chữ và số, dấu gạch dưới (_), dấu gạch nối (-) và phải kết thúc bằng ký tự chữ và số.",
     "OpenToPublic": "Mở cửa cho công chúng",
-    "DesiredRoutingCount": "Số lượng định tuyến mong muốn",
     "ServingRouteErrorModalTitle": "Lỗi tuyến đường phục vụ",
     "SessionId": "ID phiên",
     "Services": "Dịch vụ",
@@ -1656,7 +1655,8 @@
     "Chatting": "Trò chuyện",
     "ServiceNameMinLength": "Vui lòng nhập ít nhất 4 ký tự.",
     "ServiceNameMaxLength": "Vui lòng nhập 24 ký tự trở xuống.",
-    "ServiceNameCannotStartWithHyphen": "Dấu gạch nối (-) không thể được sử dụng ở cả hai đầu."
+    "ServiceNameCannotStartWithHyphen": "Dấu gạch nối (-) không thể được sử dụng ở cả hai đầu.",
+    "Replicas": "Bản sao"
   },
   "totp": {
     "TotpSetupCompleted": "Đã bật 2FA",
diff --git a/resources/i18n/zh-CN.json b/resources/i18n/zh-CN.json
index b18302b3a3..987acd0a88 100644
--- a/resources/i18n/zh-CN.json
+++ b/resources/i18n/zh-CN.json
@@ -1598,7 +1598,6 @@
     "ServiceName": "服务名称",
     "ServiceNameRule": "仅允许使用字母数字、下划线 (_) 和连字符 (-)，并且必须以字母数字字符结尾。",
     "OpenToPublic": "向公众开放",
-    "DesiredRoutingCount": "所需的路由计数",
     "ServingRouteErrorModalTitle": "服务路由错误",
     "SessionId": "会话 ID",
     "Services": "服务",
@@ -1657,7 +1656,8 @@
     "Chatting": "聊天",
     "ServiceNameMinLength": "请输入至少 4 个字符。",
     "ServiceNameMaxLength": "请输入 24 个或更少的字符。",
-    "ServiceNameCannotStartWithHyphen": "两端不能使用连字符 (-)。"
+    "ServiceNameCannotStartWithHyphen": "两端不能使用连字符 (-)。",
+    "Replicas": "复制品"
   },
   "totp": {
     "TotpSetupCompleted": "已启用 2FA",
diff --git a/src/lib/backend.ai-client-esm.ts b/src/lib/backend.ai-client-esm.ts
index ab1dfd4738..8f9a4ba869 100644
--- a/src/lib/backend.ai-client-esm.ts
+++ b/src/lib/backend.ai-client-esm.ts
@@ -727,6 +727,7 @@ class Client {
       this._features['prepared-session-status'] = true;
       this._features['creating-session-status'] = true;
       this._features['max_network_count'] = true;
+      this._features['replicas'] = true;
     }
   }