diff --git a/apps/web/src/api-clients/api-client-manager.ts b/apps/web/src/api-clients/api-client-manager.ts
new file mode 100644
index 0000000000..b480adeaa2
--- /dev/null
+++ b/apps/web/src/api-clients/api-client-manager.ts
@@ -0,0 +1,73 @@
+import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
+
+import config from '@/lib/config';
+import type { ApiClientsSchemaType } from '@/lib/config/global-config/api-client-schema';
+import { ApiClientEndpoint } from '@/lib/config/global-config/api-client-schema';
+
+interface ServiceConfig {
+    ENABLED: boolean;
+    VERSION: string;
+}
+
+interface GlobalConfig {
+    SERVICES: {
+        [key: string]: ServiceConfig;
+    };
+}
+
+class APIClientManager {
+    // eslint-disable-next-line no-undef
+    [key: string]: any;
+
+    private config: GlobalConfig['SERVICES'] | null = null;
+
+    private apiClientsSchema: ApiClientsSchemaType = {} as ApiClientsSchemaType;
+
+    async initialize() {
+        await config.init();
+        this.config = config.get('SERVICES') || {};
+        this.apiClientsSchema = JSON.parse(JSON.stringify(ApiClientEndpoint));
+
+        this.defineDynamicServices();
+    }
+
+    private defineDynamicServices() {
+        if (!this.apiClientsSchema) {
+            throw new Error('[APIClientManager] APIClientManager is not initialized. Call initialize() first.');
+        }
+
+        Object.keys(this.apiClientsSchema).forEach((serviceName) => {
+            const propertyName = serviceName.toLowerCase()
+                .replace(/_([a-z])/g, (_, char) => char.toUpperCase());
+
+            Object.defineProperty(this, propertyName, {
+                get: () => this.createServiceHandler(serviceName),
+                enumerable: true,
+            });
+        });
+    }
+
+    private createServiceHandler(serviceName: string) {
+        const serviceConfig = this.config?.[serviceName] || null;
+        if (!serviceConfig || !serviceConfig.ENABLED) {
+            return null;
+        }
+
+        const apiClientSchemaByService = this.apiClientsSchema[serviceName];
+        if (!apiClientSchemaByService) {
+            return null;
+        }
+
+        const version = serviceConfig.VERSION;
+        const clientEndpoint = apiClientSchemaByService[version];
+        if (!clientEndpoint) {
+            return null;
+        }
+
+        const endpoint = SpaceConnector.clientV2[clientEndpoint];
+
+        return { endpoint, version };
+    }
+}
+
+export default new APIClientManager();
diff --git a/apps/web/src/common/composables/contents-accessibility/index.ts b/apps/web/src/common/composables/contents-accessibility/index.ts
new file mode 100644
index 0000000000..4ddb74a9ae
--- /dev/null
+++ b/apps/web/src/common/composables/contents-accessibility/index.ts
@@ -0,0 +1,23 @@
+import type { Ref } from 'vue';
+import { computed, reactive, toRef } from 'vue';
+
+import { useMenuStore } from '@/store/menu/menu-store';
+
+import type { MenuId } from '@/lib/menu/config';
+
+interface UseContentsAccessibilityReturnType {
+    visibleContents: Ref<boolean>;
+}
+
+export const useContentsAccessibility = (menuId: MenuId): UseContentsAccessibilityReturnType => {
+    const menuStore = useMenuStore();
+    const menuState = menuStore.state;
+
+    const state = reactive({
+        visibleContents: computed<boolean>(() => menuState.menuList.findIndex((menu) => menu.id === menuId) !== -1),
+    });
+
+    return {
+        visibleContents: toRef(state, 'visibleContents'),
+    };
+};
diff --git a/apps/web/src/common/modules/custom-table/custom-field-modal/CustomFieldModalForDynamicLayout.vue b/apps/web/src/common/modules/custom-table/custom-field-modal/CustomFieldModalForDynamicLayout.vue
index f4266fe0c0..31adf2a591 100644
--- a/apps/web/src/common/modules/custom-table/custom-field-modal/CustomFieldModalForDynamicLayout.vue
+++ b/apps/web/src/common/modules/custom-table/custom-field-modal/CustomFieldModalForDynamicLayout.vue
@@ -21,12 +21,12 @@ import { useProxyValue } from '@/common/composables/proxy-state';
 import { TAGS_OPTIONS, TAGS_PREFIX } from '@/common/modules/custom-table/custom-field-modal/config';
 import ColumnItemForDynamicLayout from '@/common/modules/custom-table/custom-field-modal/modules/ColumnItemForDynamicLayout.vue';
 
-import { convertAgentModeOptions } from '@/services/asset-inventory/helpers/agent-mode-helper';
-import { getServiceAccountTableSchema, updateCustomTableSchema } from '@/services/asset-inventory/helpers/dynamic-ui-schema-generator';
+import { convertAgentModeOptions } from '@/services/service-account/helpers/agent-mode-helper';
+import { getServiceAccountTableSchema, updateCustomTableSchema } from '@/services/service-account/helpers/dynamic-ui-schema-generator';
 import type {
     GetSchemaParams,
     ResourceType,
-} from '@/services/asset-inventory/helpers/dynamic-ui-schema-generator/type';
+} from '@/services/service-account/helpers/dynamic-ui-schema-generator/type';
 
 const SelectCloudServiceTagColumns = () => import('@/common/modules/custom-table/custom-field-modal/modules/SelectCloudServiceTagColumns.vue');
 const SelectTagColumns = () => import('@/common/modules/custom-table/custom-field-modal/modules/SelectTagColumns.vue');
diff --git a/apps/web/src/common/modules/navigations/gnb/GNBNavigationRail.vue b/apps/web/src/common/modules/navigations/gnb/GNBNavigationRail.vue
index ddf03e1609..f4593f0749 100644
--- a/apps/web/src/common/modules/navigations/gnb/GNBNavigationRail.vue
+++ b/apps/web/src/common/modules/navigations/gnb/GNBNavigationRail.vue
@@ -60,7 +60,7 @@ const storeState = reactive({
     costDataSource: computed<CostDataSourceReferenceMap>(() => allReferenceGetters.costDataSource),
 });
 
-const noParentsMenuList:MenuId[] = [MENU_ID.DASHBOARDS, MENU_ID.WORKSPACE_HOME, MENU_ID.PROJECT];
+const noParentsMenuList:MenuId[] = [MENU_ID.WORKSPACE_HOME, MENU_ID.DASHBOARDS, MENU_ID.PROJECT, MENU_ID.SERVICE_ACCOUNT];
 
 const state = reactive({
     isInit: false as boolean|undefined,
diff --git a/apps/web/src/common/modules/navigations/stores/gnb-store.ts b/apps/web/src/common/modules/navigations/stores/gnb-store.ts
index a3e319cedf..4277a98f3e 100644
--- a/apps/web/src/common/modules/navigations/stores/gnb-store.ts
+++ b/apps/web/src/common/modules/navigations/stores/gnb-store.ts
@@ -22,6 +22,7 @@ import type { FavoriteOptions } from '@/common/modules/favorites/favorite-button
 import type { Breadcrumb } from '@/common/modules/page-layouts/type';
 
 interface GnbStoreState {
+    visibleAlertIcon?: boolean;
     breadcrumbs: Breadcrumb[];
     selectedItem: Breadcrumb;
     id?: string;
@@ -44,6 +45,7 @@ export const useGnbStore = defineStore('gnb', () => {
     });
 
     const state = reactive<GnbStoreState>({
+        visibleAlertIcon: false,
         breadcrumbs: [],
         selectedItem: {} as Breadcrumb,
         id: '',
@@ -66,6 +68,9 @@ export const useGnbStore = defineStore('gnb', () => {
     });
 
     const mutations = {
+        setVisibleAlertIcon: (val?: boolean) => {
+            state.visibleAlertIcon = val;
+        },
         setBreadcrumbs: (breadcrumbs: Breadcrumb[]) => {
             state.breadcrumbs = breadcrumbs;
         },
diff --git a/apps/web/src/common/modules/navigations/top-bar/modules/top-bar-search/helper.ts b/apps/web/src/common/modules/navigations/top-bar/modules/top-bar-search/helper.ts
index 1a9fe88780..6dd2444f28 100644
--- a/apps/web/src/common/modules/navigations/top-bar/modules/top-bar-search/helper.ts
+++ b/apps/web/src/common/modules/navigations/top-bar/modules/top-bar-search/helper.ts
@@ -8,6 +8,7 @@ import type { SearchTab } from '@/common/modules/navigations/top-bar/modules/top
 import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-constant';
 import { DASHBOARDS_ROUTE } from '@/services/dashboards/routes/route-constant';
 import { PROJECT_ROUTE_V1 } from '@/services/project/v1/routes/route-constant';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
 
 const queryHelper = new QueryHelper();
 
@@ -15,7 +16,7 @@ export const topBarSearchReferenceRouter = (type: Exclude<SearchTab, 'service'>,
     switch (type) {
     case SEARCH_TAB.SERVICE_ACCOUNT:
         return {
-            name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.DETAIL._NAME,
+            name: SERVICE_ACCOUNT_ROUTE.DETAIL._NAME,
             params: { serviceAccountId: resourceId, workspaceId },
         };
     case SEARCH_TAB.PROJECT:
diff --git a/apps/web/src/common/modules/navigations/top-bar/modules/top-bar-toolset/TopBarToolset.vue b/apps/web/src/common/modules/navigations/top-bar/modules/top-bar-toolset/TopBarToolset.vue
index 82aa5be4e5..e95fc2df05 100644
--- a/apps/web/src/common/modules/navigations/top-bar/modules/top-bar-toolset/TopBarToolset.vue
+++ b/apps/web/src/common/modules/navigations/top-bar/modules/top-bar-toolset/TopBarToolset.vue
@@ -9,8 +9,7 @@ import { useAppContextStore } from '@/store/app-context/app-context-store';
 import { useDomainStore } from '@/store/domain/domain-store';
 import { useUserStore } from '@/store/user/user-store';
 
-import config from '@/lib/config';
-
+import { useGnbStore } from '@/common/modules/navigations/stores/gnb-store';
 import TopBarAdminToggleButton from '@/common/modules/navigations/top-bar/modules/top-bar-toolset/modules/top-bar-admin-toggle-button/TopBarAdminToggleButton.vue';
 import TopBarFavorite
     from '@/common/modules/navigations/top-bar/modules/top-bar-toolset/modules/top-bar-favorite/TopBarFavorite.vue';
@@ -33,10 +32,13 @@ const emit = defineEmits<{(event: 'hide-menu'): void;
 const appContextStore = useAppContextStore();
 const domainStore = useDomainStore();
 const userStore = useUserStore();
+const gnbStore = useGnbStore();
+
 const state = reactive({
     isDomainAdmin: computed(() => userStore.getters.isDomainAdmin),
     isAdminMode: computed(() => appContextStore.getters.isAdminMode),
     isGrantLoading: computed(() => appContextStore.getters.globalGrantLoading),
+    visibleAlertIcon: computed(() => gnbStore.state.visibleAlertIcon),
     tooltipTexts: computed<Record<string, string>>(() => ({
         adminToggle: (state.isAdminMode ? i18n.t('COMMON.GNB.TOOLTIP.EXIT_ADMIN_MODE') : i18n.t('COMMON.GNB.TOOLTIP.ENABLE_ADMIN_MODE')) as string,
     })),
@@ -44,7 +46,6 @@ const state = reactive({
         const extraMenu = domainStore.getters.domainExtraMenu;
         return extraMenu?.title;
     }),
-    isAlertManagerVersionV2: computed<boolean>(() => (config.get('ADVANCED_SERVICE')?.alert_manager_v2 ?? []).includes(domainStore.state.domainId)),
 });
 
 const hideMenu = () => {
@@ -72,7 +73,7 @@ const updateOpenedMenu = (menu: string, visible: boolean) => {
                               :visible="props.openedMenu === 'favorite'"
                               @update:visible="updateOpenedMenu('favorite', $event)"
             />
-            <top-bar-notifications v-if="!state.isAlertManagerVersionV2 && !state.isAdminMode && !state.isGrantLoading"
+            <top-bar-notifications v-if="state.visibleAlertIcon && !state.isAdminMode && !state.isGrantLoading"
                                    :visible="props.openedMenu === 'notifications'"
                                    @update:visible="updateOpenedMenu('notifications', $event)"
             />
diff --git a/apps/web/src/common/modules/widgets/_components/WidgetFormDataSourcePopover.vue b/apps/web/src/common/modules/widgets/_components/WidgetFormDataSourcePopover.vue
index dd2add734c..629eca906f 100644
--- a/apps/web/src/common/modules/widgets/_components/WidgetFormDataSourcePopover.vue
+++ b/apps/web/src/common/modules/widgets/_components/WidgetFormDataSourcePopover.vue
@@ -21,9 +21,11 @@ import type { NamespaceReferenceMap } from '@/store/reference/namespace-referenc
 import { useUserStore } from '@/store/user/user-store';
 
 import { showErrorMessage } from '@/lib/helper/notice-alert-helper';
+import { MENU_ID } from '@/lib/menu/config';
 import getRandomId from '@/lib/random-id-generator';
 import type { ListResponse } from '@/lib/variable-models/_base/types';
 
+import { useContentsAccessibility } from '@/common/composables/contents-accessibility';
 import ErrorHandler from '@/common/composables/error/errorHandler';
 import WidgetFormAssetSecurityDataSourcePopper
     from '@/common/modules/widgets/_components/WidgetFormAssetSecurityDataSourcePopper.vue';
@@ -46,7 +48,6 @@ import type {
 import { useDashboardDetailQuery } from '@/services/dashboards/composables/use-dashboard-detail-query';
 import { useDashboardDetailInfoStore } from '@/services/dashboards/stores/dashboard-detail-info-store';
 
-
 const widgetGenerateStore = useWidgetGenerateStore();
 const widgetGenerateState = widgetGenerateStore.state;
 const allReferenceStore = useAllReferenceStore();
@@ -56,6 +57,8 @@ const userStore = useUserStore();
 
 const emit = defineEmits<{(e: 'scroll'): void;}>();
 
+const { visibleContents } = useContentsAccessibility(MENU_ID.ASSET_INVENTORY);
+
 /* Query */
 const {
     dataTableList,
@@ -455,31 +458,33 @@ watch(() => state.showPopover, (val) => {
                             </div>
                         </p-select-card>
 
-                        <p class="data-source-domain-title mt-2">
-                            {{ i18n.t('DASHBOARDS.WIDGET.OVERLAY.STEP_1.INVENTORY') }}
-                        </p>
-                        <p-select-card :class="{'custom-select-card': true, 'selected': state.selectedDataSourceDomain === DATA_SOURCE_DOMAIN.ASSET }"
-                                       :value="DATA_SOURCE_DOMAIN.ASSET"
-                                       @click="handleClickDataSourceDomain(DATA_SOURCE_DOMAIN.ASSET)"
-                        >
-                            <div class="domain-contents">
-                                <p-i v-if="state.selectedDataSourceDomain === DATA_SOURCE_DOMAIN.ASSET"
-                                     class="selected-marker"
-                                     name="ic_checkbox-circle-selected"
-                                     width="1.25rem"
-                                     height="1.25rem"
-                                />
-                                <div class="icon-wrapper">
-                                    <p-i name="ic_data-domain-asset"
+                        <template v-if="visibleContents">
+                            <p class="data-source-domain-title mt-2">
+                                {{ i18n.t('DASHBOARDS.WIDGET.OVERLAY.STEP_1.INVENTORY') }}
+                            </p>
+                            <p-select-card :class="{'custom-select-card': true, 'selected': state.selectedDataSourceDomain === DATA_SOURCE_DOMAIN.ASSET }"
+                                           :value="DATA_SOURCE_DOMAIN.ASSET"
+                                           @click="handleClickDataSourceDomain(DATA_SOURCE_DOMAIN.ASSET)"
+                            >
+                                <div class="domain-contents">
+                                    <p-i v-if="state.selectedDataSourceDomain === DATA_SOURCE_DOMAIN.ASSET"
+                                         class="selected-marker"
+                                         name="ic_checkbox-circle-selected"
                                          width="1.25rem"
                                          height="1.25rem"
                                     />
+                                    <div class="icon-wrapper">
+                                        <p-i name="ic_data-domain-asset"
+                                             width="1.25rem"
+                                             height="1.25rem"
+                                        />
+                                    </div>
+                                    <p class="name">
+                                        {{ i18n.t('DASHBOARDS.WIDGET.OVERLAY.STEP_1.ASSET') }}
+                                    </p>
                                 </div>
-                                <p class="name">
-                                    {{ i18n.t('DASHBOARDS.WIDGET.OVERLAY.STEP_1.ASSET') }}
-                                </p>
-                            </div>
-                        </p-select-card>
+                            </p-select-card>
+                        </template>
                     </div>
                     <template v-if="state.selectedDataSourceDomain">
                         <widget-form-cost-data-source-popper
diff --git a/apps/web/src/lib/access-control/page-access-helper.ts b/apps/web/src/lib/access-control/page-access-helper.ts
index 56f8db059a..063ed6b5c6 100644
--- a/apps/web/src/lib/access-control/page-access-helper.ts
+++ b/apps/web/src/lib/access-control/page-access-helper.ts
@@ -1,5 +1,7 @@
 import type { RoleType } from '@/api-clients/identity/role/type';
 
+import { useMenuStore } from '@/store/menu/menu-store';
+
 import type {
     PageAccessMap,
 } from '@/lib/access-control/config';
@@ -11,9 +13,7 @@ import {
     WORKSPACE_OWNER_DEFAULT_PERMISSIONS,
     WORKSPACE_USER_MINIMAL_PERMISSIONS,
 } from '@/lib/access-control/config';
-import config from '@/lib/config';
 import type { Menu, MenuId } from '@/lib/menu/config';
-import { MENU_LIST, MENU_LIST_FOR_ALERT_MANAGER_V2 } from '@/lib/menu/menu-architecture';
 
 import type { LSBItem, LSBMenu } from '@/common/modules/navigations/lsb/type';
 
@@ -38,10 +38,10 @@ export const flattenMenu = (menuList: Menu[]): Menu[] => menuList.flatMap((menu)
     ...(menu.subMenuList ? flattenMenu(menu.subMenuList) : []),
 ]);
 
-export const getPageAccessMapFromRawData = (pageAccessPermissions?: string[], domainId?: string): PageAccessMap => {
+export const getPageAccessMapFromRawData = (pageAccessPermissions?: string[]): PageAccessMap => {
+    const menuStore = useMenuStore();
     const result: PageAccessMap = {};
-    const isAlertManagerVersionV2 = (config.get('ADVANCED_SERVICE')?.alert_manager_v2 ?? []).includes(domainId);
-    const menuListByVersion = (isAlertManagerVersionV2 ? MENU_LIST_FOR_ALERT_MANAGER_V2 : MENU_LIST);
+    const menuListByVersion = menuStore.state.menuList;
     const flattenedMenuList = flattenMenu(menuListByVersion);
     const setPermissions = (id: string, read = true, write = true, access = true) => {
         result[id] = { read, write, access };
diff --git a/apps/web/src/lib/access-control/redirect-route-helper.ts b/apps/web/src/lib/access-control/redirect-route-helper.ts
index 835d0e7423..7836ae454b 100644
--- a/apps/web/src/lib/access-control/redirect-route-helper.ts
+++ b/apps/web/src/lib/access-control/redirect-route-helper.ts
@@ -3,47 +3,25 @@ import type { Location } from 'vue-router/types/router';
 
 import { ERROR_ROUTE } from '@/router/constant';
 
+import type { FlattenedMenuMap } from '@/store/menu/menu-store';
+import { useMenuStore } from '@/store/menu/menu-store';
+
 import type { PageAccessMap } from '@/lib/access-control/config';
-import config from '@/lib/config';
-import type { Menu, MenuId } from '@/lib/menu/config';
-import { MENU_LIST, MENU_LIST_FOR_ALERT_MANAGER_V2 } from '@/lib/menu/menu-architecture';
+import type { MenuId } from '@/lib/menu/config';
 import { MENU_INFO_MAP } from '@/lib/menu/menu-info';
 
-type FlattenedMenuMap = Partial<Record<MenuId, MenuId[]>>;
-const FLATTENED_MENU_MAP = {};
-const getSubMenuIdsToMap = (menu: Menu, flattenedMenuMap: FlattenedMenuMap = {}): FlattenedMenuMap => {
-    let results: MenuId[] = [];
-    const subMenuList = menu.subMenuList;
-    if (subMenuList) {
-        subMenuList.forEach((subMenu) => {
-            results = subMenuList.map((d) => d.id);
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            getSubMenuIdsToMap(subMenu, flattenedMenuMap);
-        });
-    }
-    flattenedMenuMap[menu.id] = results;
-    return flattenedMenuMap;
-};
-
-const makeFlattenedMenuMap = (domainId:string) => {
-    const isAlertManagerVersionV2 = (config.get('ADVANCED_SERVICE')?.alert_manager_v2 ?? []).includes(domainId);
-    const menuListByVersion = (isAlertManagerVersionV2 ? MENU_LIST_FOR_ALERT_MANAGER_V2 : MENU_LIST);
-    menuListByVersion.forEach((menu) => {
-        getSubMenuIdsToMap(menu, FLATTENED_MENU_MAP);
-    });
-};
-
-const getSubMenuListByMenuId = (menuId: MenuId): MenuId[] => {
-    if (FLATTENED_MENU_MAP[menuId]) return FLATTENED_MENU_MAP[menuId];
+const getSubMenuListByMenuId = (menuId: MenuId, flattenedMenu: FlattenedMenuMap): MenuId[] => {
+    if (flattenedMenu[menuId]) return flattenedMenu[menuId] || [];
     return [];
 };
 
-export const getRedirectRouteByPagePermission = (route: Route, pagePermissionsMap: PageAccessMap, domainId:string): Location => {
-    const isFlattenedMenuMapEmpty = Object.keys(FLATTENED_MENU_MAP).length === 0;
-    if (isFlattenedMenuMapEmpty) makeFlattenedMenuMap(domainId);
+export const getRedirectRouteByPagePermission = (route: Route, pagePermissionsMap: PageAccessMap): Location => {
     const menuId = route.meta?.menuId;
     if (!menuId) return { name: ERROR_ROUTE._NAME, params: { statusCode: '404' } };
-    const subMenuIdList = getSubMenuListByMenuId(menuId);
+
+    const menuStore = useMenuStore();
+    const generateFlattenedMenuMap = menuStore.getters.generateFlattenedMenuMap;
+    const subMenuIdList = getSubMenuListByMenuId(menuId, generateFlattenedMenuMap);
     let redirectMenuId: MenuId|undefined;
     subMenuIdList.some((subMenuId) => {
         if (pagePermissionsMap[subMenuId]) {
diff --git a/apps/web/src/lib/config/composables/use-is-alert-manager-v2-enabled.ts b/apps/web/src/lib/config/composables/use-is-alert-manager-v2-enabled.ts
deleted file mode 100644
index 045803d86f..0000000000
--- a/apps/web/src/lib/config/composables/use-is-alert-manager-v2-enabled.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import type { ComputedRef } from 'vue';
-import { computed } from 'vue';
-
-import { useDomainStore } from '@/store/domain/domain-store';
-import { pinia } from '@/store/pinia';
-
-import config from '@/lib/config';
-
-/* NOTE:
-*  This hook will be removed or refactored once the global config is improved.
-* */
-
-export const useIsAlertManagerV2Enabled = (): ComputedRef<boolean> => {
-    const domainStore = useDomainStore(pinia);
-    const domainStoreState = domainStore.state;
-
-    const enabledDomains = config.get('ADVANCED_SERVICE')?.alert_manager_v2 ?? [];
-
-    return computed(() => enabledDomains.includes(domainStoreState.domainId));
-};
diff --git a/apps/web/src/lib/config/global-config/api-client-schema.ts b/apps/web/src/lib/config/global-config/api-client-schema.ts
new file mode 100644
index 0000000000..d32b7f325e
--- /dev/null
+++ b/apps/web/src/lib/config/global-config/api-client-schema.ts
@@ -0,0 +1,34 @@
+type apiClientType = {
+    V1: string;
+    V2?: string;
+};
+export type ApiClientsSchemaType = {
+    DASHBOARDS: apiClientType,
+    PROJECT: apiClientType,
+    ASSET_INVENTORY: apiClientType,
+    COST_ANALYSIS: apiClientType,
+    OPS_FLOW: apiClientType,
+    ALERT_MANAGER: apiClientType,
+};
+
+export const ApiClientEndpoint: ApiClientsSchemaType = {
+    DASHBOARDS: {
+        V1: 'dashboard',
+    },
+    PROJECT: {
+        V1: 'identity',
+    },
+    ASSET_INVENTORY: {
+        V1: 'inventory',
+    },
+    COST_ANALYSIS: {
+        V1: 'costAnalysis',
+    },
+    OPS_FLOW: {
+        V1: 'opsflow',
+    },
+    ALERT_MANAGER: {
+        V1: 'monitoring',
+        V2: 'alertManager',
+    },
+};
diff --git a/apps/web/src/lib/config/global-config/constants.ts b/apps/web/src/lib/config/global-config/constants.ts
new file mode 100644
index 0000000000..c10e39b046
--- /dev/null
+++ b/apps/web/src/lib/config/global-config/constants.ts
@@ -0,0 +1,10 @@
+export const FEATURES = {
+    DASHBOARDS: 'DASHBOARDS',
+    PROJECT: 'PROJECT',
+    SERVICE_ACCOUNT: 'SERVICE_ACCOUNT',
+    ASSET_INVENTORY: 'ASSET_INVENTORY',
+    COST_EXPLORER: 'COST_EXPLORER',
+    ALERT_MANAGER: 'ALERT_MANAGER',
+    OPS_FLOW: 'OPS_FLOW',
+    IAM: 'IAM',
+} as const;
diff --git a/apps/web/src/lib/config/global-config/feature-schema-manager.ts b/apps/web/src/lib/config/global-config/feature-schema-manager.ts
new file mode 100644
index 0000000000..6af3dc9904
--- /dev/null
+++ b/apps/web/src/lib/config/global-config/feature-schema-manager.ts
@@ -0,0 +1,54 @@
+import { FEATURES } from '@/lib/config/global-config/constants';
+import { initialFeatureSchema } from '@/lib/config/global-config/feature-schema';
+import type { FeatureSchemaType, GlobalServiceConfig } from '@/lib/config/global-config/type';
+import { MENU_ID } from '@/lib/menu/config';
+
+export class FeatureSchemaManager {
+    private serviceConfig: GlobalServiceConfig;
+
+    private readonly schema: FeatureSchemaType;
+
+    constructor(serviceConfig: GlobalServiceConfig) {
+        this.serviceConfig = serviceConfig;
+        this.schema = JSON.parse(JSON.stringify(initialFeatureSchema));
+    }
+
+    applyGlobalConfig(): FeatureSchemaType {
+        Object.entries(this.serviceConfig).forEach(([serviceName, config]) => {
+            if (config.ENABLED) {
+                this.updateSchema(serviceName, config.VERSION);
+            } else {
+                delete this.schema[serviceName];
+            }
+        });
+
+        return this.schema;
+    }
+
+    private updateSchema(serviceName: string, version: string): void {
+        if (!this.schema || !this.schema[serviceName]) return;
+
+        this.schema[serviceName].currentVersion = version;
+
+        if (serviceName === FEATURES.ALERT_MANAGER) {
+            if (version === 'V2') {
+                const iamFeatureSettings = this.schema[FEATURES.IAM].V1;
+                iamFeatureSettings.menu[MENU_ID.USER_GROUP] = true;
+                if (iamFeatureSettings.adminMenu) {
+                    iamFeatureSettings.adminMenu[MENU_ID.USER_GROUP] = true;
+                }
+                this.updateUiAffects(FEATURES.PROJECT, 'V1', 'visibleAlertTabAtDetail', false);
+                this.updateUiAffects(FEATURES.ASSET_INVENTORY, 'V1', 'visibleAlertTabAtDetail', false);
+                this.updateUiAffects(FEATURES.COST_EXPLORER, 'V1', 'visibleBudgetNotification', true);
+            }
+        }
+    }
+
+    private updateUiAffects(featureKey: string, version: string, affectKey: string, value: boolean): void {
+        const feature = this.schema[featureKey]?.[version];
+        if (feature?.uiAffects?.[affectKey] !== undefined) {
+            feature.uiAffects[affectKey] = value;
+        }
+    }
+}
+
diff --git a/apps/web/src/lib/config/global-config/feature-schema.ts b/apps/web/src/lib/config/global-config/feature-schema.ts
new file mode 100644
index 0000000000..2ddd0251b7
--- /dev/null
+++ b/apps/web/src/lib/config/global-config/feature-schema.ts
@@ -0,0 +1,114 @@
+import { FEATURES } from '@/lib/config/global-config/constants';
+import type { FeatureSchemaType } from '@/lib/config/global-config/type';
+import { MENU_ID } from '@/lib/menu/config';
+
+export const initialFeatureSchema: FeatureSchemaType = {
+    [FEATURES.DASHBOARDS]: {
+        currentVersion: 'V1',
+        V1: {
+            menu: { [MENU_ID.DASHBOARDS]: true },
+        },
+    },
+    [FEATURES.PROJECT]: {
+        currentVersion: 'V1',
+        V1: {
+            menu: { [MENU_ID.PROJECT]: true },
+            uiAffects: {
+                visibleAlertTabAtDetail: true,
+            },
+        },
+    },
+    [FEATURES.SERVICE_ACCOUNT]: {
+        currentVersion: 'V1',
+        V1: {
+            menu: { [MENU_ID.SERVICE_ACCOUNT]: true },
+        },
+    },
+    [FEATURES.ASSET_INVENTORY]: {
+        currentVersion: 'V1',
+        V1: {
+            menu: {
+                [MENU_ID.CLOUD_SERVICE]: true,
+                [MENU_ID.SERVER]: true,
+                [MENU_ID.SECURITY]: true,
+                [MENU_ID.METRIC_EXPLORER]: true,
+                [MENU_ID.COLLECTOR]: true,
+            },
+            uiAffects: {
+                visibleAlertTabAtDetail: true,
+            },
+        },
+    },
+    [FEATURES.COST_EXPLORER]: {
+        currentVersion: 'V1',
+        V1: {
+            menu: {
+                [MENU_ID.COST_ANALYSIS]: true,
+                [MENU_ID.BUDGET]: true,
+                [MENU_ID.COST_REPORT]: true,
+            },
+            adminMenu: {
+                [MENU_ID.COST_ANALYSIS]: true,
+                [MENU_ID.BUDGET]: true,
+                [MENU_ID.COST_REPORT]: true,
+                [MENU_ID.DATA_SOURCES]: true,
+                [MENU_ID.COST_ADVANCED_SETTINGS]: true,
+            },
+            uiAffects: {
+                visibleBudgetNotification: false,
+            },
+        },
+    },
+    [FEATURES.ALERT_MANAGER]: {
+        currentVersion: 'V1',
+        V1: {
+            menu: {
+                [MENU_ID.ALERT_MANAGER_DASHBOARD]: true,
+                [MENU_ID.ALERTS]: true,
+                [MENU_ID.ESCALATION_POLICY]: true,
+            },
+            uiAffects: {
+                visibleAlertIcon: true,
+                visibleUserNotification: false,
+            },
+        },
+        V2: {
+            menu: {
+                [MENU_ID.SERVICE]: true,
+                [MENU_ID.ALERTS]: true,
+            },
+            uiAffects: {
+                visibleAlertIcon: false,
+                visibleUserNotification: true,
+            },
+        },
+    },
+    [FEATURES.OPS_FLOW]: {
+        currentVersion: 'V1',
+        V1: {
+            menu: {
+                [MENU_ID.OPS_FLOW_LANDING]: true,
+                [MENU_ID.TASK_BOARD]: true,
+            },
+            adminMenu: {
+                [MENU_ID.TASK_MANAGEMENT]: true,
+            },
+        },
+    },
+    [FEATURES.IAM]: {
+        currentVersion: 'V1',
+        V1: {
+            menu: {
+                [MENU_ID.USER]: true,
+                [MENU_ID.USER_GROUP]: false,
+                [MENU_ID.APP]: true,
+            },
+            adminMenu: {
+                [MENU_ID.USER]: true,
+                [MENU_ID.USER_GROUP]: false,
+                [MENU_ID.APP]: true,
+                [MENU_ID.ROLE]: true,
+            },
+        },
+    },
+};
diff --git a/apps/web/src/lib/config/global-config/type.ts b/apps/web/src/lib/config/global-config/type.ts
new file mode 100644
index 0000000000..ab3a3db37f
--- /dev/null
+++ b/apps/web/src/lib/config/global-config/type.ts
@@ -0,0 +1,20 @@
+import type { FEATURES } from '@/lib/config/global-config/constants';
+import type { MenuId } from '@/lib/menu/config';
+
+export type GlobalServiceConfig = Record<string, { ENABLED: boolean; VERSION: string }>;
+
+type FeatureKeyType = typeof FEATURES[keyof typeof FEATURES];
+
+type MenuConfig = Partial<Record<MenuId, boolean>>;
+export type FeatureVersionSettingsType = {
+    menu: MenuConfig;
+    adminMenu?: MenuConfig;
+    uiAffects?: Record<string, boolean>;
+};
+type FeatureSettingType = {
+    currentVersion: string;
+    V1: FeatureVersionSettingsType;
+    V2?: FeatureVersionSettingsType;
+};
+export type FeatureSchemaType = Record<FeatureKeyType, FeatureSettingType>;
+
diff --git a/apps/web/src/lib/helper/router-recent-helper.ts b/apps/web/src/lib/helper/router-recent-helper.ts
index 4db9fa45a0..e2cf62139d 100644
--- a/apps/web/src/lib/helper/router-recent-helper.ts
+++ b/apps/web/src/lib/helper/router-recent-helper.ts
@@ -12,6 +12,7 @@ import { MANAGED_COST_QUERY_SET_ID_LIST } from '@/services/cost-explorer/constan
 import { COST_EXPLORER_ROUTE } from '@/services/cost-explorer/routes/route-constant';
 import { DASHBOARDS_ROUTE } from '@/services/dashboards/routes/route-constant';
 import { PROJECT_ROUTE_V1 } from '@/services/project/v1/routes/route-constant';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
 
 interface RecentConfig {
     itemType: RecentType;
@@ -63,7 +64,7 @@ export const getRecentConfig = (to: Route): RecentConfig | undefined => {
         return { itemType: RECENT_TYPE.PROJECT, workspaceId, itemId: projectId };
     }
 
-    if (to.name === ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.DETAIL._NAME) {
+    if (to.name === SERVICE_ACCOUNT_ROUTE.DETAIL._NAME) {
         const serviceAccountId = to?.params?.serviceAccountId;
         const isTrustedAccount = serviceAccountId.startsWith('ta');
         if (!serviceAccountId) return undefined;
diff --git a/apps/web/src/lib/menu/config.ts b/apps/web/src/lib/menu/config.ts
index 8038c7442b..ba6711164e 100644
--- a/apps/web/src/lib/menu/config.ts
+++ b/apps/web/src/lib/menu/config.ts
@@ -5,12 +5,12 @@ export const MENU_ID = Object.freeze({
     WORKSPACE_HOME: 'workspace_home',
     DASHBOARDS: 'dashboards',
     PROJECT: 'project',
+    SERVICE_ACCOUNT: 'service_account',
     ASSET_INVENTORY: 'asset_inventory',
     CLOUD_SERVICE: 'cloud_service',
     SERVER: 'server',
     SECURITY: 'security',
     COLLECTOR: 'collector',
-    SERVICE_ACCOUNT: 'service_account',
     COST_EXPLORER: 'cost_explorer',
     COST_ANALYSIS: 'cost_analysis',
     COST_ADVANCED_SETTINGS: 'cost_advanced_settings',
diff --git a/apps/web/src/lib/menu/menu-architecture.ts b/apps/web/src/lib/menu/menu-architecture.ts
index e22148adaf..d2919df90e 100644
--- a/apps/web/src/lib/menu/menu-architecture.ts
+++ b/apps/web/src/lib/menu/menu-architecture.ts
@@ -1,71 +1,11 @@
 import type { Menu } from '@/lib/menu/config';
 import { MENU_ID } from '@/lib/menu/config';
 
-export const MENU_LIST: Menu[] = [
+export const DEFAULT_MENU_LIST: Menu[] = [
     {
         id: MENU_ID.WORKSPACE_HOME,
         needPermissionByRole: true,
     },
-    {
-        id: MENU_ID.DASHBOARDS,
-        needPermissionByRole: true,
-    },
-    { id: MENU_ID.PROJECT, needPermissionByRole: true },
-    {
-        id: MENU_ID.ASSET_INVENTORY,
-        needPermissionByRole: true,
-        subMenuList: [
-            { id: MENU_ID.CLOUD_SERVICE, needPermissionByRole: true },
-            { id: MENU_ID.SERVER, needPermissionByRole: true },
-            { id: MENU_ID.SECURITY, needPermissionByRole: true },
-            { id: MENU_ID.METRIC_EXPLORER, needPermissionByRole: true },
-            { id: MENU_ID.COLLECTOR, needPermissionByRole: true },
-            { id: MENU_ID.SERVICE_ACCOUNT, needPermissionByRole: true },
-        ],
-    },
-    {
-        id: MENU_ID.COST_EXPLORER,
-        needPermissionByRole: true,
-        subMenuList: [
-            { id: MENU_ID.COST_ANALYSIS, needPermissionByRole: true },
-            { id: MENU_ID.BUDGET, needPermissionByRole: true },
-            { id: MENU_ID.COST_REPORT, needPermissionByRole: true },
-        ],
-    },
-    {
-        id: MENU_ID.ALERT_MANAGER,
-        needPermissionByRole: true,
-        subMenuList: [
-            { id: MENU_ID.ALERT_MANAGER_DASHBOARD, needPermissionByRole: true },
-            { id: MENU_ID.ALERTS, needPermissionByRole: true },
-            { id: MENU_ID.ESCALATION_POLICY, needPermissionByRole: true },
-        ],
-    },
-    {
-        id: MENU_ID.OPS_FLOW,
-        needPermissionByRole: true,
-        subMenuList: [
-            { id: MENU_ID.OPS_FLOW_LANDING },
-            { id: MENU_ID.TASK_BOARD },
-        ],
-    },
-    {
-
-        id: MENU_ID.IAM,
-        needPermissionByRole: true,
-        subMenuList: [
-            { id: MENU_ID.USER, needPermissionByRole: true },
-            { id: MENU_ID.APP, needPermissionByRole: true },
-        ],
-    },
-    {
-        id: MENU_ID.MY_PAGE,
-        hideOnSiteMap: true,
-        subMenuList: [
-            { id: MENU_ID.ACCOUNT_PROFILE },
-            { id: MENU_ID.NOTIFICATIONS },
-        ],
-    },
     {
         id: MENU_ID.INFO,
         hideOnGNB: true,
@@ -74,65 +14,6 @@ export const MENU_LIST: Menu[] = [
             { id: MENU_ID.NOTICE },
         ],
     },
-];
-
-
-export const MENU_LIST_FOR_ALERT_MANAGER_V2: Menu[] = [
-    {
-        id: MENU_ID.WORKSPACE_HOME,
-        needPermissionByRole: true,
-    },
-    {
-        id: MENU_ID.DASHBOARDS,
-        needPermissionByRole: true,
-    },
-    { id: MENU_ID.PROJECT, needPermissionByRole: true },
-    {
-        id: MENU_ID.ASSET_INVENTORY,
-        needPermissionByRole: true,
-        subMenuList: [
-            { id: MENU_ID.CLOUD_SERVICE, needPermissionByRole: true },
-            { id: MENU_ID.SERVER, needPermissionByRole: true },
-            { id: MENU_ID.SECURITY, needPermissionByRole: true },
-            { id: MENU_ID.METRIC_EXPLORER, needPermissionByRole: true },
-            { id: MENU_ID.COLLECTOR, needPermissionByRole: true },
-            { id: MENU_ID.SERVICE_ACCOUNT, needPermissionByRole: true },
-        ],
-    },
-    {
-        id: MENU_ID.COST_EXPLORER,
-        needPermissionByRole: true,
-        subMenuList: [
-            { id: MENU_ID.COST_ANALYSIS, needPermissionByRole: true },
-            { id: MENU_ID.BUDGET, needPermissionByRole: true },
-            { id: MENU_ID.COST_REPORT, needPermissionByRole: true },
-        ],
-    },
-    {
-        id: MENU_ID.ALERT_MANAGER,
-        needPermissionByRole: true,
-        subMenuList: [
-            { id: MENU_ID.SERVICE, needPermissionByRole: true },
-            { id: MENU_ID.ALERTS, needPermissionByRole: true },
-        ],
-    },
-    {
-        id: MENU_ID.OPS_FLOW,
-        needPermissionByRole: true,
-        subMenuList: [
-            { id: MENU_ID.OPS_FLOW_LANDING },
-            { id: MENU_ID.TASK_BOARD },
-        ],
-    },
-    {
-        id: MENU_ID.IAM,
-        needPermissionByRole: true,
-        subMenuList: [
-            { id: MENU_ID.USER, needPermissionByRole: true },
-            { id: MENU_ID.USER_GROUP, needPermissionByRole: true },
-            { id: MENU_ID.APP, needPermissionByRole: true },
-        ],
-    },
     {
         id: MENU_ID.MY_PAGE,
         hideOnSiteMap: true,
@@ -141,113 +22,9 @@ export const MENU_LIST_FOR_ALERT_MANAGER_V2: Menu[] = [
             { id: MENU_ID.NOTIFICATIONS },
         ],
     },
-    {
-        id: MENU_ID.INFO,
-        hideOnGNB: true,
-        hideOnSiteMap: true,
-        subMenuList: [
-            { id: MENU_ID.NOTICE },
-        ],
-    },
 ];
 
-export const ADMIN_MENU_LIST: Menu[] = [
-    {
-        id: MENU_ID.DASHBOARDS,
-    },
-    {
-        id: MENU_ID.ASSET_INVENTORY,
-        subMenuList: [
-            { id: MENU_ID.CLOUD_SERVICE },
-            { id: MENU_ID.SERVER },
-            { id: MENU_ID.SECURITY },
-            { id: MENU_ID.METRIC_EXPLORER },
-            { id: MENU_ID.COLLECTOR },
-            { id: MENU_ID.SERVICE_ACCOUNT },
-        ],
-    },
-    {
-        id: MENU_ID.COST_EXPLORER,
-        subMenuList: [
-            { id: MENU_ID.COST_ANALYSIS },
-            { id: MENU_ID.BUDGET },
-            { id: MENU_ID.COST_REPORT },
-            { id: MENU_ID.DATA_SOURCES },
-            { id: MENU_ID.COST_ADVANCED_SETTINGS },
-        ],
-    },
-    {
-        id: MENU_ID.OPS_FLOW,
-        subMenuList: [
-            { id: MENU_ID.TASK_MANAGEMENT },
-        ],
-    },
-    {
-        id: MENU_ID.IAM,
-        subMenuList: [
-            { id: MENU_ID.USER },
-            { id: MENU_ID.USER_GROUP },
-            { id: MENU_ID.APP },
-            { id: MENU_ID.ROLE },
-        ],
-    },
-    {
-        id: MENU_ID.ADVANCED,
-        subMenuList: [
-            { id: MENU_ID.WORKSPACES },
-            { id: MENU_ID.WORKSPACE_GROUP },
-            { id: MENU_ID.BOOKMARK },
-            { id: MENU_ID.AUTO_DORMANCY_CONFIGURATION },
-            { id: MENU_ID.PREFERENCES },
-        ],
-    },
-    {
-        id: MENU_ID.INFO,
-        subMenuList: [
-            { id: MENU_ID.NOTICE },
-        ],
-    },
-];
-
-export const ADMIN_MENU_LIST_FOR_ALERT_MANAGER_V2: Menu[] = [
-    {
-        id: MENU_ID.DASHBOARDS,
-    },
-    {
-        id: MENU_ID.ASSET_INVENTORY,
-        subMenuList: [
-            { id: MENU_ID.CLOUD_SERVICE },
-            { id: MENU_ID.SERVER },
-            { id: MENU_ID.SECURITY },
-            { id: MENU_ID.METRIC_EXPLORER },
-            { id: MENU_ID.COLLECTOR },
-            { id: MENU_ID.SERVICE_ACCOUNT },
-        ],
-    },
-    {
-        id: MENU_ID.COST_EXPLORER,
-        subMenuList: [
-            { id: MENU_ID.COST_ANALYSIS },
-            { id: MENU_ID.BUDGET },
-            { id: MENU_ID.COST_REPORT },
-            { id: MENU_ID.DATA_SOURCES },
-            { id: MENU_ID.COST_ADVANCED_SETTINGS },
-        ],
-    },
-    {
-        id: MENU_ID.OPS_FLOW,
-        subMenuList: [
-            { id: MENU_ID.TASK_MANAGEMENT },
-        ],
-    },
-    {
-        id: MENU_ID.IAM,
-        subMenuList: [
-            { id: MENU_ID.USER },
-            { id: MENU_ID.APP },
-            { id: MENU_ID.ROLE },
-        ],
-    },
+export const DEFAULT_ADMIN_MENU_LIST: Menu[] = [
     {
         id: MENU_ID.ADVANCED,
         subMenuList: [
@@ -260,6 +37,7 @@ export const ADMIN_MENU_LIST_FOR_ALERT_MANAGER_V2: Menu[] = [
     },
     {
         id: MENU_ID.INFO,
+        hideOnSiteMap: true,
         subMenuList: [
             { id: MENU_ID.NOTICE },
         ],
diff --git a/apps/web/src/lib/menu/menu-info.ts b/apps/web/src/lib/menu/menu-info.ts
index 56bbe79ace..0739c4dc0e 100644
--- a/apps/web/src/lib/menu/menu-info.ts
+++ b/apps/web/src/lib/menu/menu-info.ts
@@ -15,6 +15,7 @@ import { MY_PAGE_ROUTE } from '@/services/my-page/routes/route-constant';
 import { ADMIN_OPS_FLOW_ROUTE } from '@/services/ops-flow/routes/admin/route-constant';
 import { OPS_FLOW_ROUTE } from '@/services/ops-flow/routes/route-constant';
 import { PROJECT_ROUTE_V1 } from '@/services/project/v1/routes/route-constant';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
 import { WORKSPACE_HOME_ROUTE } from '@/services/workspace-home/routes/route-constant';
 
 export const MENU_INFO_MAP: Record<MenuId, MenuInfo> = Object.freeze({
@@ -75,8 +76,8 @@ export const MENU_INFO_MAP: Record<MenuId, MenuInfo> = Object.freeze({
     },
     [MENU_ID.SERVICE_ACCOUNT]: {
         menuId: MENU_ID.SERVICE_ACCOUNT,
-        routeName: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME,
-        translationId: 'MENU.ASSET_INVENTORY_SERVICE_ACCOUNT',
+        routeName: SERVICE_ACCOUNT_ROUTE._NAME,
+        translationId: 'MENU.SERVICE_ACCOUNT',
         icon: 'ic_service_service-account',
     },
     [MENU_ID.COST_EXPLORER]: {
diff --git a/apps/web/src/lib/reference/referenceRouter.ts b/apps/web/src/lib/reference/referenceRouter.ts
index 1595a66867..fa034c2110 100644
--- a/apps/web/src/lib/reference/referenceRouter.ts
+++ b/apps/web/src/lib/reference/referenceRouter.ts
@@ -10,6 +10,8 @@ import type { Reference, ResourceType } from '@/lib/reference/type';
 import { ADMIN_ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/admin/route-constant';
 import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-constant';
 import { PROJECT_ROUTE_V1 } from '@/services/project/v1/routes/route-constant';
+import { ADMIN_SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/admin/route-constant';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
 
 interface LinkFormatter {
     (baseUrl: string, data: string, reference: Reference, query: Location['query']): Location;
@@ -123,12 +125,12 @@ const routerMap = (isAdminMode?: boolean): RouterMap => ({
         },
     'identity.ServiceAccount':
         {
-            name: isAdminMode ? ADMIN_ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.DETAIL._NAME : ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.DETAIL._NAME,
+            name: isAdminMode ? ADMIN_SERVICE_ACCOUNT_ROUTE.DETAIL._NAME : SERVICE_ACCOUNT_ROUTE.DETAIL._NAME,
             formatter: serviceAccountLinkFormatter,
         },
     'identity.TrustedAccount':
         {
-            name: isAdminMode ? ADMIN_ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.DETAIL._NAME : ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.DETAIL._NAME,
+            name: isAdminMode ? ADMIN_SERVICE_ACCOUNT_ROUTE.DETAIL._NAME : SERVICE_ACCOUNT_ROUTE.DETAIL._NAME,
             formatter: serviceAccountLinkFormatter,
         },
     'inventory.CloudService':
diff --git a/apps/web/src/lib/site-initializer/api-client.ts b/apps/web/src/lib/site-initializer/api-client.ts
index 676ba4b857..21252ebd58 100644
--- a/apps/web/src/lib/site-initializer/api-client.ts
+++ b/apps/web/src/lib/site-initializer/api-client.ts
@@ -2,6 +2,7 @@ import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
 import TokenAPI from '@cloudforet/core-lib/space-connector/token-api';
 import type { DevConfig, MockConfig, AuthConfig } from '@cloudforet/core-lib/space-connector/type';
 
+import APIClientManager from '@/api-clients/api-client-manager';
 import type { TokenGrantParameters } from '@/api-clients/identity/token/schema/api-verbs/grant';
 import type { TokenGrantModel } from '@/api-clients/identity/token/schema/model';
 
@@ -10,7 +11,6 @@ import { pinia } from '@/store/pinia';
 import { useAllReferenceStore } from '@/store/reference/all-reference-store';
 import { useUserStore } from '@/store/user/user-store';
 
-
 const getAfterCallApiMap = () => ({
     '/inventory/cloud-service-type/create': (data) => {
         useAllReferenceStore(pinia);
@@ -425,13 +425,16 @@ export const initApiClient = async (config) => {
         mockConfig: getMockConfig(config),
         authConfig: getAuthConfig(config),
     };
+    const serviceConfig = config.get('SERVICES') || {};
     await SpaceConnector.init(
         endpoints,
         tokenApi,
         apiSettings,
         devConfig,
         getAfterCallApiMap(),
+        serviceConfig,
     );
+    await APIClientManager.initialize();
     const existingRefreshToken = SpaceConnector.getRefreshToken();
 
     if (!existingRefreshToken) return;
diff --git a/apps/web/src/lib/site-initializer/index.ts b/apps/web/src/lib/site-initializer/index.ts
index 7509043719..ee0c021c8b 100644
--- a/apps/web/src/lib/site-initializer/index.ts
+++ b/apps/web/src/lib/site-initializer/index.ts
@@ -5,8 +5,7 @@ import { QueryHelper } from '@cloudforet/core-lib/query';
 import { SpaceRouter } from '@/router';
 import { setI18nLocale } from '@/translations';
 
-import { alertManagerV1IntegralRoutes } from '@/router/alert-manager-v1-integral-routes';
-import { ERROR_ROUTE } from '@/router/constant';
+import { ERROR_ROUTE, ROOT_ROUTE } from '@/router/constant';
 import { errorRoutes } from '@/router/error-routes';
 import { integralRoutes } from '@/router/integral-routes';
 
@@ -31,10 +30,7 @@ import { checkSsoAccessToken } from '@/lib/site-initializer/sso';
 import { initUserAndAuth } from '@/lib/site-initializer/user-auth';
 import { initWorkspace } from '@/lib/site-initializer/workspace';
 
-
-const initConfig = async () => {
-    await config.init();
-};
+import ServiceConfigurator from '@/services/configurator';
 
 const initQueryHelper = () => {
     const userStore = useUserStore(pinia);
@@ -46,12 +42,29 @@ const initRouter = (domainId?: string) => {
     const userStore = useUserStore(pinia);
     const allReferenceStore = useAllReferenceStore(pinia);
     const afterGrantedCallback = () => allReferenceStore.flush();
+
+    const adminChildren = integralRoutes[0].children?.find(
+        (route) => route.name === ROOT_ROUTE.ADMIN._NAME,
+    )?.children;
+
+    const workspaceChildren = integralRoutes[0].children?.find(
+        (route) => route.name === ROOT_ROUTE.WORKSPACE._NAME,
+    )?.children;
+
+    if (adminChildren) {
+        const dynamicAdminRoutes = ServiceConfigurator.getRoutes('admin');
+        adminChildren.push(...dynamicAdminRoutes);
+    }
+
+    if (workspaceChildren) {
+        const dynamicWorkspaceRoutes = ServiceConfigurator.getRoutes('workspace');
+        workspaceChildren.push(...dynamicWorkspaceRoutes);
+    }
+
     if (!domainId) {
         SpaceRouter.init(errorRoutes, afterGrantedCallback, userStore);
     } else {
-        const isAlertManagerVersionV2 = (config.get('ADVANCED_SERVICE')?.alert_manager_v2 ?? []).includes(domainId);
-        const routes = isAlertManagerVersionV2 ? integralRoutes : alertManagerV1IntegralRoutes;
-        SpaceRouter.init(routes, afterGrantedCallback, userStore);
+        SpaceRouter.init(integralRoutes, afterGrantedCallback, userStore);
     }
     isRouterInitialized = true;
 };
@@ -69,7 +82,8 @@ const removeInitializer = () => {
 const init = async () => {
     /* Init SpaceONE Console */
     try {
-        await initConfig();
+        await config.init();
+        await ServiceConfigurator.initialize();
         await initApiClient(config);
         const domainId = await initDomain(config);
         const userId = await initUserAndAuth(config);
diff --git a/apps/web/src/router/admin-routes.ts b/apps/web/src/router/admin-routes.ts
deleted file mode 100644
index 9c93483dd0..0000000000
--- a/apps/web/src/router/admin-routes.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import type { RouteConfig } from 'vue-router';
-
-import adminAdvancedRoutes from '@/services/advanced/routes/admin/routes';
-import adminAssetInventoryRoutes from '@/services/asset-inventory/routes/admin/routes';
-import adminCostExplorerRoutes from '@/services/cost-explorer/routes/admin/routes';
-import adminDashboardsRoutes from '@/services/dashboards/routes/admin/routes';
-import adminIamRoutes from '@/services/iam/routes/admin/routes';
-import adminInfoRoute from '@/services/info/routes/admin/routes';
-import adminOpsFlowRoutes from '@/services/ops-flow/routes/admin/routes';
-import adminWorkspaceHomeRoutes from '@/services/workspace-home/routes/admin/routes';
-
-
-export const adminRoutes: RouteConfig[] = [
-    adminWorkspaceHomeRoutes,
-    adminDashboardsRoutes,
-    adminCostExplorerRoutes,
-    adminAssetInventoryRoutes,
-    adminIamRoutes,
-    adminAdvancedRoutes,
-    adminInfoRoute,
-    adminOpsFlowRoutes,
-];
diff --git a/apps/web/src/router/alert-manager-v1-integral-routes.ts b/apps/web/src/router/alert-manager-v1-integral-routes.ts
deleted file mode 100644
index 13641db1e0..0000000000
--- a/apps/web/src/router/alert-manager-v1-integral-routes.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import type { RouteConfig } from 'vue-router';
-
-import { alertManagerV1AdminRoutes } from '@/router/alert-manager-v1-admin-routes';
-import { alertManagerV1WorkspaceRoutes } from '@/router/alert-manager-v1-workspace-routes';
-import { ROOT_ROUTE, ROUTE_SCOPE } from '@/router/constant';
-import { errorRoutes } from '@/router/error-routes';
-import { externalRoutes } from '@/router/external-routes';
-
-import { pinia } from '@/store/pinia';
-import { useUserStore } from '@/store/user/user-store';
-
-import authRoutes from '@/services/auth/routes/routes';
-import landingPageRoutes from '@/services/landing/routes/routes';
-import myPageRoutes from '@/services/my-page/routes/routes';
-import { ADMIN_WORKSPACE_HOME_ROUTE } from '@/services/workspace-home/routes/admin/route-constant';
-import { WORKSPACE_HOME_ROUTE } from '@/services/workspace-home/routes/route-constant';
-
-const userStore = useUserStore(pinia);
-
-export const alertManagerV1IntegralRoutes: RouteConfig[] = [
-    {
-        path: '/',
-        component: { template: '<router-view />' },
-        children: [
-            {
-                path: '',
-                name: ROOT_ROUTE._NAME,
-                redirect: () => ({
-                    name: ROOT_ROUTE.WORKSPACE._NAME,
-                }),
-            },
-            ...authRoutes,
-            landingPageRoutes,
-            ...externalRoutes,
-            {
-                path: 'admin',
-                name: ROOT_ROUTE.ADMIN._NAME,
-                meta: { scope: ROUTE_SCOPE.DOMAIN },
-                redirect: () => {
-                    if (!userStore.getters.isDomainAdmin) return { name: ROOT_ROUTE.WORKSPACE._NAME };
-                    return ({ name: ADMIN_WORKSPACE_HOME_ROUTE._NAME });
-                },
-                component: { template: '<router-view />' },
-                children: [
-                    ...alertManagerV1AdminRoutes,
-                ],
-            },
-            {
-                path: 'workspace/:workspaceId?',
-                name: ROOT_ROUTE.WORKSPACE._NAME,
-                meta: { scope: ROUTE_SCOPE.WORKSPACE },
-                redirect: (to) => ({
-                    name: WORKSPACE_HOME_ROUTE._NAME,
-                    params: {
-                        ...to.params,
-                    },
-                }),
-                component: { template: '<router-view />' },
-                children: [
-                    ...alertManagerV1WorkspaceRoutes,
-                ],
-            },
-            myPageRoutes,
-            ...errorRoutes,
-        ],
-    },
-];
diff --git a/apps/web/src/router/alert-manager-v1-workspace-routes.ts b/apps/web/src/router/alert-manager-v1-workspace-routes.ts
index 43221836b9..0ae2601167 100644
--- a/apps/web/src/router/alert-manager-v1-workspace-routes.ts
+++ b/apps/web/src/router/alert-manager-v1-workspace-routes.ts
@@ -1,6 +1,6 @@
 import type { RouteConfig } from 'vue-router';
 
-import alertManagerRouteV1 from '@/services/alert-manager/v1/routes/routes';
+import alertManagerRoute from '@/services/alert-manager/v1/routes/routes';
 import assetInventoryRoute from '@/services/asset-inventory/routes/routes';
 import costExplorerRoute from '@/services/cost-explorer/routes/routes';
 import dashboardsRoute from '@/services/dashboards/routes/routes';
@@ -17,7 +17,7 @@ export const alertManagerV1WorkspaceRoutes: RouteConfig[] = [
     iamRoutes,
     assetInventoryRoute,
     projectRoute,
-    alertManagerRouteV1,
+    alertManagerRoute,
     costExplorerRoute,
     infoRoute,
     opsFlowRoutes,
diff --git a/apps/web/src/router/integral-routes.ts b/apps/web/src/router/integral-routes.ts
index 106e74ef15..fbebe4a5e3 100644
--- a/apps/web/src/router/integral-routes.ts
+++ b/apps/web/src/router/integral-routes.ts
@@ -1,10 +1,8 @@
 import type { RouteConfig } from 'vue-router';
 
-import { adminRoutes } from '@/router/admin-routes';
 import { ROOT_ROUTE, ROUTE_SCOPE } from '@/router/constant';
 import { errorRoutes } from '@/router/error-routes';
 import { externalRoutes } from '@/router/external-routes';
-import { workspaceRoutes } from '@/router/workspace-routes';
 
 import { pinia } from '@/store/pinia';
 import { useUserStore } from '@/store/user/user-store';
@@ -15,7 +13,6 @@ import myPageRoutes from '@/services/my-page/routes/routes';
 import { ADMIN_WORKSPACE_HOME_ROUTE } from '@/services/workspace-home/routes/admin/route-constant';
 import { WORKSPACE_HOME_ROUTE } from '@/services/workspace-home/routes/route-constant';
 
-
 export const integralRoutes: RouteConfig[] = [
     {
         path: '/',
@@ -41,9 +38,7 @@ export const integralRoutes: RouteConfig[] = [
                     return ({ name: ADMIN_WORKSPACE_HOME_ROUTE._NAME });
                 },
                 component: { template: '<router-view />' },
-                children: [
-                    ...adminRoutes,
-                ],
+                children: [],
             },
             {
                 path: 'workspace/:workspaceId?',
@@ -56,9 +51,7 @@ export const integralRoutes: RouteConfig[] = [
                     },
                 }),
                 component: { template: '<router-view />' },
-                children: [
-                    ...workspaceRoutes,
-                ],
+                children: [],
             },
             myPageRoutes,
             ...errorRoutes,
diff --git a/apps/web/src/services/advanced/components/WorkspaceGroupTabWorkspace.vue b/apps/web/src/services/advanced/components/WorkspaceGroupTabWorkspace.vue
index 89bde3879c..b43f2d3141 100644
--- a/apps/web/src/services/advanced/components/WorkspaceGroupTabWorkspace.vue
+++ b/apps/web/src/services/advanced/components/WorkspaceGroupTabWorkspace.vue
@@ -28,8 +28,8 @@ import { gray } from '@/styles/colors';
 import { workspaceStateFormatter } from '@/services/advanced/composables/refined-table-data';
 import { WORKSPACE_GROUP_MODAL_TYPE } from '@/services/advanced/constants/workspace-group-constant';
 import { useWorkspaceGroupPageStore } from '@/services/advanced/store/workspace-group-page-store';
-import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-constant';
 import { IAM_ROUTE } from '@/services/iam/routes/route-constant';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
 import { WORKSPACE_HOME_ROUTE } from '@/services/workspace-home/routes/route-constant';
 
 const workspaceGroupPageStore = useWorkspaceGroupPageStore();
@@ -86,7 +86,7 @@ const getUserRouteLocationByWorkspaceId = (item) => ({
 });
 
 const getServiceAccountRouteLocationByWorkspaceId = (item) => ({
-    name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME,
+    name: SERVICE_ACCOUNT_ROUTE._NAME,
     params: {
         workspaceId: item?.workspace_id,
     },
diff --git a/apps/web/src/services/advanced/components/WorkspaceGroupWokrspaceDeleteModal.vue b/apps/web/src/services/advanced/components/WorkspaceGroupWokrspaceDeleteModal.vue
index a640aa5ee2..733598639d 100644
--- a/apps/web/src/services/advanced/components/WorkspaceGroupWokrspaceDeleteModal.vue
+++ b/apps/web/src/services/advanced/components/WorkspaceGroupWokrspaceDeleteModal.vue
@@ -22,8 +22,8 @@ import { sortTableItems } from '@/common/utils/table-sort';
 import { workspaceStateFormatter } from '@/services/advanced/composables/refined-table-data';
 import { WORKSPACE_GROUP_MODAL_TYPE } from '@/services/advanced/constants/workspace-group-constant';
 import { useWorkspaceGroupPageStore } from '@/services/advanced/store/workspace-group-page-store';
-import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-constant';
 import { IAM_ROUTE } from '@/services/iam/routes/route-constant';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
 import { WORKSPACE_HOME_ROUTE } from '@/services/workspace-home/routes/route-constant';
 
 
@@ -73,7 +73,7 @@ const getUserRouteLocationByWorkspaceId = (item) => ({
 });
 
 const getServiceAccountRouteLocationByWorkspaceId = (item) => ({
-    name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME,
+    name: SERVICE_ACCOUNT_ROUTE._NAME,
     params: {
         workspaceId: item?.workspace_id,
     },
diff --git a/apps/web/src/services/advanced/components/WorkspaceManagementTable.vue b/apps/web/src/services/advanced/components/WorkspaceManagementTable.vue
index 23f9e1a005..88f47c35d8 100644
--- a/apps/web/src/services/advanced/components/WorkspaceManagementTable.vue
+++ b/apps/web/src/services/advanced/components/WorkspaceManagementTable.vue
@@ -43,12 +43,10 @@ import {
     WORKSPACE_TABLE_FIELDS,
 } from '@/services/advanced/constants/workspace-constant';
 import { useWorkspacePageStore } from '@/services/advanced/store/workspace-page-store';
-import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-constant';
 import { IAM_ROUTE } from '@/services/iam/routes/route-constant';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
 import { WORKSPACE_HOME_ROUTE } from '@/services/workspace-home/routes/route-constant';
 
-
-
 interface Props {
     tableHeight?: number;
     hasReadWriteAccess?: boolean;
@@ -211,7 +209,7 @@ const getUserRouteLocationByWorkspaceName = (item: WorkspaceModel) => ({
     },
 });
 const getServiceAccountRouteLocationByWorkspaceName = (item: WorkspaceModel) => ({
-    name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME,
+    name: SERVICE_ACCOUNT_ROUTE._NAME,
     params: {
         workspaceId: item?.workspace_id,
     },
diff --git a/apps/web/src/services/advanced/components/WorkspacesDeleteModal.vue b/apps/web/src/services/advanced/components/WorkspacesDeleteModal.vue
index 597b14d460..9de96b6489 100644
--- a/apps/web/src/services/advanced/components/WorkspacesDeleteModal.vue
+++ b/apps/web/src/services/advanced/components/WorkspacesDeleteModal.vue
@@ -19,7 +19,7 @@ import WorkspaceLogoIcon from '@/common/modules/navigations/top-bar/modules/top-
 import { workspaceStateFormatter } from '@/services/advanced/composables/refined-table-data';
 import { WORKSPACE_STATE } from '@/services/advanced/constants/workspace-constant';
 import { useWorkspacePageStore } from '@/services/advanced/store/workspace-page-store';
-import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-constant';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
 
 interface Props {
     visible: boolean;
@@ -136,7 +136,7 @@ const handleConfirm = async () => {
                             <p-link new-tab
                                     highlight
                                     action-icon="external-link"
-                                    :to="{ name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.DETAIL._NAME, params: { serviceAccountId: state.relatedTrustedAccount.trusted_account_id }}"
+                                    :to="{ name: SERVICE_ACCOUNT_ROUTE.DETAIL._NAME, params: { serviceAccountId: state.relatedTrustedAccount.trusted_account_id }}"
                             >
                                 {{ state.relatedTrustedAccount.name }}
                             </p-link>
diff --git a/apps/web/src/services/alert-manager/configurator.ts b/apps/web/src/services/alert-manager/configurator.ts
new file mode 100644
index 0000000000..8468767203
--- /dev/null
+++ b/apps/web/src/services/alert-manager/configurator.ts
@@ -0,0 +1,48 @@
+import type { FeatureVersionSettingsType } from '@/lib/config/global-config/type';
+import type { Menu } from '@/lib/menu/config';
+import { MENU_ID } from '@/lib/menu/config';
+import { MENU_INFO_MAP } from '@/lib/menu/menu-info';
+
+import { useGnbStore } from '@/common/modules/navigations/stores/gnb-store';
+
+import alertManagerRouteV1 from '@/services/alert-manager/v1/routes/routes';
+import alertManagerRoute from '@/services/alert-manager/v2/routes/routes';
+import { useMyPageStore } from '@/services/my-page/stores/my-page-store';
+
+class AlertManagerConfigurator {
+    static getAdminRoutes() {
+        return null;
+    }
+
+    static getWorkspaceRoutes(version: string) {
+        return version === 'V1' ? alertManagerRouteV1 : alertManagerRoute;
+    }
+
+    static getAdminMenu(): Menu|null {
+        return null;
+    }
+
+    static getWorkspaceMenu(settings: FeatureVersionSettingsType): Menu {
+        const menu = settings.menu;
+        const subMenuIds = Object.keys(menu).filter((menuId) => (menu)[menuId])
+            .map((menuId) => ({
+                id: MENU_INFO_MAP[menuId].menuId,
+                needPermissionByRole: true,
+            }));
+        return {
+            id: MENU_ID.ALERT_MANAGER,
+            needPermissionByRole: true,
+            subMenuList: subMenuIds,
+        };
+    }
+
+    static applyUiAffects(settings: FeatureVersionSettingsType): void|null {
+        const gnbStore = useGnbStore();
+        const myPageStore = useMyPageStore();
+
+        gnbStore.setVisibleAlertIcon(settings.uiAffects?.visibleAlertIcon);
+        myPageStore.setVisibleUserNotification(settings.uiAffects?.visibleUserNotification);
+    }
+}
+
+export default AlertManagerConfigurator;
diff --git a/apps/web/src/services/alert-manager/v1/routes/routes.ts b/apps/web/src/services/alert-manager/v1/routes/routes.ts
index fee28a1651..c08be0f49b 100644
--- a/apps/web/src/services/alert-manager/v1/routes/routes.ts
+++ b/apps/web/src/services/alert-manager/v1/routes/routes.ts
@@ -17,7 +17,7 @@ const EscalationPolicyPage = () => import('@/services/alert-manager/v1/pages/Esc
 const AlertDetailPage = () => import('@/services/alert-manager/v1/pages/AlertDetailPage.vue');
 
 
-const alertManagerRouteV1: RouteConfig = {
+const alertManagerRoute: RouteConfig = {
     path: 'alert-manager-v1',
     name: ALERT_MANAGER_ROUTE_V1._NAME,
     meta: {
@@ -26,7 +26,7 @@ const alertManagerRouteV1: RouteConfig = {
     },
     redirect: (to) => {
         const userStore = useUserStore(pinia);
-        return getRedirectRouteByPagePermission(to, userStore.getters.pageAccessPermissionMap, userStore.getters.domainId);
+        return getRedirectRouteByPagePermission(to, userStore.getters.pageAccessPermissionMap);
     },
     component: AlertManagerContainer,
     children: [
@@ -74,4 +74,4 @@ const alertManagerRouteV1: RouteConfig = {
     ],
 
 };
-export default alertManagerRouteV1;
+export default alertManagerRoute;
diff --git a/apps/web/src/services/alert-manager/v2/routes/routes.ts b/apps/web/src/services/alert-manager/v2/routes/routes.ts
index 1d61b36fc6..1741e510c4 100644
--- a/apps/web/src/services/alert-manager/v2/routes/routes.ts
+++ b/apps/web/src/services/alert-manager/v2/routes/routes.ts
@@ -27,7 +27,7 @@ const alertManagerRoute: RouteConfig = {
         menuId: MENU_ID.ALERT_MANAGER,
         translationId: MENU_INFO_MAP[MENU_ID.ALERT_MANAGER].translationId,
     },
-    redirect: (to) => getRedirectRouteByPagePermission(to, userStore.getters.pageAccessPermissionMap, userStore.getters.domainId),
+    redirect: (to) => getRedirectRouteByPagePermission(to, userStore.getters.pageAccessPermissionMap),
     component: AlertManagerContainer,
     children: [
         {
diff --git a/apps/web/src/services/asset-inventory/components/CloudServiceDetailTabs.vue b/apps/web/src/services/asset-inventory/components/CloudServiceDetailTabs.vue
index 3d58bcbd90..b47d8d59c0 100644
--- a/apps/web/src/services/asset-inventory/components/CloudServiceDetailTabs.vue
+++ b/apps/web/src/services/asset-inventory/components/CloudServiceDetailTabs.vue
@@ -10,20 +10,16 @@ import {
 } from '@cloudforet/mirinae';
 import type { DynamicLayoutFieldHandler } from '@cloudforet/mirinae/types/data-display/dynamic/dynamic-layout/type';
 
-
 import type { CloudServiceGetParameters } from '@/schema/inventory/cloud-service/api-verbs/get';
 import type { CloudServiceModel } from '@/schema/inventory/cloud-service/model';
 import { i18n } from '@/translations';
 
-import { useDisplayStore } from '@/store/display/display-store';
-import { useDomainStore } from '@/store/domain/domain-store';
 import { useAllReferenceStore } from '@/store/reference/all-reference-store';
 
-import config from '@/lib/config';
 import { MENU_ID } from '@/lib/menu/config';
 import type { Reference } from '@/lib/reference/type';
 
-
+import { useContentsAccessibility } from '@/common/composables/contents-accessibility';
 import ErrorHandler from '@/common/composables/error/errorHandler';
 import Monitoring from '@/common/modules/monitoring/Monitoring.vue';
 import type { MonitoringProps, MonitoringResourceType } from '@/common/modules/monitoring/type';
@@ -42,6 +38,7 @@ import CloudServiceLogTab
 import CloudServiceTagsPanel
     from '@/services/asset-inventory/components/CloudServiceTagsPanel.vue';
 import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-constant';
+import { useCloudServiceDetailPageStore } from '@/services/asset-inventory/stores/cloud-service-detail-page-store';
 import BoardTaskTable from '@/services/ops-flow/components/BoardTaskTable.vue';
 import {
     useTaskManagementTemplateStore,
@@ -60,17 +57,21 @@ interface Props {
 }
 
 const props = defineProps<Props>();
-const domainStore = useDomainStore();
-const isAlertManagerVersionV2 = (config.get('ADVANCED_SERVICE')?.alert_manager_v2 ?? []).includes(domainStore.state.domainId);
 
 const allReferenceStore = useAllReferenceStore();
 const allReferenceGetters = allReferenceStore.getters;
-const displayStore = useDisplayStore();
 const taskManagementTemplateStore = useTaskManagementTemplateStore();
+const cloudServiceDetailPageStore = useCloudServiceDetailPageStore();
+const cloudServiceDetailPageState = cloudServiceDetailPageStore.$state;
 
 const router = useRouter();
 
+const { visibleContents } = useContentsAccessibility(MENU_ID.OPS_FLOW);
+
 /* Tabs */
+const state = reactive({
+    visibleAlertTab: computed(() => cloudServiceDetailPageState.visibleAlertTab),
+});
 const singleItemTabState = reactive({
     tabs: computed(() => {
         const defaultTabs = [
@@ -85,10 +86,10 @@ const singleItemTabState = reactive({
                 { name: 'log', label: i18n.t('INVENTORY.CLOUD_SERVICE.PAGE.TAB_LOG') },
             );
         }
-        if (isAlertManagerVersionV2) {
+        if (state.visibleAlertTab) {
             defaultTabs.push({ name: 'alerts', label: i18n.t('INVENTORY.CLOUD_SERVICE.PAGE.TAB_ALERTS') });
         }
-        if (displayStore.getters.availableAdvancedServices[MENU_ID.OPS_FLOW]) {
+        if (visibleContents.value) {
             defaultTabs.push({ name: 'task', label: taskManagementTemplateStore.templates.Task });
         }
         return defaultTabs;
@@ -102,7 +103,7 @@ const multiItemTabState = reactive({
             { name: 'data', label: i18n.t('INVENTORY.CLOUD_SERVICE.PAGE.TAB_SELECTED_DATA') },
             { name: 'monitoring', label: i18n.t('INVENTORY.CLOUD_SERVICE.PAGE.TAB_MONITORING') },
         ];
-        if (displayStore.getters.availableAdvancedServices[MENU_ID.OPS_FLOW]) {
+        if (visibleContents.value) {
             defaultTabs.push({ name: 'task', label: taskManagementTemplateStore.templates.Task });
         }
         return defaultTabs;
diff --git a/apps/web/src/services/asset-inventory/configurator.ts b/apps/web/src/services/asset-inventory/configurator.ts
new file mode 100644
index 0000000000..7cd1b3aa3b
--- /dev/null
+++ b/apps/web/src/services/asset-inventory/configurator.ts
@@ -0,0 +1,49 @@
+import type { FeatureVersionSettingsType } from '@/lib/config/global-config/type';
+import type { Menu } from '@/lib/menu/config';
+import { MENU_ID } from '@/lib/menu/config';
+import { MENU_INFO_MAP } from '@/lib/menu/menu-info';
+
+import adminAssetInventoryRoutes from '@/services/asset-inventory/routes/admin/routes';
+import assetInventoryRoute from '@/services/asset-inventory/routes/routes';
+import { useCloudServiceDetailPageStore } from '@/services/asset-inventory/stores/cloud-service-detail-page-store';
+
+class AssetInventoryConfigurator {
+    static getAdminRoutes() {
+        return adminAssetInventoryRoutes;
+    }
+
+    static getWorkspaceRoutes() {
+        return assetInventoryRoute;
+    }
+
+    static getAdminMenu(settings: FeatureVersionSettingsType): Menu {
+        const menu = settings.adminMenu || settings.menu;
+        const subMenuIds = Object.keys(menu).filter((menuId) => (menu)[menuId])
+            .map((menuId) => ({ id: MENU_INFO_MAP[menuId].menuId }));
+        return {
+            id: MENU_ID.ASSET_INVENTORY,
+            subMenuList: subMenuIds,
+        };
+    }
+
+    static getWorkspaceMenu(settings: FeatureVersionSettingsType): Menu {
+        const menu = settings.menu;
+        const subMenuIds = Object.keys(menu).filter((menuId) => (menu)[menuId])
+            .map((menuId) => ({
+                id: MENU_INFO_MAP[menuId].menuId,
+                needPermissionByRole: true,
+            }));
+        return {
+            id: MENU_ID.ASSET_INVENTORY,
+            needPermissionByRole: true,
+            subMenuList: subMenuIds,
+        };
+    }
+
+    static applyUiAffects(settings: FeatureVersionSettingsType): void|null {
+        const cloudServiceDetailPageStore = useCloudServiceDetailPageStore();
+        cloudServiceDetailPageStore.setVisibleAlertTab(settings.uiAffects?.visibleAlertTabAtDetail);
+    }
+}
+
+export default AssetInventoryConfigurator;
diff --git a/apps/web/src/services/asset-inventory/pages/CloudServicePage.vue b/apps/web/src/services/asset-inventory/pages/CloudServicePage.vue
index 2d6ffcf8d4..45ff1fdc53 100644
--- a/apps/web/src/services/asset-inventory/pages/CloudServicePage.vue
+++ b/apps/web/src/services/asset-inventory/pages/CloudServicePage.vue
@@ -58,6 +58,7 @@ import type {
     CloudServiceMainPageUrlQueryValue,
 } from '@/services/asset-inventory/types/cloud-service-page-type';
 import type { EmptyData, Period } from '@/services/asset-inventory/types/type';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
 
 interface Response {
     results: CloudServiceAnalyzeResult[];
@@ -129,7 +130,7 @@ const state = reactive({
         let result = {} as EmptyData;
         if (state.isNoServiceAccounts) {
             result = {
-                to: state.writableServiceAccount ? { name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME } : {},
+                to: state.writableServiceAccount ? { name: SERVICE_ACCOUNT_ROUTE._NAME } : {},
                 buttonText: state.writableServiceAccount ? i18n.t('INVENTORY.ADD_SERVICE_ACCOUNT') : undefined,
                 desc: i18n.t('INVENTORY.EMPTY_CLOUD_SERVICE'),
             };
diff --git a/apps/web/src/services/asset-inventory/pages/SecurityPage.vue b/apps/web/src/services/asset-inventory/pages/SecurityPage.vue
index 7ab6bd3b4d..4157969357 100644
--- a/apps/web/src/services/asset-inventory/pages/SecurityPage.vue
+++ b/apps/web/src/services/asset-inventory/pages/SecurityPage.vue
@@ -26,6 +26,7 @@ import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-c
 import { useSecurityPageStore } from '@/services/asset-inventory/stores/security-page-store';
 import type { CloudServiceDetailPageParams } from '@/services/asset-inventory/types/cloud-service-detail-page-type';
 import type { EmptyData } from '@/services/asset-inventory/types/type';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
 
 const allReferenceStore = useAllReferenceStore();
 const securityPageStore = useSecurityPageStore();
@@ -49,7 +50,7 @@ const state = reactive({
         let result = {} as EmptyData;
         if (!Object.keys(storeState.serviceAccounts).length) {
             result = {
-                to: state.writableServiceAccount ? { name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME } : {},
+                to: state.writableServiceAccount ? { name: SERVICE_ACCOUNT_ROUTE._NAME } : {},
                 buttonText: state.writableServiceAccount ? i18n.t('INVENTORY.ADD_SERVICE_ACCOUNT') : undefined,
                 desc: i18n.t('INVENTORY.EMPTY_CLOUD_SERVICE'),
             };
diff --git a/apps/web/src/services/asset-inventory/routes/admin/route-constant.ts b/apps/web/src/services/asset-inventory/routes/admin/route-constant.ts
index 9b3c148aa9..5937ca45e5 100644
--- a/apps/web/src/services/asset-inventory/routes/admin/route-constant.ts
+++ b/apps/web/src/services/asset-inventory/routes/admin/route-constant.ts
@@ -29,12 +29,6 @@ export const ADMIN_ASSET_INVENTORY_ROUTE = Object.freeze({
             JOB: { _NAME: `${MENU_ID.ASSET_INVENTORY}.${MENU_ID.COLLECTOR}.history.job` },
         },
     },
-    SERVICE_ACCOUNT: {
-        _NAME: `admin.${MENU_ID.ASSET_INVENTORY}.${MENU_ID.SERVICE_ACCOUNT}`,
-        DETAIL: { _NAME: `admin.${MENU_ID.ASSET_INVENTORY}.${MENU_ID.SERVICE_ACCOUNT}.detail` },
-        ADD: { _NAME: `admin.${MENU_ID.ASSET_INVENTORY}.${MENU_ID.SERVICE_ACCOUNT}.add` },
-        NO_RESOURCE: { _NAME: `admin.${MENU_ID.ASSET_INVENTORY}.${MENU_ID.SERVICE_ACCOUNT}.no_resource` },
-    },
     METRIC_EXPLORER: {
         _NAME: `admin.${MENU_ID.ASSET_INVENTORY}.${MENU_ID.METRIC_EXPLORER}`,
         DETAIL: {
diff --git a/apps/web/src/services/asset-inventory/routes/admin/routes.ts b/apps/web/src/services/asset-inventory/routes/admin/routes.ts
index 8c4146e528..20bad53fca 100644
--- a/apps/web/src/services/asset-inventory/routes/admin/routes.ts
+++ b/apps/web/src/services/asset-inventory/routes/admin/routes.ts
@@ -5,7 +5,6 @@ import { upperCase } from 'lodash';
 import { MENU_ID } from '@/lib/menu/config';
 import { MENU_INFO_MAP } from '@/lib/menu/menu-info';
 
-import { ACCOUNT_TYPE_BADGE_OPTION } from '@/services/asset-inventory/constants/service-account-constant';
 import { ADMIN_ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/admin/route-constant';
 
 const AssetInventoryContainer = () => import('@/services/asset-inventory/AssetInventoryContainer.vue');
@@ -28,10 +27,6 @@ const AdminCollectorHistoryPage = () => import('@/services/asset-inventory/pages
 const AdminCollectHistoryJobPage = () => import('@/services/asset-inventory/pages/admin/AdminCollectHistoryJobPage.vue');
 const AdminCollectorDetailPage = () => import('@/services/asset-inventory/pages/admin/AdminCollectorDetailPage.vue');
 
-const ServiceAccountPage = () => import('@/services/asset-inventory/pages/ServiceAccountPage.vue');
-const ServiceAccountDetailPage = () => import('@/services/asset-inventory/pages/ServiceAccountDetailPage.vue');
-const ServiceAccountAddPage = () => import('@/services/asset-inventory/pages/ServiceAccountAddPage.vue');
-
 
 const adminAssetInventoryRoute: RouteConfig = {
     path: 'asset-inventory',
@@ -161,44 +156,6 @@ const adminAssetInventoryRoute: RouteConfig = {
                 },
             ],
         },
-        {
-            path: 'service-account',
-            meta: { menuId: MENU_ID.SERVICE_ACCOUNT, translationId: MENU_INFO_MAP[MENU_ID.SERVICE_ACCOUNT].translationId },
-            component: { template: '<router-view />' },
-            children: [
-                {
-                    path: '/',
-                    name: ADMIN_ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME,
-                    meta: { menuId: MENU_ID.SERVICE_ACCOUNT },
-                    props: true,
-                    component: ServiceAccountPage as any,
-                },
-                {
-                    path: 'no-resource',
-                    name: ADMIN_ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.NO_RESOURCE._NAME,
-                    meta: { translationId: 'COMMON.ERROR.NO_RESOURCE_TITLE' },
-                    component: NoResourcePage as any,
-                },
-                {
-                    path: ':serviceAccountId',
-                    name: ADMIN_ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.DETAIL._NAME,
-                    meta: { label: ({ params }) => params.serviceAccountId, copiable: true },
-                    props: true,
-                    component: ServiceAccountDetailPage,
-                },
-                {
-                    path: 'add/:provider/:serviceAccountType',
-                    name: ADMIN_ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.ADD._NAME,
-                    meta: {
-                        translationId: ({ params }) => (['IDENTITY.SERVICE_ACCOUNT.ADD.TITLE', {
-                            type: ACCOUNT_TYPE_BADGE_OPTION[params.serviceAccountType].label,
-                        }]),
-                    },
-                    props: true,
-                    component: ServiceAccountAddPage as any,
-                },
-            ],
-        },
         {
             path: 'metric-explorer',
             meta: { menuId: MENU_ID.METRIC_EXPLORER, translationId: MENU_INFO_MAP[MENU_ID.METRIC_EXPLORER].translationId },
diff --git a/apps/web/src/services/asset-inventory/routes/route-constant.ts b/apps/web/src/services/asset-inventory/routes/route-constant.ts
index 0a77066f4f..d4281aac69 100644
--- a/apps/web/src/services/asset-inventory/routes/route-constant.ts
+++ b/apps/web/src/services/asset-inventory/routes/route-constant.ts
@@ -29,12 +29,6 @@ export const ASSET_INVENTORY_ROUTE = Object.freeze({
             JOB: { _NAME: `${MENU_ID.ASSET_INVENTORY}.${MENU_ID.COLLECTOR}.history.job` },
         },
     },
-    SERVICE_ACCOUNT: {
-        _NAME: `${MENU_ID.ASSET_INVENTORY}.${MENU_ID.SERVICE_ACCOUNT}`,
-        DETAIL: { _NAME: `${MENU_ID.ASSET_INVENTORY}.${MENU_ID.SERVICE_ACCOUNT}.detail` },
-        ADD: { _NAME: `${MENU_ID.ASSET_INVENTORY}.${MENU_ID.SERVICE_ACCOUNT}.add` },
-        NO_RESOURCE: { _NAME: `${MENU_ID.ASSET_INVENTORY}.${MENU_ID.SERVICE_ACCOUNT}.no_resource` },
-    },
     METRIC_EXPLORER: {
         _NAME: `${MENU_ID.ASSET_INVENTORY}.${MENU_ID.METRIC_EXPLORER}`,
         DETAIL: {
diff --git a/apps/web/src/services/asset-inventory/routes/routes.ts b/apps/web/src/services/asset-inventory/routes/routes.ts
index 299df9d357..ebcc9d7cd9 100644
--- a/apps/web/src/services/asset-inventory/routes/routes.ts
+++ b/apps/web/src/services/asset-inventory/routes/routes.ts
@@ -9,7 +9,6 @@ import { getRedirectRouteByPagePermission } from '@/lib/access-control/redirect-
 import { MENU_ID } from '@/lib/menu/config';
 import { MENU_INFO_MAP } from '@/lib/menu/menu-info';
 
-import { ACCOUNT_TYPE_BADGE_OPTION } from '@/services/asset-inventory/constants/service-account-constant';
 import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-constant';
 
 const AssetInventoryContainer = () => import('@/services/asset-inventory/AssetInventoryContainer.vue');
@@ -30,10 +29,6 @@ const MetricExplorerDetailPage = () => import('@/services/asset-inventory/pages/
 const CollectorMainPage = () => import('@/services/asset-inventory/pages/CollectorMainPage.vue');
 const CreateCollectorPage = () => import('@/services/asset-inventory/pages/CollectorCreatePage.vue');
 
-const ServiceAccountPage = () => import('@/services/asset-inventory/pages/ServiceAccountPage.vue');
-const ServiceAccountDetailPage = () => import('@/services/asset-inventory/pages/ServiceAccountDetailPage.vue');
-const ServiceAccountAddPage = () => import('@/services/asset-inventory/pages/ServiceAccountAddPage.vue');
-
 const CollectorHistoryPage = () => import('@/services/asset-inventory/pages/CollectorHistoryPage.vue');
 const CollectJobPage = () => import('@/services/asset-inventory/pages/CollectHistoryJobPage.vue');
 const CollectorDetailPage = () => import('@/services/asset-inventory/pages/CollectorDetailPage.vue');
@@ -47,7 +42,7 @@ const assetInventoryRoute: RouteConfig = {
         menuId: MENU_ID.ASSET_INVENTORY,
         translationId: MENU_INFO_MAP[MENU_ID.ASSET_INVENTORY].translationId,
     },
-    redirect: (to) => getRedirectRouteByPagePermission(to, userStore.getters.pageAccessPermissionMap, userStore.getters.domainId),
+    redirect: (to) => getRedirectRouteByPagePermission(to, userStore.getters.pageAccessPermissionMap),
     component: AssetInventoryContainer,
     children: [
         {
@@ -169,44 +164,6 @@ const assetInventoryRoute: RouteConfig = {
                 },
             ],
         },
-        {
-            path: 'service-account',
-            meta: { menuId: MENU_ID.SERVICE_ACCOUNT, translationId: MENU_INFO_MAP[MENU_ID.SERVICE_ACCOUNT].translationId },
-            component: { template: '<router-view />' },
-            children: [
-                {
-                    path: '/',
-                    name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME,
-                    meta: { menuId: MENU_ID.SERVICE_ACCOUNT },
-                    props: true,
-                    component: ServiceAccountPage as any,
-                },
-                {
-                    path: 'no-resource',
-                    name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.NO_RESOURCE._NAME,
-                    meta: { translationId: 'COMMON.ERROR.NO_RESOURCE_TITLE' },
-                    component: NoResourcePage as any,
-                },
-                {
-                    path: ':serviceAccountId',
-                    name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.DETAIL._NAME,
-                    meta: { label: ({ params }) => params.serviceAccountId, copiable: true },
-                    props: true,
-                    component: ServiceAccountDetailPage,
-                },
-                {
-                    path: 'add/:provider/:serviceAccountType',
-                    name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.ADD._NAME,
-                    meta: {
-                        translationId: ({ params }) => (['IDENTITY.SERVICE_ACCOUNT.ADD.TITLE', {
-                            type: ACCOUNT_TYPE_BADGE_OPTION[params.serviceAccountType].label,
-                        }]),
-                    },
-                    props: true,
-                    component: ServiceAccountAddPage as any,
-                },
-            ],
-        },
         {
             path: 'metric-explorer',
             meta: { menuId: MENU_ID.METRIC_EXPLORER, translationId: MENU_INFO_MAP[MENU_ID.METRIC_EXPLORER].translationId },
diff --git a/apps/web/src/services/asset-inventory/stores/cloud-service-detail-page-store.ts b/apps/web/src/services/asset-inventory/stores/cloud-service-detail-page-store.ts
index f095bb0f76..58a4eefc22 100644
--- a/apps/web/src/services/asset-inventory/stores/cloud-service-detail-page-store.ts
+++ b/apps/web/src/services/asset-inventory/stores/cloud-service-detail-page-store.ts
@@ -15,6 +15,7 @@ import type { CloudServiceDetailPageParams } from '@/services/asset-inventory/ty
 
 export const useCloudServiceDetailPageStore = defineStore('page-cloud-service-detail', {
     state: () => ({
+        visibleAlertTab: false as undefined | boolean,
         provider: '' as string,
         group: '' as string,
         name: undefined as undefined | string,
@@ -46,5 +47,8 @@ export const useCloudServiceDetailPageStore = defineStore('page-cloud-service-de
             this.group = group;
             this.name = name;
         },
+        setVisibleAlertTab(val?: boolean) {
+            this.visibleAlertTab = val;
+        },
     },
 });
diff --git a/apps/web/src/services/configurator.ts b/apps/web/src/services/configurator.ts
new file mode 100644
index 0000000000..dcfc2a8083
--- /dev/null
+++ b/apps/web/src/services/configurator.ts
@@ -0,0 +1,109 @@
+import type { RouteConfig } from 'vue-router';
+
+import { isEmpty } from 'lodash';
+
+import { useMenuStore } from '@/store/menu/menu-store';
+
+import config from '@/lib/config';
+import { FeatureSchemaManager } from '@/lib/config/global-config/feature-schema-manager';
+import type { FeatureSchemaType, GlobalServiceConfig } from '@/lib/config/global-config/type';
+import type { Menu } from '@/lib/menu/config';
+import { DEFAULT_ADMIN_MENU_LIST, DEFAULT_MENU_LIST } from '@/lib/menu/menu-architecture';
+
+import adminAdvancedRoutes from '@/services/advanced/routes/admin/routes';
+import AlertManagerConfigurator from '@/services/alert-manager/configurator';
+import AssetInventoryConfigurator from '@/services/asset-inventory/configurator';
+import CostExplorerConfigurator from '@/services/cost-explorer/configurator';
+import DashboardConfigurator from '@/services/dashboards/configurator';
+import IamConfigurator from '@/services/iam/configurator';
+import adminInfoRoutes from '@/services/info/routes/admin/routes';
+import infoRoutes from '@/services/info/routes/routes';
+import OpsFlowConfigurator from '@/services/ops-flow/configurator';
+import ProjectConfigurator from '@/services/project/configurator';
+import ServiceAccountConfigurator from '@/services/service-account/configurator';
+import adminWorkspaceHomeRoutes from '@/services/workspace-home/routes/admin/routes';
+import workspaceHomeRoute from '@/services/workspace-home/routes/routes';
+
+class ServiceConfigurator {
+    private config: GlobalServiceConfig = {} as GlobalServiceConfig;
+
+    private featureSchema: FeatureSchemaType = {} as FeatureSchemaType;
+
+    async initialize() {
+        await config.init();
+        this.config = config.get('SERVICES') || {};
+        const featureSchemaManager = new FeatureSchemaManager(this.config);
+        const featureSchema = await featureSchemaManager.applyGlobalConfig();
+
+        if (isEmpty(this.config)) return;
+
+        this.featureSchema = featureSchema;
+    }
+
+    getRoutes(mode: 'admin' | 'workspace'): RouteConfig[] {
+        const baseRoutes = mode === 'admin'
+            ? [adminWorkspaceHomeRoutes, adminAdvancedRoutes, adminInfoRoutes]
+            : [workspaceHomeRoute, infoRoutes];
+
+        Object.keys(this.featureSchema).forEach((serviceName) => {
+            const configurator = ServiceConfigurator.getFeatureConfigurator(serviceName);
+            if (configurator) {
+                const version = this.featureSchema[serviceName].currentVersion;
+                const route = mode === 'admin'
+                    ? configurator.getAdminRoutes(version)
+                    : configurator.getWorkspaceRoutes(version);
+                if (route && !baseRoutes.some((existingRoute) => existingRoute.path === route.path)) {
+                    baseRoutes.push(route);
+                }
+            }
+        });
+
+        return baseRoutes;
+    }
+
+    getMenuList(mode: 'admin' | 'workspace'): Menu[] {
+        const menuStore = useMenuStore();
+
+        const menuList: Menu[] = mode === 'admin' ? [] : DEFAULT_MENU_LIST;
+
+        Object.keys(this.featureSchema).forEach((serviceName) => {
+            const configurator = ServiceConfigurator.getFeatureConfigurator(serviceName);
+            if (configurator) {
+                const feature = this.featureSchema[serviceName];
+                const versionSchema = feature[feature.currentVersion];
+                configurator.applyUiAffects(versionSchema);
+                const serviceMenu = mode === 'admin'
+                    ? configurator.getAdminMenu(versionSchema)
+                    : configurator.getWorkspaceMenu(versionSchema);
+                if (serviceMenu && !menuList.some((existingRoute) => existingRoute.id === serviceMenu.id)) {
+                    menuList.push(serviceMenu);
+                }
+            }
+        });
+
+        if (mode === 'admin') {
+            menuList.push(...DEFAULT_ADMIN_MENU_LIST);
+        }
+
+        menuStore.setMenuList(menuList);
+
+        return menuList;
+    }
+
+    private static getFeatureConfigurator(featureName: string): any | null {
+        const configurators = {
+            DASHBOARDS: DashboardConfigurator,
+            PROJECT: ProjectConfigurator,
+            SERVICE_ACCOUNT: ServiceAccountConfigurator,
+            ASSET_INVENTORY: AssetInventoryConfigurator,
+            COST_EXPLORER: CostExplorerConfigurator,
+            ALERT_MANAGER: AlertManagerConfigurator,
+            OPS_FLOW: OpsFlowConfigurator,
+            IAM: IamConfigurator,
+        };
+
+        return configurators[featureName] || null;
+    }
+}
+
+export default new ServiceConfigurator();
diff --git a/apps/web/src/services/cost-explorer/components/CostAnalysisDataTable.vue b/apps/web/src/services/cost-explorer/components/CostAnalysisDataTable.vue
index cf1c3f4d72..122aaee469 100644
--- a/apps/web/src/services/cost-explorer/components/CostAnalysisDataTable.vue
+++ b/apps/web/src/services/cost-explorer/components/CostAnalysisDataTable.vue
@@ -46,8 +46,6 @@ import { usageUnitFormatter } from '@/lib/helper/usage-formatter';
 
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
-
-import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-constant';
 import {
     GRANULARITY,
     GROUP_BY,
@@ -66,6 +64,7 @@ import type {
     DisplayDataType,
 } from '@/services/cost-explorer/types/cost-explorer-query-type';
 import { PROJECT_ROUTE_V1 } from '@/services/project/v1/routes/route-constant';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
 
 
 type CostAnalyzeRawData = {
@@ -413,7 +412,7 @@ const handleClickRowData = (fieldName: string, value: string) => {
         _params = { id: value, workspaceId: storeState.currentWorkspaceId };
     }
     if (fieldName === GROUP_BY.SERVICE_ACCOUNT) {
-        _routeName = ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.DETAIL._NAME;
+        _routeName = SERVICE_ACCOUNT_ROUTE.DETAIL._NAME;
         _params = { serviceAccountId: value, workspaceId: storeState.currentWorkspaceId };
     }
 
diff --git a/apps/web/src/services/cost-explorer/configurator.ts b/apps/web/src/services/cost-explorer/configurator.ts
new file mode 100644
index 0000000000..a96463f2d4
--- /dev/null
+++ b/apps/web/src/services/cost-explorer/configurator.ts
@@ -0,0 +1,49 @@
+import type { FeatureVersionSettingsType } from '@/lib/config/global-config/type';
+import type { Menu } from '@/lib/menu/config';
+import { MENU_ID } from '@/lib/menu/config';
+import { MENU_INFO_MAP } from '@/lib/menu/menu-info';
+
+import adminCostExplorerRoutes from '@/services/cost-explorer/routes/admin/routes';
+import costExplorerRoutes from '@/services/cost-explorer/routes/routes';
+import { useBudgetDetailPageStore } from '@/services/cost-explorer/stores/budget-detail-page-store';
+
+class CostExplorerConfigurator {
+    static getAdminRoutes() {
+        return adminCostExplorerRoutes;
+    }
+
+    static getWorkspaceRoutes() {
+        return costExplorerRoutes;
+    }
+
+    static getAdminMenu(settings: FeatureVersionSettingsType): Menu {
+        const menu = settings.adminMenu || settings.menu;
+        const subMenuIds = Object.keys(menu).filter((menuId) => (menu)[menuId])
+            .map((menuId) => ({ id: MENU_INFO_MAP[menuId].menuId }));
+        return {
+            id: MENU_ID.COST_EXPLORER,
+            subMenuList: subMenuIds,
+        };
+    }
+
+    static getWorkspaceMenu(settings: FeatureVersionSettingsType): Menu {
+        const menu = settings.menu;
+        const subMenuIds = Object.keys(menu).filter((menuId) => (menu)[menuId])
+            .map((menuId) => ({
+                id: MENU_INFO_MAP[menuId].menuId,
+                needPermissionByRole: true,
+            }));
+        return {
+            id: MENU_ID.COST_EXPLORER,
+            needPermissionByRole: true,
+            subMenuList: subMenuIds,
+        };
+    }
+
+    static applyUiAffects(settings: FeatureVersionSettingsType): void|null {
+        const budgetDetailPageStore = useBudgetDetailPageStore();
+        budgetDetailPageStore.setVisibleBudgetNotification(settings.uiAffects?.visibleBudgetNotification);
+    }
+}
+
+export default CostExplorerConfigurator;
diff --git a/apps/web/src/services/cost-explorer/pages/BudgetDetailPage.vue b/apps/web/src/services/cost-explorer/pages/BudgetDetailPage.vue
index 87dfc2a35a..6ab8ca7237 100644
--- a/apps/web/src/services/cost-explorer/pages/BudgetDetailPage.vue
+++ b/apps/web/src/services/cost-explorer/pages/BudgetDetailPage.vue
@@ -4,15 +4,11 @@ import type { Location } from 'vue-router';
 
 import { PLink, PScopedNotification } from '@cloudforet/mirinae';
 
-
 import type { BudgetModel } from '@/api-clients/cost-analysis/budget/schema/model';
 import { i18n } from '@/translations';
 
-import { useDomainStore } from '@/store/domain/domain-store';
 import { useUserStore } from '@/store/user/user-store';
 
-import config from '@/lib/config';
-
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
 import BudgetDetailHeading from '@/services/cost-explorer/components/BudgetDetailHeading.vue';
@@ -32,13 +28,13 @@ const props = withDefaults(defineProps<Props>(), {
     budgetId: '',
 });
 
-const domainStore = useDomainStore();
 const userStore = useUserStore();
 const budgetPageStore = useBudgetDetailPageStore();
 const budgetPageState = budgetPageStore.$state;
 const state = reactive({
     loading: true,
     budgetData: computed<BudgetModel|null>(() => budgetPageState.budgetData),
+    visibleBudgetNotification: computed<boolean>(() => budgetPageState.visibleBudgetNotification),
     isWorkspaceTarget: computed<boolean>(() => (state.budgetData?.resource_group === 'WORKSPACE')),
     adminModeLink: computed<Location>(() => ({
         name: ADMIN_COST_EXPLORER_ROUTE.BUDGET.DETAIL._NAME,
@@ -46,7 +42,6 @@ const state = reactive({
             budgetId: state.budgetData?.budget_id,
         },
     })),
-    isAlertManagerVersionV2: computed<boolean>(() => (config.get('ADVANCED_SERVICE')?.alert_manager_v2 ?? []).includes(domainStore.state.domainId)),
 });
 
 (async () => {
@@ -94,7 +89,7 @@ const state = reactive({
                 :budget-loading="state.loading"
                 class="summary"
             />
-            <budget-detail-notifications v-if="!state.isAlertManagerVersionV2 && !state.isWorkspaceTarget"
+            <budget-detail-notifications v-if="state.visibleBudgetNotification && !state.isWorkspaceTarget"
                                          class="alert"
                                          :currency="state.budgetData?.currency"
             />
diff --git a/apps/web/src/services/cost-explorer/routes/routes.ts b/apps/web/src/services/cost-explorer/routes/routes.ts
index 0d68b6bb23..fb47ba2f8b 100644
--- a/apps/web/src/services/cost-explorer/routes/routes.ts
+++ b/apps/web/src/services/cost-explorer/routes/routes.ts
@@ -33,7 +33,7 @@ const costExplorerRoutes: RouteConfig = {
     },
     redirect: (to) => {
         const userStore = useUserStore(pinia);
-        return getRedirectRouteByPagePermission(to, userStore.getters.pageAccessPermissionMap, userStore.getters.domainId);
+        return getRedirectRouteByPagePermission(to, userStore.getters.pageAccessPermissionMap);
     },
     component: CostExplorerContainer,
     children: [
diff --git a/apps/web/src/services/cost-explorer/stores/budget-detail-page-store.ts b/apps/web/src/services/cost-explorer/stores/budget-detail-page-store.ts
index b582f121a8..728af149c0 100644
--- a/apps/web/src/services/cost-explorer/stores/budget-detail-page-store.ts
+++ b/apps/web/src/services/cost-explorer/stores/budget-detail-page-store.ts
@@ -16,11 +16,15 @@ import ErrorHandler from '@/common/composables/error/errorHandler';
 
 export const useBudgetDetailPageStore = defineStore('page-budget-detail', {
     state: () => ({
+        visibleBudgetNotification: false as undefined | boolean,
         loading: true,
         budgetData: null as BudgetModel|null,
         budgetUsageData: null as BudgetUsageModel[]|null,
     }),
     actions: {
+        setVisibleBudgetNotification(val?: boolean) {
+            this.visibleBudgetNotification = val;
+        },
         async getBudgetData(budgetId: string): Promise<void> {
             this.loading = true;
             try {
diff --git a/apps/web/src/services/dashboards/components/dashboard-detail/DashboardVariablesFormDynamic.vue b/apps/web/src/services/dashboards/components/dashboard-detail/DashboardVariablesFormDynamic.vue
index 8482a003e4..da21e38ba0 100644
--- a/apps/web/src/services/dashboards/components/dashboard-detail/DashboardVariablesFormDynamic.vue
+++ b/apps/web/src/services/dashboards/components/dashboard-detail/DashboardVariablesFormDynamic.vue
@@ -18,9 +18,11 @@ import type { MetricReferenceMap } from '@/store/reference/metric-reference-stor
 import type { NamespaceReferenceMap } from '@/store/reference/namespace-reference-store';
 import type { ProviderReferenceMap } from '@/store/reference/provider-reference-store';
 
+import { MENU_ID } from '@/lib/menu/config';
 import CostVariableModel from '@/lib/variable-models/managed-model/resource-model/cost-variable-model';
 import MetricDataVariableModel from '@/lib/variable-models/managed-model/resource-model/metric-data-variable-model';
 
+import { useContentsAccessibility } from '@/common/composables/contents-accessibility';
 import {
     useCostDataSourceFilterMenuItems,
 } from '@/common/composables/data-source/use-cost-data-source-filter-menu-items';
@@ -30,9 +32,6 @@ import {
     DASHBOARD_GLOBAL_VARIABLES_PRESET_LIST,
 } from '@/services/dashboards/constants/dashboard-global-variable-preset';
 
-
-
-
 const SELECTION_TYPE = {
     MULTI_SELECT: 'multi',
     SINGLE_SELECT: 'single',
@@ -54,6 +53,9 @@ const emit = defineEmits<{(e: 'update:is-valid', isValid: boolean): void;
 
 const appContextStore = useAppContextStore();
 const allReferenceStore = useAllReferenceStore();
+
+const { visibleContents } = useContentsAccessibility(MENU_ID.ASSET_INVENTORY);
+
 const storeState = reactive({
     isAdminMode: computed(() => appContextStore.getters.isAdminMode),
     namespaces: computed<NamespaceReferenceMap>(() => allReferenceStore.getters.namespace),
@@ -95,11 +97,16 @@ const state = reactive({
             },
         };
     }),
-    sourceFromMenuItems: computed<MenuItem[]>(() => [
-        { name: 'asset', label: i18n.t('DASHBOARDS.DETAIL.VARIABLES.ASSET') },
-        { name: 'cost', label: i18n.t('DASHBOARDS.DETAIL.VARIABLES.COST') },
-        ...DASHBOARD_GLOBAL_VARIABLES_PRESET_LIST,
-    ]),
+    sourceFromMenuItems: computed<MenuItem[]>(() => {
+        const defaultMenuItems = [
+            { name: 'cost', label: i18n.t('DASHBOARDS.DETAIL.VARIABLES.COST') },
+            ...DASHBOARD_GLOBAL_VARIABLES_PRESET_LIST,
+        ];
+        if (visibleContents.value) {
+            defaultMenuItems.unshift({ name: 'asset', label: i18n.t('DASHBOARDS.DETAIL.VARIABLES.ASSET') });
+        }
+        return defaultMenuItems;
+    }),
     valuesFromMenuItems: computed<MenuItem[]>(() => {
         if (state.selectedSourceFrom === 'asset') {
             const _labelsInfo = storeState.metrics[state.selectedMetricId]?.data?.labels_info || [];
@@ -270,6 +277,9 @@ watch(() => state.isAllValid, (isValid) => {
 watch(() => props.originalData, (originalData) => {
     if (originalData) initExistingVariable(originalData);
 }, { immediate: true });
+watch(() => visibleContents.value, (value) => {
+    state.selectedSourceFrom = value ? 'asset' : 'cost';
+}, { immediate: true });
 </script>
 
 <template>
diff --git a/apps/web/src/services/dashboards/configurator.ts b/apps/web/src/services/dashboards/configurator.ts
new file mode 100644
index 0000000000..4c7df7f688
--- /dev/null
+++ b/apps/web/src/services/dashboards/configurator.ts
@@ -0,0 +1,32 @@
+import type { FeatureVersionSettingsType } from '@/lib/config/global-config/type';
+import type { Menu } from '@/lib/menu/config';
+import { MENU_INFO_MAP } from '@/lib/menu/menu-info';
+
+import adminDashboardsRoute from '@/services/dashboards/routes/admin/routes';
+import dashboardsRoute from '@/services/dashboards/routes/routes';
+
+class DashboardConfigurator {
+    static getAdminRoutes() {
+        return adminDashboardsRoute;
+    }
+
+    static getWorkspaceRoutes() {
+        return dashboardsRoute;
+    }
+
+    static getAdminMenu(settings: FeatureVersionSettingsType): Menu {
+        const menuId = Object.keys(settings.adminMenu || settings.menu)[0];
+        return { id: MENU_INFO_MAP[menuId].menuId };
+    }
+
+    static getWorkspaceMenu(settings: FeatureVersionSettingsType): Menu {
+        const menuId = Object.keys(settings.menu)[0];
+        return { id: MENU_INFO_MAP[menuId].menuId, needPermissionByRole: true };
+    }
+
+    static applyUiAffects(): void|null {
+        return null;
+    }
+}
+
+export default DashboardConfigurator;
diff --git a/apps/web/src/services/iam/components/RoleManagementTabDetail.vue b/apps/web/src/services/iam/components/RoleManagementTabDetail.vue
index 0d92280374..ab9e71a44b 100644
--- a/apps/web/src/services/iam/components/RoleManagementTabDetail.vue
+++ b/apps/web/src/services/iam/components/RoleManagementTabDetail.vue
@@ -16,8 +16,6 @@ import type { RoleGetParameters } from '@/api-clients/identity/role/schema/api-v
 import type { RoleModel } from '@/api-clients/identity/role/schema/model';
 import { i18n } from '@/translations';
 
-import { useDomainStore } from '@/store/domain/domain-store';
-
 import { PAGE_ACCESS } from '@/lib/access-control/config';
 import {
     getPageAccessMapFromRawData,
@@ -41,7 +39,6 @@ interface DetailMenuItems {
 
 const rolePageStore = useRolePageStore();
 const rolePageState = rolePageStore.$state;
-const domainStore = useDomainStore();
 
 const detailMenuItems = computed<DetailMenuItems[]>(() => [
     { name: 'page_access', label: i18n.t('IAM.ROLE.DETAIL.PAGE_ACCESS') as string },
@@ -142,9 +139,9 @@ watch(() => state.selectedRole.role_id, async (roleId) => {
         : roleId;
 
     await getRoleDetailData(selectedRoleId);
-    state.pageAccessDataList = getPageAccessMenuListByRoleType(state.data.role_type, domainStore.state.domainId);
+    state.pageAccessDataList = getPageAccessMenuListByRoleType(state.data.role_type);
 
-    const pageAccessPermissionMap = getPageAccessMapFromRawData(state.pageAccess, domainStore.state.domainId);
+    const pageAccessPermissionMap = getPageAccessMapFromRawData(state.pageAccess);
 
     Object.entries(pageAccessPermissionMap).forEach(([itemId, accessible]) => {
         if (!itemId) return;
diff --git a/apps/web/src/services/iam/components/RoleUpdateFormPermissionForm.vue b/apps/web/src/services/iam/components/RoleUpdateFormPermissionForm.vue
index a7e86988c3..3f6d4d07f2 100644
--- a/apps/web/src/services/iam/components/RoleUpdateFormPermissionForm.vue
+++ b/apps/web/src/services/iam/components/RoleUpdateFormPermissionForm.vue
@@ -10,8 +10,6 @@ import { PPaneLayout } from '@cloudforet/mirinae';
 import { ROLE_TYPE } from '@/api-clients/identity/role/constant';
 import type { RoleType } from '@/api-clients/identity/role/type';
 
-import { useDomainStore } from '@/store/domain/domain-store';
-
 import { PAGE_ACCESS } from '@/lib/access-control/config';
 import { getPageAccessMapFromRawData } from '@/lib/access-control/page-access-helper';
 
@@ -23,8 +21,6 @@ import { FORM_TYPE } from '@/services/iam/constants/role-constant';
 import { getPageAccessList, getPageAccessMenuListByRoleType } from '@/services/iam/helpers/role-page-access-menu-list';
 import type { PageAccessMenuItem, RoleFormData } from '@/services/iam/types/role-type';
 
-const domainStore = useDomainStore();
-
 interface Props {
     initialPageAccess?: string[];
     initialPermissions?: string[];
@@ -95,7 +91,7 @@ const handleUpdateEditor = (value: string) => {
 };
 const setPageAccessPermissionsData = () => {
     if (!props.initialPageAccess) return;
-    const pageAccessPermissionMap = getPageAccessMapFromRawData(props.initialPageAccess, domainStore.state.domainId);
+    const pageAccessPermissionMap = getPageAccessMapFromRawData(props.initialPageAccess);
     // eslint-disable-next-line no-restricted-syntax
     for (const [itemId, accessible] of Object.entries(pageAccessPermissionMap)) {
         if (!itemId) return;
@@ -130,7 +126,7 @@ watch(() => state.pageAccessPermissions, (pageAccessPermissions, prevPageAccessP
     emit('update-form', { page_access: pageAccessPermissions });
 });
 watch([() => props.roleType, () => props.initialPageAccess], ([roleType]) => {
-    menuItems.value = getPageAccessMenuListByRoleType(roleType, domainStore.state.domainId);
+    menuItems.value = getPageAccessMenuListByRoleType(roleType);
     setPageAccessPermissionsData();
 }, { immediate: true });
 </script>
diff --git a/apps/web/src/services/iam/configurator.ts b/apps/web/src/services/iam/configurator.ts
new file mode 100644
index 0000000000..95164ce46e
--- /dev/null
+++ b/apps/web/src/services/iam/configurator.ts
@@ -0,0 +1,55 @@
+import type { FeatureVersionSettingsType } from '@/lib/config/global-config/type';
+import type { Menu } from '@/lib/menu/config';
+import { MENU_ID } from '@/lib/menu/config';
+import { MENU_INFO_MAP } from '@/lib/menu/menu-info';
+
+import adminIamRoutes, { ADMIN_USER_GROUP_ROUTE } from '@/services/iam/routes/admin/routes';
+import iamRoutes, { USER_GROUP_ROUTE } from '@/services/iam/routes/routes';
+
+class IamConfigurator {
+    static getAdminRoutes(version: string) {
+        const adminRoutes = adminIamRoutes;
+        if (version === 'V1') {
+            adminRoutes.children?.push(ADMIN_USER_GROUP_ROUTE);
+        }
+        return adminRoutes;
+    }
+
+    static getWorkspaceRoutes(version: string) {
+        const routes = iamRoutes;
+        if (version === 'V1') {
+            routes.children?.push(USER_GROUP_ROUTE);
+        }
+        return routes;
+    }
+
+    static getAdminMenu(settings: FeatureVersionSettingsType): Menu {
+        const menu = settings.adminMenu || settings.menu;
+        const subMenuIds = Object.keys(menu).filter((menuId) => (menu)[menuId])
+            .map((menuId) => ({ id: MENU_INFO_MAP[menuId].menuId }));
+        return {
+            id: MENU_ID.IAM,
+            subMenuList: subMenuIds,
+        };
+    }
+
+    static getWorkspaceMenu(settings: FeatureVersionSettingsType): Menu {
+        const menu = settings.menu;
+        const subMenuIds = Object.keys(menu).filter((menuId) => (menu)[menuId])
+            .map((menuId) => ({
+                id: MENU_INFO_MAP[menuId].menuId,
+                needPermissionByRole: true,
+            }));
+        return {
+            id: MENU_ID.IAM,
+            needPermissionByRole: true,
+            subMenuList: subMenuIds,
+        };
+    }
+
+    static applyUiAffects(): void|null {
+        return null;
+    }
+}
+
+export default IamConfigurator;
diff --git a/apps/web/src/services/iam/helpers/role-page-access-menu-list.ts b/apps/web/src/services/iam/helpers/role-page-access-menu-list.ts
index a8fe46ec9f..ddb687000a 100644
--- a/apps/web/src/services/iam/helpers/role-page-access-menu-list.ts
+++ b/apps/web/src/services/iam/helpers/role-page-access-menu-list.ts
@@ -1,11 +1,11 @@
 import type { RoleType } from '@/api-clients/identity/role/type';
 
+import { useMenuStore } from '@/store/menu/menu-store';
+
 import { PAGE_ACCESS } from '@/lib/access-control/config';
 import { getDefaultPageAccessPermissionList } from '@/lib/access-control/page-access-helper';
-import config from '@/lib/config';
 import type { Menu, MenuId } from '@/lib/menu/config';
 import { MENU_ID } from '@/lib/menu/config';
-import { MENU_LIST, MENU_LIST_FOR_ALERT_MANAGER_V2 } from '@/lib/menu/menu-architecture';
 import { MENU_INFO_MAP } from '@/lib/menu/menu-info';
 
 import type { PageAccessMenuItem } from '@/services/iam/types/role-type';
@@ -30,11 +30,11 @@ const flattenSubMenuList = (subMenuList: Menu[], defaultMenuIds: MenuId[], trans
     return results;
 };
 
-export const getPageAccessMenuListByRoleType = (roleType: RoleType, domainId: string): PageAccessMenuItem[] => {
+export const getPageAccessMenuListByRoleType = (roleType: RoleType): PageAccessMenuItem[] => {
+    const menuStore = useMenuStore();
     const results: PageAccessMenuItem[] = [];
     const defaultMenuIdsByRoleType = getDefaultPageAccessPermissionList(roleType);
-    const isAlertManagerVersionV2 = (config.get('ADVANCED_SERVICE')?.alert_manager_v2 ?? []).includes(domainId);
-    const menuListByVersion = (isAlertManagerVersionV2 ? MENU_LIST_FOR_ALERT_MANAGER_V2 : MENU_LIST);
+    const menuListByVersion = menuStore.state.menuList;
     menuListByVersion.forEach((menu) => {
         if (menu.needPermissionByRole && defaultMenuIdsByRoleType.includes(menu.id)) {
             if (menu.id === MENU_ID.WORKSPACE_HOME) return;
diff --git a/apps/web/src/services/iam/routes/admin/route-constant.ts b/apps/web/src/services/iam/routes/admin/route-constant.ts
index e4678ad3d1..628a714a73 100644
--- a/apps/web/src/services/iam/routes/admin/route-constant.ts
+++ b/apps/web/src/services/iam/routes/admin/route-constant.ts
@@ -5,6 +5,9 @@ export const ADMIN_IAM_ROUTE = {
     USER: {
         _NAME: `admin.${MENU_ID.IAM}.${MENU_ID.USER}`,
     },
+    USER_GROUP: {
+        _NAME: `admin.${MENU_ID.IAM}.${MENU_ID.USER_GROUP}`,
+    },
     APP: {
         _NAME: `admin.${MENU_ID.IAM}.${MENU_ID.APP}`,
     },
@@ -18,3 +21,4 @@ export const ADMIN_IAM_ROUTE = {
         },
     },
 } as const;
+
diff --git a/apps/web/src/services/iam/routes/admin/routes.ts b/apps/web/src/services/iam/routes/admin/routes.ts
index e8dd6b21ac..0a8bda3924 100644
--- a/apps/web/src/services/iam/routes/admin/routes.ts
+++ b/apps/web/src/services/iam/routes/admin/routes.ts
@@ -8,11 +8,72 @@ import { ADMIN_IAM_ROUTE } from '@/services/iam/routes/admin/route-constant';
 const IamContainer = () => import('@/services/iam/IamContainer.vue');
 
 const UserMainPage = () => import('@/services/iam/pages/UserMainPage.vue');
+const UserGroupMainPage = () => import('@/services/iam/pages/UserGroupMainPage.vue');
 const AppMainPage = () => import('@/services/iam/pages/AppMainPage.vue');
 const RolePage = () => import('@/services/iam/pages/admin/AdminRolePage.vue');
 const RoleCreatePage = () => import('@/services/iam/pages/admin/AdminRoleCreatePage.vue');
 const RoleUpdatePage = () => import('@/services/iam/pages/admin/AdminRoleUpdatePage.vue');
 
+export const ADMIN_USER_GROUP_ROUTE = {
+    path: 'user-group',
+    name: ADMIN_IAM_ROUTE.USER_GROUP._NAME,
+    meta: {
+        menuId: MENU_ID.USER_GROUP,
+        translationId: MENU_INFO_MAP[MENU_ID.USER_GROUP].translationId,
+    },
+    component: UserGroupMainPage as any,
+} as const;
+
+export const adminIamRoutesChildren = [
+    {
+        path: 'user',
+        name: ADMIN_IAM_ROUTE.USER._NAME,
+        meta: {
+            menuId: MENU_ID.USER,
+            translationId: MENU_INFO_MAP[MENU_ID.USER].translationId,
+        },
+        component: UserMainPage as any,
+    },
+    {
+        path: 'app',
+        name: ADMIN_IAM_ROUTE.APP._NAME,
+        meta: {
+            menuId: MENU_ID.APP,
+            translationId: MENU_INFO_MAP[MENU_ID.APP].translationId,
+        },
+        component: AppMainPage as any,
+    },
+    {
+        path: 'role',
+        meta: {
+            menuId: MENU_ID.ROLE,
+            translationId: MENU_INFO_MAP[MENU_ID.ROLE].translationId,
+        },
+        component: { template: '<router-view />' },
+        children: [
+            {
+                path: '/',
+                name: ADMIN_IAM_ROUTE.ROLE._NAME,
+                props: true,
+                component: RolePage,
+            },
+            {
+                path: 'create',
+                name: ADMIN_IAM_ROUTE.ROLE.CREATE._NAME,
+                meta: { translationId: 'IAM.ROLE.FORM.CREATE_TITLE' },
+                component: RoleCreatePage,
+            },
+            {
+                path: 'edit/:id',
+                name: ADMIN_IAM_ROUTE.ROLE.EDIT._NAME,
+                meta: { translationId: 'IAM.ROLE.FORM.EDIT_TITLE' },
+                props: true,
+                component: RoleUpdatePage,
+            },
+        ],
+    },
+];
+
 const adminIamRoutes: RouteConfig = {
     path: 'iam',
     name: ADMIN_IAM_ROUTE._NAME,
@@ -24,54 +85,6 @@ const adminIamRoutes: RouteConfig = {
         name: ADMIN_IAM_ROUTE.USER._NAME,
     }),
     component: IamContainer,
-    children: [
-        {
-            path: 'user',
-            name: ADMIN_IAM_ROUTE.USER._NAME,
-            meta: {
-                menuId: MENU_ID.USER,
-                translationId: MENU_INFO_MAP[MENU_ID.USER].translationId,
-            },
-            component: UserMainPage as any,
-        },
-        {
-            path: 'app',
-            name: ADMIN_IAM_ROUTE.APP._NAME,
-            meta: {
-                menuId: MENU_ID.APP,
-                translationId: MENU_INFO_MAP[MENU_ID.APP].translationId,
-            },
-            component: AppMainPage as any,
-        },
-        {
-            path: 'role',
-            meta: {
-                menuId: MENU_ID.ROLE,
-                translationId: MENU_INFO_MAP[MENU_ID.ROLE].translationId,
-            },
-            component: { template: '<router-view />' },
-            children: [
-                {
-                    path: '/',
-                    name: ADMIN_IAM_ROUTE.ROLE._NAME,
-                    props: true,
-                    component: RolePage,
-                },
-                {
-                    path: 'create',
-                    name: ADMIN_IAM_ROUTE.ROLE.CREATE._NAME,
-                    meta: { translationId: 'IAM.ROLE.FORM.CREATE_TITLE' },
-                    component: RoleCreatePage,
-                },
-                {
-                    path: 'edit/:id',
-                    name: ADMIN_IAM_ROUTE.ROLE.EDIT._NAME,
-                    meta: { translationId: 'IAM.ROLE.FORM.EDIT_TITLE' },
-                    props: true,
-                    component: RoleUpdatePage,
-                },
-            ],
-        },
-    ],
+    children: adminIamRoutesChildren,
 };
 export default adminIamRoutes;
diff --git a/apps/web/src/services/iam/routes/routes.ts b/apps/web/src/services/iam/routes/routes.ts
index 80cb2aa958..2c798d33c5 100644
--- a/apps/web/src/services/iam/routes/routes.ts
+++ b/apps/web/src/services/iam/routes/routes.ts
@@ -15,6 +15,36 @@ const UserMainPage = () => import('@/services/iam/pages/UserMainPage.vue');
 const UserGroupMainPage = () => import('@/services/iam/pages/UserGroupMainPage.vue');
 const AppMainPage = () => import('@/services/iam/pages/AppMainPage.vue');
 
+export const USER_GROUP_ROUTE = {
+    path: 'user-group',
+    name: IAM_ROUTE.USER_GROUP._NAME,
+    meta: {
+        menuId: MENU_ID.USER_GROUP,
+        translationId: MENU_INFO_MAP[MENU_ID.USER_GROUP].translationId,
+    },
+    component: UserGroupMainPage as any,
+} as const;
+
+export const iamRoutesChildren = [
+    {
+        path: 'user',
+        name: IAM_ROUTE.USER._NAME,
+        meta: {
+            menuId: MENU_ID.USER,
+            translationId: MENU_INFO_MAP[MENU_ID.USER].translationId,
+        },
+        component: UserMainPage as any,
+    },
+    {
+        path: 'app',
+        name: IAM_ROUTE.APP._NAME,
+        meta: {
+            menuId: MENU_ID.APP,
+            translationId: MENU_INFO_MAP[MENU_ID.APP].translationId,
+        },
+        component: AppMainPage as any,
+    },
+];
 
 const iamRoutes: RouteConfig = {
     path: 'iam',
@@ -25,37 +55,9 @@ const iamRoutes: RouteConfig = {
     },
     redirect: (to) => {
         const userStore = useUserStore(pinia);
-        return getRedirectRouteByPagePermission(to, userStore.getters.pageAccessPermissionMap, userStore.getters.domainId);
+        return getRedirectRouteByPagePermission(to, userStore.getters.pageAccessPermissionMap);
     },
     component: IamContainer,
-    children: [
-        {
-            path: 'user',
-            name: IAM_ROUTE.USER._NAME,
-            meta: {
-                menuId: MENU_ID.USER,
-                translationId: MENU_INFO_MAP[MENU_ID.USER].translationId,
-            },
-            component: UserMainPage as any,
-        },
-        {
-            path: 'user-group',
-            name: IAM_ROUTE.USER_GROUP._NAME,
-            meta: {
-                menuId: MENU_ID.USER_GROUP,
-                translationId: MENU_INFO_MAP[MENU_ID.USER_GROUP].translationId,
-            },
-            component: UserGroupMainPage as any,
-        },
-        {
-            path: 'app',
-            name: IAM_ROUTE.APP._NAME,
-            meta: {
-                menuId: MENU_ID.APP,
-                translationId: MENU_INFO_MAP[MENU_ID.APP].translationId,
-            },
-            component: AppMainPage as any,
-        },
-    ],
+    children: iamRoutesChildren,
 };
 export default iamRoutes;
diff --git a/apps/web/src/services/info/routes/admin/routes.ts b/apps/web/src/services/info/routes/admin/routes.ts
index 60329283f8..3b7fc38cb5 100644
--- a/apps/web/src/services/info/routes/admin/routes.ts
+++ b/apps/web/src/services/info/routes/admin/routes.ts
@@ -14,7 +14,7 @@ const AdminNoticeDetailPage = () => import('@/services/info/pages/admin/AdminNot
 const AdminNoticeCreatePage = () => import('@/services/info/pages/admin/AdminNoticeCreatePage.vue');
 const AdminNoticeUpdatePage = () => import('@/services/info/pages/admin/AdminNoticeUpdatePage.vue');
 
-const infoRoute: RouteConfig = {
+const adminInfoRoutes: RouteConfig = {
     path: 'info',
     name: ADMIN_INFO_ROUTE._NAME,
     meta: {
@@ -65,4 +65,4 @@ const infoRoute: RouteConfig = {
     ],
 };
 
-export default infoRoute;
+export default adminInfoRoutes;
diff --git a/apps/web/src/services/info/routes/routes.ts b/apps/web/src/services/info/routes/routes.ts
index 0e36b2e52e..a7f67b9c21 100644
--- a/apps/web/src/services/info/routes/routes.ts
+++ b/apps/web/src/services/info/routes/routes.ts
@@ -15,7 +15,7 @@ const NoticeMainPage = () => import('@/services/info/pages/NoticeMainPage.vue');
 const NoticeDetailPage = () => import('@/services/info/pages/NoticeDetailPage.vue');
 
 
-const infoRoute: RouteConfig = {
+const infoRoutes: RouteConfig = {
     path: 'info',
     name: INFO_ROUTE._NAME,
     meta: {
@@ -24,7 +24,7 @@ const infoRoute: RouteConfig = {
     },
     redirect: (to) => {
         const userStore = useUserStore(pinia);
-        return getRedirectRouteByPagePermission(to, userStore.getters.pageAccessPermissionMap, userStore.getters.domainId);
+        return getRedirectRouteByPagePermission(to, userStore.getters.pageAccessPermissionMap);
     },
     component: InfoContainer,
     children: [
@@ -55,4 +55,4 @@ const infoRoute: RouteConfig = {
     ],
 };
 
-export default infoRoute;
+export default infoRoutes;
diff --git a/apps/web/src/services/landing/components/workspace-landing/landing-group-workspaces/LandingWorkspaceGroupRemoveUserModal.vue b/apps/web/src/services/landing/components/workspace-landing/landing-group-workspaces/LandingWorkspaceGroupRemoveUserModal.vue
index 5cbebed210..998cce901c 100644
--- a/apps/web/src/services/landing/components/workspace-landing/landing-group-workspaces/LandingWorkspaceGroupRemoveUserModal.vue
+++ b/apps/web/src/services/landing/components/workspace-landing/landing-group-workspaces/LandingWorkspaceGroupRemoveUserModal.vue
@@ -20,9 +20,9 @@ import ErrorHandler from '@/common/composables/error/errorHandler';
 import { useProxyValue } from '@/common/composables/proxy-state';
 
 import { workspaceStateFormatter, groupUserStateFormatter } from '@/services/advanced/composables/refined-table-data';
-import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-constant';
 import { IAM_ROUTE } from '@/services/iam/routes/route-constant';
 import { useLandingPageStore } from '@/services/landing/store/landing-page-store';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
 
 const emit = defineEmits<{(e: 'confirm'): void;
     (e: 'update:visible'): void;
@@ -61,7 +61,7 @@ const getUserRouteLocationByWorkspaceId = (item) => ({
 });
 
 const getServiceAccountRouteLocationByWorkspaceId = (item) => ({
-    name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME,
+    name: SERVICE_ACCOUNT_ROUTE._NAME,
     params: {
         workspaceId: item?.workspace_id,
     },
diff --git a/apps/web/src/services/my-page/components/NotificationAddForm.vue b/apps/web/src/services/my-page/components/NotificationAddForm.vue
index 3e20bd583f..3822865c7a 100644
--- a/apps/web/src/services/my-page/components/NotificationAddForm.vue
+++ b/apps/web/src/services/my-page/components/NotificationAddForm.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { reactive } from 'vue';
+import { computed, reactive } from 'vue';
 import { useRouter } from 'vue-router/composables';
 
 import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
@@ -15,9 +15,6 @@ import type { ChannelSchedule } from '@/schema/notification/type';
 import type { UserChannelCreateParameters as UserChannelCreateParametersV1 } from '@/schema/notification/user-channel/api-verbs/create';
 import { i18n } from '@/translations';
 
-import { useDomainStore } from '@/store/domain/domain-store';
-
-import config from '@/lib/config';
 import { showSuccessMessage } from '@/lib/helper/notice-alert-helper';
 
 import type { ScheduleSettingFormType } from '@/common/components/schedule-setting-form/schedule-setting-form';
@@ -26,6 +23,7 @@ import ErrorHandler from '@/common/composables/error/errorHandler';
 import NotificationAddFormData from '@/services/my-page/components/NotificationAddFormData.vue';
 import NotificationAddSchedule from '@/services/my-page/components/NotificationAddSchedule.vue';
 import NotificationAddTopic from '@/services/my-page/components/NotificationAddTopic.vue';
+import { useMyPageStore } from '@/services/my-page/stores/my-page-store';
 import type { NotificationAddFormDataPayload, NotificationAddFormTopicPayload, NotificationAddFormSchedulePayload } from '@/services/my-page/types/notification-add-form-type';
 
 const props = withDefaults(defineProps<{
@@ -39,11 +37,10 @@ const props = withDefaults(defineProps<{
 });
 
 const router = useRouter();
-const domainStore = useDomainStore();
-
-const isAlertManagerVersionV2 = (config.get('ADVANCED_SERVICE')?.alert_manager_v2 ?? []).includes(domainStore.state.domainId);
+const myPageStore = useMyPageStore();
 
 const state = reactive({
+    visibleUserNotification: computed<boolean>(() => myPageStore.state.visibleUserNotification),
     isDataValid: false,
     notificationLevel: 'LV1' as NotificationLevel,
     //
@@ -65,7 +62,7 @@ const state = reactive({
 
 const createUserChannel = async () => {
     try {
-        const fetcher = isAlertManagerVersionV2
+        const fetcher = state.visibleUserNotification
             ? SpaceConnector.clientV2.alertManager.userChannel.create<UserChannelCreateParameters>({
                 protocol_id: props.protocolId,
                 name: state.channelName,
@@ -109,7 +106,7 @@ const createProjectChannel = async () => {
 
 const onClickSave = async () => {
     try {
-        if (!isAlertManagerVersionV2 && props.projectId) await createProjectChannel();
+        if (!state.visibleUserNotification && props.projectId) await createProjectChannel();
         else await createUserChannel();
         router.back();
     } catch (e) {
@@ -121,7 +118,7 @@ const onChangeData = (value: NotificationAddFormDataPayload) => {
     state.channelName = value.channelName;
     state.notificationLevel = value.level;
     state.isDataValid = value.isValid;
-    if (!isAlertManagerVersionV2) {
+    if (!state.visibleUserNotification) {
         state.data = value.data;
     }
     state.schemaForm = value.data;
@@ -155,6 +152,7 @@ const onChangeTopic = ({ topicMode, selectedTopic, isTopicValid }: NotificationA
                 <notification-add-form-data :project-id="props.projectId"
                                             :protocol-type="props.protocolType"
                                             :protocol-id="props.protocolId"
+                                            :visible-user-notification="state.visibleUserNotification"
                                             @change="onChangeData"
                 />
             </p-pane-layout>
@@ -165,11 +163,12 @@ const onChangeTopic = ({ topicMode, selectedTopic, isTopicValid }: NotificationA
                 <h4 class="sub-title">
                     {{ $t('IDENTITY.USER.NOTIFICATION.FORM.SETTING_MODE') }}
                 </h4>
-                <notification-add-schedule @changeV1="onChangeScheduleV1"
+                <notification-add-schedule :visible-user-notification="state.visibleUserNotification"
+                                           @changeV1="onChangeScheduleV1"
                                            @change="onChangeSchedule"
                 />
             </p-pane-layout>
-            <p-pane-layout v-if="!isAlertManagerVersionV2"
+            <p-pane-layout v-if="!state.visibleUserNotification"
                            class="content-wrapper"
             >
                 <h3 class="content-title">
@@ -188,7 +187,7 @@ const onChangeTopic = ({ topicMode, selectedTopic, isTopicValid }: NotificationA
             >
                 {{ $t('COMMON.TAGS.CANCEL') }}
             </p-button>
-            <p-button v-if="!isAlertManagerVersionV2"
+            <p-button v-if="!state.visibleUserNotification"
                       style-type="primary"
                       class="text-button"
                       :disabled="!state.isDataValid || !state.isScheduleValid || !state.isTopicValid"
diff --git a/apps/web/src/services/my-page/components/NotificationAddFormData.vue b/apps/web/src/services/my-page/components/NotificationAddFormData.vue
index ff5a154867..293adf0bbf 100644
--- a/apps/web/src/services/my-page/components/NotificationAddFormData.vue
+++ b/apps/web/src/services/my-page/components/NotificationAddFormData.vue
@@ -20,13 +20,10 @@ import type { ProtocolListParameters } from '@/schema/notification/protocol/api-
 import type { ProtocolModel } from '@/schema/notification/protocol/model';
 import { i18n } from '@/translations';
 
-import { useDomainStore } from '@/store/domain/domain-store';
 import { useAllReferenceStore } from '@/store/reference/all-reference-store';
 import type { ProtocolReferenceMap } from '@/store/reference/protocol-reference-store';
 import { useUserStore } from '@/store/user/user-store';
 
-import config from '@/lib/config';
-
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
 import NotificationAddLevel from '@/services/my-page/components/NotificationAddLevel.vue';
@@ -36,7 +33,7 @@ import type { NotificationAddFormDataPayload } from '@/services/my-page/types/no
 const SPACEONE_USER_CHANNEL_TYPE = 'SpaceONE User' as const;
 const allReferenceStore = useAllReferenceStore();
 const userStore = useUserStore();
-const domainStore = useDomainStore();
+
 const PROTOCOL_TYPE = {
     INTERNAL: 'INTERNAL',
     EXTERNAL: 'EXTERNAL',
@@ -46,16 +43,16 @@ const props = withDefaults(defineProps<{
     projectId: string;
     protocolType: string;
     protocolId: string;
+    visibleUserNotification: boolean;
 }>(), {
     projectId: '',
     protocolType: '',
     protocolId: '',
+    visibleUserNotification: false,
 });
 const emit = defineEmits<{(event: 'change', payload: NotificationAddFormDataPayload|{channelName: string; data: Record<string, any>}): void;
 }>();
 
-const isAlertManagerVersionV2 = (config.get('ADVANCED_SERVICE')?.alert_manager_v2 ?? []).includes(domainStore.state.domainId);
-
 const storeState = reactive({
     protocols: computed<ProtocolReferenceMap>(() => allReferenceStore.getters.protocol),
     language: computed<string|undefined>(() => userStore.state.language),
@@ -100,7 +97,7 @@ const apiQuery = new ApiQueryHelper();
 const getSchema = async (): Promise<JsonSchema|null> => {
     try {
         apiQuery.setFilters([{ k: 'protocol_id', v: props.protocolId, o: '=' }]);
-        const fetcher = isAlertManagerVersionV2
+        const fetcher = props.visibleUserNotification
             ? SpaceConnector.clientV2.alertManager.notificationProtocol.list<NotificationProtocolListParameters, ListResponse<NotificationProtocolModel>>
             : SpaceConnector.clientV2.notification.protocol.list<ProtocolListParameters, ListResponse<ProtocolModel>>;
         const res = await fetcher({
@@ -114,7 +111,7 @@ const getSchema = async (): Promise<JsonSchema|null> => {
 };
 
 const emitChange = () => {
-    emit('change', !isAlertManagerVersionV2 ? {
+    emit('change', !props.visibleUserNotification ? {
         channelName: state.channelName,
         data: (props.protocolType === PROTOCOL_TYPE.EXTERNAL)
             ? state.schemaForm
@@ -165,7 +162,7 @@ const initStates = () => {
 watch([() => props.protocolId, () => props.protocolType], async ([protocolId, protocolType]) => {
     if (!protocolId) return;
     initStates();
-    if (!isAlertManagerVersionV2 && protocolType !== PROTOCOL_TYPE.EXTERNAL) return;
+    if (!props.visibleUserNotification && protocolType !== PROTOCOL_TYPE.EXTERNAL) return;
     state.schema = await getSchema();
 }, { immediate: true });
 </script>
diff --git a/apps/web/src/services/my-page/components/NotificationAddSchedule.vue b/apps/web/src/services/my-page/components/NotificationAddSchedule.vue
index 7efc74f9d4..038c3597b3 100644
--- a/apps/web/src/services/my-page/components/NotificationAddSchedule.vue
+++ b/apps/web/src/services/my-page/components/NotificationAddSchedule.vue
@@ -13,11 +13,8 @@ import {
 import type { ChannelSchedule, ChannelScheduleDayOfWeek } from '@/schema/notification/type';
 import { i18n } from '@/translations';
 
-import { useDomainStore } from '@/store/domain/domain-store';
 import { useUserStore } from '@/store/user/user-store';
 
-import config from '@/lib/config';
-
 import InfoMessage from '@/common/components/guidance/InfoMessage.vue';
 import type { ScheduleSettingFormType } from '@/common/components/schedule-setting-form/schedule-setting-form';
 import ScheduleSettingForm from '@/common/components/schedule-setting-form/ScheduleSettingForm.vue';
@@ -36,10 +33,12 @@ const props = withDefaults(defineProps<{
     isScheduledValid?: boolean;
     isScheduled?: boolean;
     schedule?: Partial<ChannelSchedule> & Partial<ScheduleSettingFormType>;
+    visibleUserNotification: boolean;
 }>(), {
     isScheduledValid: true,
     isScheduled: false,
     schedule: undefined,
+    visibleUserNotification: false,
 });
 
 const emit = defineEmits<{(event: 'changeV1', payload: NotificationAddFormSchedulePayload): void;
@@ -48,11 +47,8 @@ const emit = defineEmits<{(event: 'changeV1', payload: NotificationAddFormSchedu
 
 
 const userStore = useUserStore();
-const domainStore = useDomainStore();
 const timezone = computed<string|undefined>(() => userStore.state.timezone);
 
-const isAlertManagerVersionV2 = (config.get('ADVANCED_SERVICE')?.alert_manager_v2 ?? []).includes(domainStore.state.domainId);
-
 /* constants */
 const WEEK_DAYS = [
     { label: 'Monday', value: 'MON' }, { label: 'Tuesday', value: 'TUE' }, { label: 'Wednesday', value: 'WED' },
@@ -126,7 +122,7 @@ const state = reactive({
 });
 
 const emitChange = () => {
-    if (!isAlertManagerVersionV2) {
+    if (!props.visibleUserNotification) {
         if (state.proxyIsScheduled) {
             emit('changeV1', {
                 schedule: {
@@ -185,7 +181,7 @@ onMounted(() => {
 
 <template>
     <div>
-        <div v-if="!isAlertManagerVersionV2">
+        <div v-if="!props.visibleUserNotification">
             <p-radio-group>
                 <p-radio v-for="(item, i) in state.scheduleMode"
                          :key="i"
diff --git a/apps/web/src/services/my-page/components/NotificationChannelItem.vue b/apps/web/src/services/my-page/components/NotificationChannelItem.vue
index cca8596ceb..f2160d4761 100644
--- a/apps/web/src/services/my-page/components/NotificationChannelItem.vue
+++ b/apps/web/src/services/my-page/components/NotificationChannelItem.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { reactive, nextTick } from 'vue';
+import { reactive, nextTick, computed } from 'vue';
 
 import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
 import {
@@ -17,9 +17,6 @@ import type { UserChannelDisableParameters as UserChannelDisableParametersV1 } f
 import type { UserChannelEnableParameters as UserChannelEnableParametersV1 } from '@/schema/notification/user-channel/api-verbs/enable';
 import { i18n } from '@/translations';
 
-import { useDomainStore } from '@/store/domain/domain-store';
-
-import config from '@/lib/config';
 import { showSuccessMessage } from '@/lib/helper/notice-alert-helper';
 
 import DeleteModal from '@/common/components/modals/DeleteModal.vue';
@@ -46,14 +43,13 @@ const props = withDefaults(defineProps<{
     channelData: Partial<NotiChannelItemV1> & Partial<NotiChannelItem>;
     projectId?: string;
     manageDisabled?: boolean;
+    visibleUserNotification: boolean;
 }>(), {
     projectId: undefined,
     manageDisabled: false,
+    visibleUserNotification: false,
 });
 
-const domainStore = useDomainStore();
-const isAlertManagerVersionV2 = (config.get('ADVANCED_SERVICE')?.alert_manager_v2 ?? []).includes(domainStore.state.domainId);
-
 const emit = defineEmits<{(event: 'change'): void;
     (event: 'confirm'): void;
 }>();
@@ -61,7 +57,7 @@ const emit = defineEmits<{(event: 'change'): void;
 type EditTarget = 'name' | 'data' | 'notification_level' | 'schedule' | 'topic';
 const state = reactive({
     isActivated: props.channelData.state === STATE_TYPE.ENABLED,
-    userChannelId: isAlertManagerVersionV2 ? props.channelData.channel_id : props.channelData.user_channel_id,
+    userChannelId: computed<string>(() => (props.visibleUserNotification ? props.channelData.channel_id : props.channelData.user_channel_id)),
     projectChannelId: props.channelData.project_channel_id,
     editTarget: undefined as EditTarget | undefined,
     scheduleData: props.channelData.schedule,
@@ -87,7 +83,7 @@ const enableProjectChannel = async () => {
 const enableUserChannel = async () => {
     try {
         if (!state.userChannelId) throw new Error('User channel id is not defined');
-        const fetcher = isAlertManagerVersionV2
+        const fetcher = props.visibleUserNotification
             ? SpaceConnector.clientV2.alertManager.userChannel.enable<UserChannelEnableParameters>({
                 channel_id: state.userChannelId,
             })
@@ -103,7 +99,7 @@ const enableUserChannel = async () => {
 };
 
 const enableChannel = async () => {
-    if (!isAlertManagerVersionV2 && props.projectId) await enableProjectChannel();
+    if (!props.visibleUserNotification && props.projectId) await enableProjectChannel();
     else await enableUserChannel();
 };
 
@@ -124,7 +120,7 @@ const disableProjectChannel = async () => {
 const disableUserChannel = async () => {
     try {
         if (!state.userChannelId) throw new Error('User channel id is not defined');
-        const fetcher = isAlertManagerVersionV2
+        const fetcher = props.visibleUserNotification
             ? SpaceConnector.clientV2.alertManager.userChannel.disable<UserChannelDisableParameters>({
                 channel_id: state.userChannelId,
             }) : SpaceConnector.clientV2.notification.userChannel.disable<UserChannelDisableParametersV1>({
@@ -140,7 +136,7 @@ const disableUserChannel = async () => {
 };
 
 const disableChannel = async () => {
-    if (!isAlertManagerVersionV2 && props.projectId) await disableProjectChannel();
+    if (!props.visibleUserNotification && props.projectId) await disableProjectChannel();
     else await disableUserChannel();
 };
 
@@ -181,7 +177,7 @@ const deleteProjectChannel = async () => {
 const deleteUserChannel = async () => {
     try {
         if (!state.userChannelId) throw new Error('User channel id is not defined');
-        const fetcher = isAlertManagerVersionV2
+        const fetcher = props.visibleUserNotification
             ? SpaceConnector.clientV2.alertManager.userChannel.delete<UserChannelDisableParameters>({
                 channel_id: state.userChannelId,
             }) : SpaceConnector.clientV2.notification.userChannel.delete<UserChannelDeleteParametersV1>({
@@ -198,10 +194,11 @@ const deleteUserChannel = async () => {
 };
 
 const deleteChannelConfirm = async () => {
-    if (!isAlertManagerVersionV2 && props.projectId) await deleteProjectChannel();
-    if (isAlertManagerVersionV2) {
-        await deleteUserChannel();
+    if (!props.visibleUserNotification && props.projectId) {
+        await deleteProjectChannel();
+        return;
     }
+    await deleteUserChannel();
 };
 
 const onEdit = (value?: EditTarget) => {
@@ -232,6 +229,7 @@ const onEdit = (value?: EditTarget) => {
             <notification-channel-item-name :channel-data="props.channelData"
                                             :project-id="props.projectId"
                                             :disable-edit="(state.editTarget && state.editTarget !== 'name') || props.manageDisabled"
+                                            :visible-user-notification="props.visibleUserNotification"
                                             @change="onChange"
                                             @edit="onEdit"
             />
@@ -239,6 +237,7 @@ const onEdit = (value?: EditTarget) => {
             <notification-channel-item-data :channel-data="props.channelData"
                                             :project-id="props.projectId"
                                             :disable-edit="(state.editTarget && state.editTarget !== 'data') || props.manageDisabled"
+                                            :visible-user-notification="props.visibleUserNotification"
                                             @change="onChange"
                                             @edit="onEdit"
             />
@@ -253,18 +252,19 @@ const onEdit = (value?: EditTarget) => {
             <notification-channel-item-schedule :channel-data="props.channelData"
                                                 :project-id="props.projectId"
                                                 :disable-edit="(state.editTarget && state.editTarget !== 'schedule') || props.manageDisabled"
+                                                :visible-user-notification="props.visibleUserNotification"
                                                 @change="onChange"
                                                 @edit="onEdit"
             />
             <p-divider />
-            <notification-channel-item-topic v-if="!isAlertManagerVersionV2"
+            <notification-channel-item-topic v-if="!props.visibleUserNotification"
                                              :channel-data="props.channelData"
                                              :project-id="props.projectId"
                                              :disable-edit="(state.editTarget && state.editTarget !== 'topic') || props.manageDisabled"
                                              @change="onChange"
                                              @edit="onEdit"
             />
-            <p-divider v-if="!isAlertManagerVersionV2" />
+            <p-divider v-if="!props.visibleUserNotification" />
         </ul>
         <delete-modal :header-title="checkDeleteState.headerTitle"
                       :visible.sync="checkDeleteState.visible"
diff --git a/apps/web/src/services/my-page/components/NotificationChannelItemData.vue b/apps/web/src/services/my-page/components/NotificationChannelItemData.vue
index f05234beb8..b507290ac7 100644
--- a/apps/web/src/services/my-page/components/NotificationChannelItemData.vue
+++ b/apps/web/src/services/my-page/components/NotificationChannelItemData.vue
@@ -10,13 +10,10 @@ import type { MenuItem } from '@cloudforet/mirinae/types/controls/context-menu/t
 
 import { i18n } from '@/translations';
 
-import { useDomainStore } from '@/store/domain/domain-store';
 import { useAllReferenceStore } from '@/store/reference/all-reference-store';
 import type { UserReferenceMap } from '@/store/reference/user-reference-store';
 import { useUserStore } from '@/store/user/user-store';
 
-import config from '@/lib/config';
-
 import InfoMessage from '@/common/components/guidance/InfoMessage.vue';
 
 import NotificationAddMemberGroup from '@/services/my-page/components/NotificationAddMemberGroup.vue';
@@ -27,9 +24,11 @@ const props = withDefaults(defineProps<{
     channelData: Partial<NotiChannelItemV1> & Partial<NotiChannelItem>;
     projectId?: string;
     disableEdit?: boolean;
+    visibleUserNotification: boolean;
 }>(), {
     projectId: undefined,
     disableEdit: false,
+    visibleUserNotification: false,
 });
 const emit = defineEmits<{(event: 'change'): void;
     (event: 'edit', value?: Record<string, any>): void;
@@ -37,8 +36,6 @@ const emit = defineEmits<{(event: 'change'): void;
 
 const allReferenceStore = useAllReferenceStore();
 const userStore = useUserStore();
-const domainStore = useDomainStore();
-const isAlertManagerVersionV2 = (config.get('ADVANCED_SERVICE')?.alert_manager_v2 ?? []).includes(domainStore.state.domainId);
 
 const {
     state: notificationItemState,
@@ -47,7 +44,7 @@ const {
     updateUserChannel,
     updateProjectChannel,
 } = useNotificationItem<Record<string, any>>({
-    userChannelId: isAlertManagerVersionV2 ? props.channelData.channel_id : props.channelData.user_channel_id,
+    userChannelId: props.visibleUserNotification ? props.channelData.channel_id : props.channelData.user_channel_id,
     projectChannelId: props.channelData.project_channel_id,
     isEditMode: false,
     dataForEdit: cloneDeep(props.channelData.data),
@@ -101,7 +98,7 @@ const setValueList = () => {
 };
 
 const saveChangedData = async () => {
-    if (!isAlertManagerVersionV2 && props.projectId) await updateProjectChannel('data', notificationItemState.dataForEdit);
+    if (!props.visibleUserNotification && props.projectId) await updateProjectChannel('data', notificationItemState.dataForEdit);
     else await updateUserChannel('data', notificationItemState.dataForEdit);
     setValueList();
 };
diff --git a/apps/web/src/services/my-page/components/NotificationChannelItemName.vue b/apps/web/src/services/my-page/components/NotificationChannelItemName.vue
index 2fdafb2e55..ce24a727c6 100644
--- a/apps/web/src/services/my-page/components/NotificationChannelItemName.vue
+++ b/apps/web/src/services/my-page/components/NotificationChannelItemName.vue
@@ -7,24 +7,18 @@ import {
 
 import { i18n } from '@/translations';
 
-import { useDomainStore } from '@/store/domain/domain-store';
-
-import config from '@/lib/config';
-
 import { useNotificationItem } from '@/services/my-page/composables/notification-item';
 import type { NotiChannelItem, NotiChannelItemV1 } from '@/services/my-page/types/notification-channel-item-type';
 
-const domainStore = useDomainStore();
-
-const isAlertManagerVersionV2 = (config.get('ADVANCED_SERVICE')?.alert_manager_v2 ?? []).includes(domainStore.state.domainId);
-
 const props = withDefaults(defineProps<{
     channelData: Partial<NotiChannelItemV1> & Partial<NotiChannelItem>;
     projectId?: string;
     disableEdit?: boolean;
+    visibleUserNotification: boolean;
 }>(), {
     projectId: undefined,
     disableEdit: false,
+    visibleUserNotification: false,
 });
 
 const emit = defineEmits<{(event: 'change'): void;
@@ -37,8 +31,8 @@ const {
     updateUserChannel,
     updateProjectChannel,
 } = useNotificationItem<string>({
-    userChannelId: isAlertManagerVersionV2 ? props.channelData.channel_id : props.channelData.user_channel_id,
-    projectChannelId: isAlertManagerVersionV2 ? '' : props.channelData.project_channel_id,
+    userChannelId: props.visibleUserNotification ? props.channelData.channel_id : props.channelData.user_channel_id,
+    projectChannelId: props.visibleUserNotification ? '' : props.channelData.project_channel_id,
     isEditMode: false,
     dataForEdit: props.channelData.name,
 }, emit);
@@ -56,7 +50,7 @@ const state = reactive({
 });
 
 const saveChangedName = async () => {
-    if (!isAlertManagerVersionV2 && props.projectId) await updateProjectChannel('name', notificationItemState.dataForEdit);
+    if (!props.visibleUserNotification && props.projectId) await updateProjectChannel('name', notificationItemState.dataForEdit);
     else await updateUserChannel('name', notificationItemState.dataForEdit);
 };
 
diff --git a/apps/web/src/services/my-page/components/NotificationChannelItemSchedule.vue b/apps/web/src/services/my-page/components/NotificationChannelItemSchedule.vue
index 92238c1664..21034ab726 100644
--- a/apps/web/src/services/my-page/components/NotificationChannelItemSchedule.vue
+++ b/apps/web/src/services/my-page/components/NotificationChannelItemSchedule.vue
@@ -13,10 +13,8 @@ import type { ProjectChannelSetScheduleParameters } from '@/schema/notification/
 import type { UserChannelSetScheduleParameters } from '@/schema/notification/user-channel/api-verbs/set-schedule';
 import { i18n } from '@/translations';
 
-import { useDomainStore } from '@/store/domain/domain-store';
 import { useUserStore } from '@/store/user/user-store';
 
-import config from '@/lib/config';
 import { showSuccessMessage } from '@/lib/helper/notice-alert-helper';
 
 import type { ScheduleSettingFormType } from '@/common/components/schedule-setting-form/schedule-setting-form';
@@ -28,16 +26,15 @@ import { useNotificationItem } from '@/services/my-page/composables/notification
 import type { NotificationAddFormSchedulePayload } from '@/services/my-page/types/notification-add-form-type';
 import type { NotiChannelItemV1, NotiChannelItem } from '@/services/my-page/types/notification-channel-item-type';
 
-const domainStore = useDomainStore();
-const isAlertManagerVersionV2 = (config.get('ADVANCED_SERVICE')?.alert_manager_v2 ?? []).includes(domainStore.state.domainId);
-
 const props = withDefaults(defineProps<{
     channelData: Partial<NotiChannelItem> & Partial<NotiChannelItemV1>;
     projectId?: string;
     disableEdit?: boolean;
+    visibleUserNotification: boolean;
 }>(), {
     projectId: undefined,
     disableEdit: false,
+    visibleUserNotification: false,
 });
 
 const emit = defineEmits<{(event: 'change'): void;
@@ -60,8 +57,8 @@ const {
     startEdit,
     updateUserChannel,
 } = useNotificationItem<undefined>({
-    userChannelId: isAlertManagerVersionV2 ? props.channelData.channel_id : props.channelData.user_channel_id,
-    projectChannelId: isAlertManagerVersionV2 ? '' : props.channelData.project_channel_id,
+    userChannelId: props.visibleUserNotification ? props.channelData.channel_id : props.channelData.user_channel_id,
+    projectChannelId: props.visibleUserNotification ? '' : props.channelData.project_channel_id,
     isEditMode: false,
 }, emit);
 
@@ -109,7 +106,7 @@ const setProjectChannelSchedule = async () => {
 
 const saveChangedSchedule = async () => {
     if (props.projectId) await setProjectChannelSchedule();
-    else if (!isAlertManagerVersionV2) {
+    else if (!props.visibleUserNotification) {
         await setUserChannelSchedule();
     } else {
         await updateUserChannel('schedule', state.scheduleSettingFormType);
@@ -191,7 +188,7 @@ const getScheduleInfo = (schedule: ScheduleSettingFormType) => {
         <div v-else
              class="content"
         >
-            <div v-if="!isAlertManagerVersionV2">
+            <div v-if="!props.visibleUserNotification">
                 <p v-if="Array.isArray(props.channelData.schedule?.day_of_week)">
                     <span v-for="day in props.channelData.schedule?.day_of_week"
                           :key="day"
@@ -200,7 +197,7 @@ const getScheduleInfo = (schedule: ScheduleSettingFormType) => {
                 </p>
                 <span v-else>{{ $t('IDENTITY.USER.NOTIFICATION.FORM.ALL_TIME') }}</span>
             </div>
-            <div v-else-if="isAlertManagerVersionV2">
+            <div v-else-if="props.visibleUserNotification">
                 <div class="inline-flex items-center gap-2">
                     <p-badge badge-type="solid-outline"
                              :style-type="getScheduleInfo(props.channelData.schedule).styleType"
diff --git a/apps/web/src/services/my-page/components/NotificationChannelList.vue b/apps/web/src/services/my-page/components/NotificationChannelList.vue
index b8ca299006..61a5fbb302 100644
--- a/apps/web/src/services/my-page/components/NotificationChannelList.vue
+++ b/apps/web/src/services/my-page/components/NotificationChannelList.vue
@@ -27,18 +27,17 @@ import type { UserChannelListParameters as UserChannelListParametersV1 } from '@
 import type { UserChannelModel as UserChannelModelV1 } from '@/schema/notification/user-channel/model';
 import { i18n } from '@/translations';
 
-import { useDomainStore } from '@/store/domain/domain-store';
 import { useAllReferenceStore } from '@/store/reference/all-reference-store';
 import type { PluginReferenceMap } from '@/store/reference/plugin-reference-store';
 import { useUserStore } from '@/store/user/user-store';
 
-import config from '@/lib/config';
 import { assetUrlConverter } from '@/lib/helper/asset-helper';
 
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
 import NotificationChannelItem from '@/services/my-page/components/NotificationChannelItem.vue';
 import { MY_PAGE_ROUTE } from '@/services/my-page/routes/route-constant';
+import { useMyPageStore } from '@/services/my-page/stores/my-page-store';
 import type { NotiChannelItem, NotiChannelItemV1 } from '@/services/my-page/types/notification-channel-item-type';
 import { PROJECT_ROUTE_V1 } from '@/services/project/v1/routes/route-constant';
 
@@ -52,7 +51,7 @@ interface EnrichedProtocolItem extends ProtocolModel {
 }
 const allReferenceStore = useAllReferenceStore();
 const userStore = useUserStore();
-const domainStore = useDomainStore();
+const myPageStore = useMyPageStore();
 
 const props = withDefaults(defineProps<{
     projectId?: string;
@@ -63,6 +62,7 @@ const props = withDefaults(defineProps<{
 });
 const route = useRoute();
 const state = reactive({
+    visibleUserNotification: computed<boolean>(() => myPageStore.state.visibleUserNotification),
     loading: true,
     channelLoading: true,
     userId: computed<string|undefined>(() => (route.params.userId ? decodeURIComponent(route.params.userId) : userStore.state.userId)),
@@ -100,18 +100,16 @@ const createProtocolItem = (d) => {
 
 const apiQuery = new ApiQueryHelper();
 
-const isAlertManagerVersionV2 = (config.get('ADVANCED_SERVICE')?.alert_manager_v2 ?? []).includes(domainStore.state.domainId);
-
 const listProtocol = async () => {
     try {
         state.loading = true;
-        if (!isAlertManagerVersionV2 && props.projectId) {
+        if (!state.visibleUserNotification && props.projectId) {
             apiQuery.setFilters([])
                 .setSort('protocol_type');
-        } else if (!isAlertManagerVersionV2) {
+        } else if (!state.visibleUserNotification) {
             apiQuery.setFilters([{ k: 'protocol_type', o: '=', v: 'EXTERNAL' }]);
         }
-        const fetcher = isAlertManagerVersionV2
+        const fetcher = state.visibleUserNotification
             ? SpaceConnector.clientV2.alertManager.notificationProtocol.list<NotificationProtocolListParameters, ListResponse<NotificationProtocolModel>>
             : SpaceConnector.clientV2.notification.protocol.list<ProtocolListParameters, ListResponse<ProtocolModel>>;
         const res = await fetcher({
@@ -142,7 +140,7 @@ const listUserChannel = async () => {
     try {
         state.channelLoading = true;
         channelApiQuery.setFilters([{ k: 'user_id', v: state.userId, o: '=' }]);
-        const fetcher = isAlertManagerVersionV2
+        const fetcher = state.visibleUserNotification
             ? SpaceConnector.clientV2.alertManager.userChannel.list<UserChannelListParameters, ListResponse<UserChannelModel>>
             : SpaceConnector.clientV2.notification.userChannel.list<UserChannelListParametersV1, ListResponse<UserChannelModelV1>>;
         const res = await fetcher({
@@ -182,7 +180,7 @@ const listProjectChannel = async () => {
 };
 
 const listChannel = async () => {
-    if (!isAlertManagerVersionV2 && props.projectId) await listProjectChannel();
+    if (!state.visibleUserNotification && props.projectId) await listProjectChannel();
     else await listUserChannel();
 };
 
@@ -237,7 +235,7 @@ onActivated(async () => {
                         </router-link>
                     </ul>
                 </div>
-                <div v-if="!isAlertManagerVersionV2"
+                <div v-if="!state.visibleUserNotification"
                      class="associated-member-item-wrapper"
                 >
                     <ul v-for="item in state.associatedMemberProtocol"
@@ -288,6 +286,7 @@ onActivated(async () => {
                             <notification-channel-item :channel-data="item"
                                                        :project-id="props.projectId"
                                                        :manage-disabled="props.manageDisabled"
+                                                       :visible-user-notification="state.visibleUserNotification"
                                                        @change="onChangeChannelItem"
                                                        @confirm="listChannel"
                             />
diff --git a/apps/web/src/services/my-page/composables/notification-item.ts b/apps/web/src/services/my-page/composables/notification-item.ts
index 2005a63df2..2610f69de5 100644
--- a/apps/web/src/services/my-page/composables/notification-item.ts
+++ b/apps/web/src/services/my-page/composables/notification-item.ts
@@ -1,6 +1,6 @@
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-nocheck
-import { reactive } from 'vue';
+import { computed, reactive } from 'vue';
 
 import { cloneDeep } from 'lodash';
 
@@ -13,15 +13,14 @@ import type { ProjectChannelUpdateParameters } from '@/schema/notification/proje
 import type { UserChannelUpdateParameters as UserChannelUpdateParametersV1 } from '@/schema/notification/user-channel/api-verbs/update';
 import { i18n } from '@/translations';
 
-import { useDomainStore } from '@/store/domain/domain-store';
-
-import config from '@/lib/config';
 import { showSuccessMessage } from '@/lib/helper/notice-alert-helper';
 
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
+import { useMyPageStore } from '@/services/my-page/stores/my-page-store';
 
 interface NotificationItemState<Data> {
+    visibleUserNotification: boolean;
 	isEditMode: boolean;
 	dataForEdit?: Data;
 	userChannelId?: string;
@@ -31,11 +30,11 @@ type Emit<Data> = {
     (event: 'edit', value?: Data): void;
 };
 
-const domainStore = useDomainStore();
-const isAlertManagerVersionV2 = (config.get('ADVANCED_SERVICE')?.alert_manager_v2 ?? []).includes(domainStore.state.domainId);
+const myPageStore = useMyPageStore();
 
 export const useNotificationItem = <Data>(_state: NotificationItemState<Data>, emit: Emit<Data>) => {
     const state = reactive({
+        visibleUserNotification: computed<boolean>(() => myPageStore.state.visibleUserNotification),
         isEditMode: _state.isEditMode,
         dataForEdit: _state.dataForEdit,
         userChannelId: _state.userChannelId,
@@ -80,7 +79,7 @@ export const useNotificationItem = <Data>(_state: NotificationItemState<Data>, e
             } else if (paramKey === 'schedule') {
                 param.schedule = paramValue;
             }
-            const fetcher = isAlertManagerVersionV2
+            const fetcher = state.visibleUserNotification
                 ? SpaceConnector.clientV2.alertManager.userChannel.update<UserChannelUpdateParameters, UserChannelModel>(param)
                 : SpaceConnector.clientV2.notification.userChannel.update<UserChannelUpdateParametersV1>(paramV1);
             await fetcher;
diff --git a/apps/web/src/services/my-page/routes/routes.ts b/apps/web/src/services/my-page/routes/routes.ts
index 7557a2c951..4d4ccce9e8 100644
--- a/apps/web/src/services/my-page/routes/routes.ts
+++ b/apps/web/src/services/my-page/routes/routes.ts
@@ -28,7 +28,7 @@ const myPageRoutes: RouteConfig = {
     },
     redirect: (to) => {
         const userStore = useUserStore(pinia);
-        return getRedirectRouteByPagePermission(to, userStore.getters.pageAccessPermissionMap, userStore.getters.domainId);
+        return getRedirectRouteByPagePermission(to, userStore.getters.pageAccessPermissionMap);
     },
     component: MyPageContainer,
     children: [
diff --git a/apps/web/src/services/my-page/stores/my-page-store.ts b/apps/web/src/services/my-page/stores/my-page-store.ts
new file mode 100644
index 0000000000..a300041b3e
--- /dev/null
+++ b/apps/web/src/services/my-page/stores/my-page-store.ts
@@ -0,0 +1,20 @@
+import { reactive } from 'vue';
+
+import { defineStore } from 'pinia';
+
+export const useMyPageStore = defineStore('my-page', () => {
+    const state = reactive({
+        visibleUserNotification: false as undefined | boolean,
+    });
+
+    const mutations = {
+        setVisibleUserNotification: (val?: boolean) => {
+            state.visibleUserNotification = val;
+        },
+    };
+
+    return {
+        state,
+        ...mutations,
+    };
+});
diff --git a/apps/web/src/services/ops-flow/configurator.ts b/apps/web/src/services/ops-flow/configurator.ts
new file mode 100644
index 0000000000..4e6d6c108b
--- /dev/null
+++ b/apps/web/src/services/ops-flow/configurator.ts
@@ -0,0 +1,47 @@
+import type { FeatureVersionSettingsType } from '@/lib/config/global-config/type';
+import type { Menu } from '@/lib/menu/config';
+import { MENU_ID } from '@/lib/menu/config';
+import { MENU_INFO_MAP } from '@/lib/menu/menu-info';
+
+import adminOpsFlowRoutes from '@/services/ops-flow/routes/admin/routes';
+import opsFlowRoutes from '@/services/ops-flow/routes/routes';
+
+class OpsFlowConfigurator {
+    static getAdminRoutes() {
+        return adminOpsFlowRoutes;
+    }
+
+    static getWorkspaceRoutes() {
+        return opsFlowRoutes;
+    }
+
+    static getAdminMenu(settings: FeatureVersionSettingsType): Menu {
+        const menu = settings.adminMenu || settings.menu;
+        const subMenuIds = Object.keys(menu).filter((menuId) => (menu)[menuId])
+            .map((menuId) => ({ id: MENU_INFO_MAP[menuId].menuId }));
+        return {
+            id: MENU_ID.OPS_FLOW,
+            subMenuList: subMenuIds,
+        };
+    }
+
+    static getWorkspaceMenu(settings: FeatureVersionSettingsType): Menu {
+        const menu = settings.menu;
+        const subMenuIds = Object.keys(menu).filter((menuId) => (menu)[menuId])
+            .map((menuId) => ({
+                id: MENU_INFO_MAP[menuId].menuId,
+                needPermissionByRole: true,
+            }));
+        return {
+            id: MENU_ID.OPS_FLOW,
+            needPermissionByRole: true,
+            subMenuList: subMenuIds,
+        };
+    }
+
+    static applyUiAffects(): void|null {
+        return null;
+    }
+}
+
+export default OpsFlowConfigurator;
diff --git a/apps/web/src/services/ops-flow/routes/routes.ts b/apps/web/src/services/ops-flow/routes/routes.ts
index 4072e67164..a7a8455df9 100644
--- a/apps/web/src/services/ops-flow/routes/routes.ts
+++ b/apps/web/src/services/ops-flow/routes/routes.ts
@@ -28,7 +28,7 @@ const opsFlowRoutes: RouteConfig = {
         menuId: MENU_ID.OPS_FLOW,
         translationId: MENU_INFO_MAP[MENU_ID.OPS_FLOW].translationId,
     },
-    redirect: (to) => getRedirectRouteByPagePermission(to, userStore.getters.pageAccessPermissionMap, userStore.getters.domainId),
+    redirect: (to) => getRedirectRouteByPagePermission(to, userStore.getters.pageAccessPermissionMap),
     component: OpsFlowContainer,
     children: [
         {
diff --git a/apps/web/src/services/project/configurator.ts b/apps/web/src/services/project/configurator.ts
new file mode 100644
index 0000000000..7eeb3e3879
--- /dev/null
+++ b/apps/web/src/services/project/configurator.ts
@@ -0,0 +1,33 @@
+import type { FeatureVersionSettingsType } from '@/lib/config/global-config/type';
+import type { Menu } from '@/lib/menu/config';
+import { MENU_INFO_MAP } from '@/lib/menu/menu-info';
+
+import projectRoutesV1 from '@/services/project/v1/routes/routes';
+import { useProjectDetailPageStore } from '@/services/project/v1/stores/project-detail-page-store';
+import projectRoutes from '@/services/project/v2/routes/routes';
+
+class ProjectConfigurator {
+    static getAdminRoutes() {
+        return null;
+    }
+
+    static getWorkspaceRoutes(version: string) {
+        return version === 'V1' ? projectRoutesV1 : projectRoutes;
+    }
+
+    static getAdminMenu(): Menu|null {
+        return null;
+    }
+
+    static getWorkspaceMenu(settings: FeatureVersionSettingsType): Menu {
+        const menuId = Object.keys(settings.menu)[0];
+        return { id: MENU_INFO_MAP[menuId].menuId, needPermissionByRole: true };
+    }
+
+    static applyUiAffects(settings: FeatureVersionSettingsType): void|null {
+        const projectDetailPageStore = useProjectDetailPageStore();
+        projectDetailPageStore.setVisibleAlertTab(settings.uiAffects?.visibleAlertTabAtDetail);
+    }
+}
+
+export default ProjectConfigurator;
diff --git a/apps/web/src/services/project/v1/components/ProjectDetailTabHeader.vue b/apps/web/src/services/project/v1/components/ProjectDetailTabHeader.vue
index 14f4256fa5..a0e5257b0a 100644
--- a/apps/web/src/services/project/v1/components/ProjectDetailTabHeader.vue
+++ b/apps/web/src/services/project/v1/components/ProjectDetailTabHeader.vue
@@ -38,10 +38,11 @@ import { useAllReferenceStore } from '@/store/reference/all-reference-store';
 import type { CostDataSourceReferenceMap } from '@/store/reference/cost-data-source-reference-store';
 import type { UserReferenceMap } from '@/store/reference/user-reference-store';
 
-import { useIsAlertManagerV2Enabled } from '@/lib/config/composables/use-is-alert-manager-v2-enabled';
 import { showSuccessMessage } from '@/lib/helper/notice-alert-helper';
+import { MENU_ID } from '@/lib/menu/config';
 import { arrayToQueryString } from '@/lib/router-query-string';
 
+import { useContentsAccessibility } from '@/common/composables/contents-accessibility';
 import ErrorHandler from '@/common/composables/error/errorHandler';
 import { useGnbStore } from '@/common/modules/navigations/stores/gnb-store';
 
@@ -58,6 +59,7 @@ import { useProjectTreeStore } from '@/services/project/v-shared/stores/project-
 import ProjectMainDeleteModal from '@/services/project/v1/components/ProjectMainDeleteModal.vue';
 import { PROJECT_ROUTE_V1 } from '@/services/project/v1/routes/route-constant';
 import { useProjectDetailPageStore } from '@/services/project/v1/stores/project-detail-page-store';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
 
 
 const ROLE_INFO_MAP = {
@@ -88,12 +90,13 @@ const allReferenceStore = useAllReferenceStore();
 const appContextStore = useAppContextStore();
 const gnbStore = useGnbStore();
 
-const isAlertManagerV2Enabled = useIsAlertManagerV2Enabled();
+const { visibleContents } = useContentsAccessibility(MENU_ID.ALERT_MANAGER);
 
 const queryHelper = new QueryHelper();
 const storeState = reactive({
     users: computed<UserReferenceMap>(() => allReferenceStore.getters.user),
     projects: computed(() => allReferenceStore.getters.project),
+    visibleAlertTab: computed<boolean>(() => visibleContents.value && projectDetailPageState.visibleAlertTab),
     costDataSource: computed<CostDataSourceReferenceMap>(() => allReferenceStore.getters.costDataSource),
 });
 const state = reactive({
@@ -118,50 +121,55 @@ const state = reactive({
             icon: 'ic_delete',
         },
     ]),
-    viewInItems: computed<ViewInItem[]>(() => ([
-        {
-            label: i18n.t('PROJECT.DETAIL.CLOUD_SERVICE'),
-            to: {
-                name: ASSET_INVENTORY_ROUTE.CLOUD_SERVICE._NAME,
-                params: {
-                    workspaceId: userWorkspaceStore.getters.currentWorkspaceId,
-                },
-                query: {
-                    project: [props.id],
+    viewInItems: computed<ViewInItem[]>(() => {
+        const defaultItems = [
+            {
+                label: i18n.t('PROJECT.DETAIL.SERVICE_ACCOUNT'),
+                to: {
+                    name: SERVICE_ACCOUNT_ROUTE._NAME,
+                    params: {
+                        workspaceId: userWorkspaceStore.getters.currentWorkspaceId,
+                    },
+                    query: {
+                        filters: queryHelper.setFilters([
+                            { k: 'project_id', v: [props.id], o: '' },
+                        ]).rawQueryStrings,
+                    },
                 },
             },
-        },
-        {
-            label: i18n.t('PROJECT.DETAIL.SERVICE_ACCOUNT'),
-            to: {
-                name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME,
-                params: {
-                    workspaceId: userWorkspaceStore.getters.currentWorkspaceId,
-                },
-                query: {
-                    filters: queryHelper.setFilters([
-                        { k: 'project_id', v: [props.id], o: '' },
-                    ]).rawQueryStrings,
+            {
+                label: i18n.t('PROJECT.DETAIL.COST_ANALYSIS'),
+                to: {
+                    name: COST_EXPLORER_ROUTE.COST_ANALYSIS.QUERY_SET._NAME,
+                    params: {
+                        workspaceId: userWorkspaceStore.getters.currentWorkspaceId,
+                        dataSourceId: Object.keys(storeState.costDataSource)?.[0],
+                        costQuerySetId: DYNAMIC_COST_QUERY_SET_PARAMS,
+                    },
+                    query: {
+                        filters: arrayToQueryString([
+                            { k: 'project_id', v: [props.id], o: 'in' },
+                        ]),
+                    },
                 },
             },
-        },
-        {
-            label: i18n.t('PROJECT.DETAIL.COST_ANALYSIS'),
-            to: {
-                name: COST_EXPLORER_ROUTE.COST_ANALYSIS.QUERY_SET._NAME,
-                params: {
-                    workspaceId: userWorkspaceStore.getters.currentWorkspaceId,
-                    dataSourceId: Object.keys(storeState.costDataSource)?.[0],
-                    costQuerySetId: DYNAMIC_COST_QUERY_SET_PARAMS,
-                },
-                query: {
-                    filters: arrayToQueryString([
-                        { k: 'project_id', v: [props.id], o: 'in' },
-                    ]),
+        ];
+        if (visibleContents.value) {
+            defaultItems.unshift({
+                label: i18n.t('PROJECT.DETAIL.CLOUD_SERVICE'),
+                to: {
+                    name: ASSET_INVENTORY_ROUTE.CLOUD_SERVICE._NAME,
+                    params: {
+                        workspaceId: userWorkspaceStore.getters.currentWorkspaceId,
+                    },
+                    query: {
+                        project: [props.id],
+                    },
                 },
-            },
-        },
-    ])),
+            });
+        }
+        return defaultItems;
+    }),
     currentProject: computed<ProjectModel|undefined>(() => projectDetailPageState.currentProject),
     parentGroupId: computed(() => storeState.projects[props.id]?.data?.groupInfo?.id),
     projectGroupMoveModalVisible: false,
@@ -350,7 +358,7 @@ const getProjectAlertActivated = async () => {
 
 /* Watchers */
 watch(() => projectDetailPageGetters.projectType, async () => {
-    if (!isAlertManagerV2Enabled.value) {
+    if (storeState.visibleAlertTab) {
         await Promise.allSettled([
             getProjectAlertActivated(),
             listWebhooks(),
@@ -469,7 +477,7 @@ watch(() => projectDetailPageState.projectId, (projectId) => {
                                  :color="gray[400]"
                             />
                         </template>
-                        <div v-if="!isAlertManagerV2Enabled"
+                        <div v-if="storeState.visibleAlertTab"
                              class="info-item"
                              @click="handleClickWebhook"
                         >
diff --git a/apps/web/src/services/project/v1/components/ProjectMainProjectCard.vue b/apps/web/src/services/project/v1/components/ProjectMainProjectCard.vue
index 790971552b..a4aebb2bd5 100644
--- a/apps/web/src/services/project/v1/components/ProjectMainProjectCard.vue
+++ b/apps/web/src/services/project/v1/components/ProjectMainProjectCard.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-
 import { computed, reactive } from 'vue';
 import { useRouter } from 'vue-router/composables';
 
@@ -20,13 +19,10 @@ import { FAVORITE_TYPE } from '@/common/modules/favorites/favorite-button/type';
 
 import { peacock } from '@/styles/colors';
 
-import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-constant';
 import { useProjectPageStore } from '@/services/project/v-shared/stores/project-page-store';
 import type { ProjectCardItemType } from '@/services/project/v-shared/types/project-type';
 import { PROJECT_ROUTE_V1 } from '@/services/project/v1/routes/route-constant';
-
-
-
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
 
 interface Props {
     item: ProjectCardItemType;
@@ -154,7 +150,7 @@ const handleSelectItem = (selected: MenuItem) => {
                     <template v-for="(provider, index) in props.serviceAccountProviderList">
                         <router-link v-if="index < 5"
                                      :key="index"
-                                     :to="{name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME,query: { provider: getProvider(provider) ? provider : null },}"
+                                     :to="{name: SERVICE_ACCOUNT_ROUTE._NAME,query: { provider: getProvider(provider) ? provider : null },}"
                                      class="icon-link"
                                      :style="{backgroundImage: `url('${getProvider(provider).icon || require('@/assets/images/ic_cloud-filled.svg')}')`}"
                                      @click.native.stop.prevent
@@ -168,7 +164,7 @@ const handleSelectItem = (selected: MenuItem) => {
                 </span>
                 <router-link v-if="props.serviceAccountProviderList.length !== 0"
                              class="icon-wrapper"
-                             :to="{ name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME }"
+                             :to="{ name: SERVICE_ACCOUNT_ROUTE._NAME }"
                              @click.native.stop.prevent
                 >
                     <p-i name="ic_plus_thin"
@@ -180,7 +176,7 @@ const handleSelectItem = (selected: MenuItem) => {
             <div v-else
                  class="account-add"
             >
-                <router-link :to="{ name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME }"
+                <router-link :to="{ name: SERVICE_ACCOUNT_ROUTE._NAME }"
                              @click.native.stop.prevent
                 >
                     <p-i name="ic_plus_thin"
@@ -188,7 +184,7 @@ const handleSelectItem = (selected: MenuItem) => {
                          color="inherit"
                     />
                 </router-link>
-                <router-link :to="{ name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME }"
+                <router-link :to="{ name: SERVICE_ACCOUNT_ROUTE._NAME }"
                              @click.native.stop.prevent
                 >
                     <span class="add-label"> {{ $t('PROJECT.LANDING.ADD_SERVICE_ACCOUNT') }}</span>
diff --git a/apps/web/src/services/project/v1/components/ProjectSummaryAllSummaryWidget.vue b/apps/web/src/services/project/v1/components/ProjectSummaryAllSummaryWidget.vue
index 88cb175dc7..8c58702392 100644
--- a/apps/web/src/services/project/v1/components/ProjectSummaryAllSummaryWidget.vue
+++ b/apps/web/src/services/project/v1/components/ProjectSummaryAllSummaryWidget.vue
@@ -26,9 +26,11 @@ import { useUserWorkspaceStore } from '@/store/app-context/workspace/user-worksp
 import { useAllReferenceStore } from '@/store/reference/all-reference-store';
 import type { ProviderReferenceMap } from '@/store/reference/provider-reference-store';
 
+import { MENU_ID } from '@/lib/menu/config';
 import { arrayToQueryString } from '@/lib/router-query-string';
 
 import { useAmcharts5 } from '@/common/composables/amcharts5';
+import { useContentsAccessibility } from '@/common/composables/contents-accessibility';
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
 import {
@@ -71,6 +73,9 @@ const allReferenceStore = useAllReferenceStore();
 const chartContext = ref<HTMLElement|null>(null);
 const chartHelper = useAmcharts5(chartContext);
 const userWorkspaceStore = useUserWorkspaceStore();
+
+const { visibleContents } = useContentsAccessibility(MENU_ID.ASSET_INVENTORY);
+
 const storeState = reactive({
     providers: computed<ProviderReferenceMap>(() => allReferenceStore.getters.provider),
     currentWorkspaceId: computed<string|undefined>(() => userWorkspaceStore.getters.currentWorkspaceId),
@@ -463,8 +468,10 @@ onUnmounted(() => {
                     </div>
                     <template v-if="!state.loading && state.summaryData.length > 0">
                         <div class="summary-content-wrapper">
-                            <router-link :to="getLocation(state.activeTab)"
-                                         class="summary-row"
+                            <component :is="visibleContents ? 'router-link' : 'div'"
+                                       class="summary-row"
+                                       :class="{ 'text-only': !visibleContents }"
+                                       :to="getLocation(state.activeTab)"
                             >
                                 <div class="text-group">
                                     <span>{{ $t('COMMON.WIDGETS.ALL_SUMMARY.ALL') }}</span>
@@ -472,11 +479,13 @@ onUnmounted(() => {
                                 <span class="count">
                                     {{ state.activeTab === SERVICE_CATEGORY.STORAGE ? byteFormatter(state.countMap[state.activeTab]) : numberFormatter(state.countMap[state.activeTab]) }}
                                 </span>
-                            </router-link>
-                            <router-link v-for="(data, idx) of state.summaryData"
-                                         :key="idx"
-                                         :to="data.to"
-                                         class="summary-row"
+                            </component>
+                            <component :is="visibleContents ? 'router-link' : 'div'"
+                                       v-for="(data, idx) of state.summaryData"
+                                       :key="idx"
+                                       class="summary-row"
+                                       :class="{ 'text-only': !visibleContents }"
+                                       :to="data.to"
                             >
                                 <div class="text-group">
                                     <span class="provider"
@@ -485,7 +494,7 @@ onUnmounted(() => {
                                     <span class="type">{{ data.type }}</span>
                                 </div>
                                 <span class="count">{{ data.count }}</span>
-                            </router-link>
+                            </component>
                         </div>
                     </template>
                     <template v-else-if="!state.loading">
@@ -517,6 +526,7 @@ onUnmounted(() => {
                         :project-id="projectId"
                         :label="state.activeTab"
                         :count="state.countMap[state.activeTab]"
+                        :visible-contents="visibleContents"
                     />
                 </div>
             </div>
@@ -644,16 +654,22 @@ onUnmounted(() => {
                 padding: 0.25rem 0.5rem;
                 margin: auto 0;
 
-                &:hover {
-                    @apply bg-secondary2;
-                    .provider {
-                        text-decoration: underline;
-                    }
-                    .type {
-                        text-decoration: underline;
-                    }
-                    .count {
-                        text-decoration: underline;
+                &.text-only {
+                    cursor: default;
+                }
+
+                &:not(.text-only) {
+                    &:hover {
+                        @apply bg-secondary2;
+                        .provider {
+                            text-decoration: underline;
+                        }
+                        .type {
+                            text-decoration: underline;
+                        }
+                        .count {
+                            text-decoration: underline;
+                        }
                     }
                 }
 
diff --git a/apps/web/src/services/project/v1/components/ProjectSummaryAllSummaryWidgetRegionService.vue b/apps/web/src/services/project/v1/components/ProjectSummaryAllSummaryWidgetRegionService.vue
index 19c593617a..298872d151 100644
--- a/apps/web/src/services/project/v1/components/ProjectSummaryAllSummaryWidgetRegionService.vue
+++ b/apps/web/src/services/project/v1/components/ProjectSummaryAllSummaryWidgetRegionService.vue
@@ -40,10 +40,12 @@ interface Props {
     projectId: string;
     label?: string;
     count?: number;
+    visibleContents: boolean;
 }
 const props = withDefaults(defineProps<Props>(), {
     label: undefined,
     count: undefined,
+    visibleContents: true,
 });
 const allReferenceStore = useAllReferenceStore();
 
@@ -203,10 +205,12 @@ watch([() => state.loading, () => chartContext.value], ([loading, chartCtx]) =>
                     </div>
                 </template>
                 <template v-else>
-                    <router-link v-for="(d, idx) of state.data"
-                                 :key="idx"
-                                 :to="d.to"
-                                 class="summary-row col-span-3 md:col-span-1 lg:col-span-3"
+                    <component :is="props.visibleContents ? 'router-link' : 'div'"
+                               v-for="(d, idx) of state.data"
+                               :key="idx"
+                               :to="d.to"
+                               class="summary-row col-span-3 md:col-span-1 lg:col-span-3"
+                               :class="{ 'text-only': !visibleContents }"
                     >
                         <span class="circle"
                               :style="{ 'background-color': d.color }"
@@ -216,7 +220,7 @@ watch([() => state.loading, () => chartContext.value], ([loading, chartCtx]) =>
                             <span class="type truncate">{{ d.region }}</span>
                         </div>
                         <span class="count">{{ d.count }}</span>
-                    </router-link>
+                    </component>
                 </template>
             </div>
         </div>
@@ -268,16 +272,22 @@ watch([() => state.loading, () => chartContext.value], ([loading, chartCtx]) =>
         padding: 0.25rem 0.5rem;
         margin: auto 0;
 
-        &:hover {
-            @apply bg-secondary2;
-            .provider {
-                text-decoration: underline;
-            }
-            .type {
-                text-decoration: underline;
-            }
-            .count {
-                text-decoration: underline;
+        &.text-only {
+            cursor: default;
+        }
+
+        &:not(.text-only) {
+            &:hover {
+                @apply bg-secondary2;
+                .provider {
+                    text-decoration: underline;
+                }
+                .type {
+                    text-decoration: underline;
+                }
+                .count {
+                    text-decoration: underline;
+                }
             }
         }
 
diff --git a/apps/web/src/services/project/v1/components/ProjectSummaryServiceAccountsWidget.vue b/apps/web/src/services/project/v1/components/ProjectSummaryServiceAccountsWidget.vue
index df00b8cf9a..bf723b15fb 100644
--- a/apps/web/src/services/project/v1/components/ProjectSummaryServiceAccountsWidget.vue
+++ b/apps/web/src/services/project/v1/components/ProjectSummaryServiceAccountsWidget.vue
@@ -16,14 +16,16 @@ import { useUserWorkspaceStore } from '@/store/app-context/workspace/user-worksp
 import { useAllReferenceStore } from '@/store/reference/all-reference-store';
 import type { ProviderReferenceMap } from '@/store/reference/provider-reference-store';
 
+import { MENU_ID } from '@/lib/menu/config';
 import { arrayToQueryString, primitiveToQueryString } from '@/lib/router-query-string';
 
 import WidgetLayout from '@/common/components/layouts/WidgetLayout.vue';
+import { useContentsAccessibility } from '@/common/composables/contents-accessibility';
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
 import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-constant';
 import type { CloudServiceMainPageUrlQuery } from '@/services/asset-inventory/types/cloud-service-page-type';
-
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
 
 const DATA_TYPE = {
     SERVER: 'SERVER',
@@ -53,6 +55,9 @@ const props = withDefaults(defineProps<Props>(), {
 });
 const allReferenceStore = useAllReferenceStore();
 const userWorkspaceStore = useUserWorkspaceStore();
+
+const { visibleContents } = useContentsAccessibility(MENU_ID.ASSET_INVENTORY);
+
 const storeState = reactive({
     currentWorkspaceId: computed<string|undefined>(() => userWorkspaceStore.getters.currentWorkspaceId),
 });
@@ -89,14 +94,14 @@ const getConvertedData = (rawData): Item[] => rawData.map((item) => ({
         label: state.providers[item.provider]?.label,
         color: state.providers[item.provider]?.color,
         to: {
-            name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME,
+            name: SERVICE_ACCOUNT_ROUTE._NAME,
             query: { provider: item.provider },
         },
     },
     service_account: {
         label: item.service_account_name,
         to: {
-            name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME,
+            name: SERVICE_ACCOUNT_ROUTE._NAME,
             query: {
                 provider: item.provider,
                 filters: arrayToQueryString([item.service_account_id]),
@@ -167,25 +172,31 @@ watch(() => state.providers, (providers) => {
                 </router-link>
             </template>
             <template #col-server-format="{ value }">
-                <router-link :to="value.to"
-                             class="link-text"
+                <component :is="visibleContents ? 'router-link' : 'div'"
+                           :to="value.to"
+                           class="link-text"
+                           :class="{ 'text-only': !visibleContents }"
                 >
                     {{ value.count }}
-                </router-link>
+                </component>
             </template>
             <template #col-database-format="{ value }">
-                <router-link :to="value.to"
-                             class="link-text"
+                <component :is="visibleContents ? 'router-link' : 'div'"
+                           :to="value.to"
+                           class="link-text"
+                           :class="{ 'text-only': !visibleContents }"
                 >
                     {{ value.count }}
-                </router-link>
+                </component>
             </template>
             <template #col-storage-format="{ value }">
-                <router-link :to="value.to"
-                             class="link-text"
+                <component :is="visibleContents ? 'router-link' : 'div'"
+                           :to="value.to"
+                           class="link-text"
+                           :class="{ 'text-only': !visibleContents }"
                 >
                     {{ value.count }}
-                </router-link>
+                </component>
             </template>
         </p-data-table>
     </widget-layout>
@@ -209,8 +220,10 @@ watch(() => state.providers, (providers) => {
         td {
             height: 2rem;
             .link-text {
-                &:hover {
-                    text-decoration: underline;
+                &:not(.text-only) {
+                    &:hover {
+                        text-decoration: underline;
+                    }
                 }
             }
         }
diff --git a/apps/web/src/services/project/v1/pages/ProjectDetailTabPage.vue b/apps/web/src/services/project/v1/pages/ProjectDetailTabPage.vue
index 4f5ec0c60d..c9fd3b2ceb 100644
--- a/apps/web/src/services/project/v1/pages/ProjectDetailTabPage.vue
+++ b/apps/web/src/services/project/v1/pages/ProjectDetailTabPage.vue
@@ -22,9 +22,10 @@ import { useAllReferenceStore } from '@/store/reference/all-reference-store';
 import type { ProjectGroupReferenceItem, ProjectGroupReferenceMap } from '@/store/reference/project-group-reference-store';
 import { useUserStore } from '@/store/user/user-store';
 
-import { useIsAlertManagerV2Enabled } from '@/lib/config/composables/use-is-alert-manager-v2-enabled';
+import { MENU_ID } from '@/lib/menu/config';
 import { referenceRouter } from '@/lib/reference/referenceRouter';
 
+import { useContentsAccessibility } from '@/common/composables/contents-accessibility';
 import { FAVORITE_TYPE } from '@/common/modules/favorites/favorite-button/type';
 import type { FavoriteOptions } from '@/common/modules/favorites/favorite-button/type';
 import { useGnbStore } from '@/common/modules/navigations/stores/gnb-store';
@@ -53,15 +54,16 @@ const userWorkspaceStore = useUserWorkspaceStore();
 const dashboardStore = useDashboardStore();
 const userStore = useUserStore();
 
+const { visibleContents } = useContentsAccessibility(MENU_ID.ALERT_MANAGER);
+
 /* Query */
 const {
     publicDashboardList,
     publicFolderList,
 } = useDashboardQuery();
 
-const isAlertManagerV2Enabled = useIsAlertManagerV2Enabled();
-
 const storeState = reactive({
+    visibleAlertTab: computed<boolean>(() => visibleContents.value && projectDetailPageState.visibleAlertTab),
     projectGroups: computed<ProjectGroupReferenceMap>(() => allReferenceStore.getters.projectGroup),
     currentWorkspaceId: computed(() => userWorkspaceStore.getters.currentWorkspaceId),
     language: computed<string|undefined>(() => userStore.state.language),
@@ -107,7 +109,7 @@ const singleItemTabState = reactive({
             name: PROJECT_ROUTE_V1.DETAIL.TAB.SUMMARY._NAME,
             label: i18n.t('PROJECT.DETAIL.TAB_SUMMARY'),
         },
-        ...(isAlertManagerV2Enabled.value ? [] : [
+        ...(!storeState.visibleAlertTab ? [] : [
             {
                 name: PROJECT_ROUTE_V1.DETAIL.TAB.ALERT._NAME,
                 label: i18n.t('PROJECT.DETAIL.TAB_ALERT'),
diff --git a/apps/web/src/services/project/v1/pages/ProjectSummaryPage.vue b/apps/web/src/services/project/v1/pages/ProjectSummaryPage.vue
index d6e611829d..7b2d017784 100644
--- a/apps/web/src/services/project/v1/pages/ProjectSummaryPage.vue
+++ b/apps/web/src/services/project/v1/pages/ProjectSummaryPage.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import {
+    computed,
     reactive, watch,
 } from 'vue';
 
@@ -10,8 +11,9 @@ import type { ListResponse } from '@/api-clients/_common/schema/api-verbs/list';
 import type { ProjectAlertConfigListParameters } from '@/schema/monitoring/project-alert-config/api-verbs/list';
 import type { ProjectAlertConfigModel } from '@/schema/monitoring/project-alert-config/model';
 
-import { useIsAlertManagerV2Enabled } from '@/lib/config/composables/use-is-alert-manager-v2-enabled';
+import { MENU_ID } from '@/lib/menu/config';
 
+import { useContentsAccessibility } from '@/common/composables/contents-accessibility';
 import ErrorHandler from '@/common/composables/error/errorHandler';
 import DailyUpdates from '@/common/modules/widgets/DailyUpdates.vue';
 
@@ -24,19 +26,24 @@ import ProjectSummaryBillingWidget from '@/services/project/v1/components/Projec
 import ProjectSummaryPersonalHealthDashboardWidget from '@/services/project/v1/components/ProjectSummaryPersonalHealthDashboardWidget.vue';
 import ProjectSummaryServiceAccountsWidget from '@/services/project/v1/components/ProjectSummaryServiceAccountsWidget.vue';
 import ProjectSummaryTrustedAdvisorWidget from '@/services/project/v1/components/ProjectSummaryTrustedAdvisorWidget.vue';
-
-
+import { useProjectDetailPageStore } from '@/services/project/v1/stores/project-detail-page-store';
 
 interface Props {
     id: string;
 }
 const props = defineProps<Props>();
+
+const projectDetailPageStore = useProjectDetailPageStore();
+const projectDetailPageState = projectDetailPageStore.state;
+
+const { visibleContents: visibleAssetContents } = useContentsAccessibility(MENU_ID.ASSET_INVENTORY);
+const { visibleContents: visibleAlertContents } = useContentsAccessibility(MENU_ID.ALERT_MANAGER);
+
 const state = reactive({
+    visibleAlertTab: computed<boolean>(() => visibleAlertContents.value && projectDetailPageState.visibleAlertTab),
     hasAlertConfig: false,
     deprecatedNotiVisible: true,
 });
-const isAlertManagerV2Enabled = useIsAlertManagerV2Enabled();
-
 const handleClickNotiClose = () => {
     state.deprecatedNotiVisible = false;
 };
@@ -54,7 +61,7 @@ const getProjectAlertConfig = async () => {
 };
 
 watch(() => props.id, () => {
-    if (!isAlertManagerV2Enabled.value) getProjectAlertConfig();
+    if (state.visibleAlertTab) getProjectAlertConfig();
 }, { immediate: true });
 </script>
 
@@ -92,7 +99,7 @@ watch(() => props.id, () => {
             :project-id="props.id"
         />
         <div class="col-span-12 lg:col-span-9 grid grid-cols-12 left-part">
-            <project-summary-alert-widget v-if="!isAlertManagerV2Enabled && state.hasAlertConfig"
+            <project-summary-alert-widget v-if="state.visibleAlertTab && state.hasAlertConfig"
                                           :key="`project-summary-alert-widget-${props.id}`"
                                           class="col-span-12"
                                           :project-id="props.id"
@@ -107,6 +114,7 @@ watch(() => props.id, () => {
                 :project-id="props.id"
             />
             <project-summary-personal-health-dashboard-widget
+                v-if="visibleAssetContents"
                 :key="`project-summary-personal-health-dashboard-widget-${props.id}`"
                 class="col-span-12"
                 :project-id="props.id"
@@ -118,16 +126,19 @@ watch(() => props.id, () => {
             />
         </div>
         <div class="col-span-12 lg:col-span-3 grid grid-cols-12 right-part">
-            <daily-updates :key="`daily-updates-${props.id}`"
+            <daily-updates v-if="visibleAssetContents"
+                           :key="`daily-updates-${props.id}`"
                            class="col-span-12 daily-updates"
                            :project-id="props.id"
             />
-            <cloud-services :key="`cloud-services-${props.id}`"
+            <cloud-services v-if="visibleAssetContents"
+                            :key="`cloud-services-${props.id}`"
                             class="col-span-12 cloud-services"
                             :more-info="true"
                             :project-id="props.id"
             />
             <project-summary-trusted-advisor-widget
+                v-if="visibleAssetContents"
                 :key="`project-summary-trusted-advisor-widget-${props.id}`"
                 class="col-span-12 trusted-advisor"
                 :project-id="props.id"
diff --git a/apps/web/src/services/project/v1/stores/project-detail-page-store.ts b/apps/web/src/services/project/v1/stores/project-detail-page-store.ts
index e403ce4658..34374cd137 100644
--- a/apps/web/src/services/project/v1/stores/project-detail-page-store.ts
+++ b/apps/web/src/services/project/v1/stores/project-detail-page-store.ts
@@ -26,6 +26,7 @@ export interface AlertCount {
 }
 
 interface ProjectDetailPageState {
+    visibleAlertTab?: boolean,
     loading: boolean,
     projectId?: string,
     currentProject?: ProjectModel,
@@ -35,6 +36,7 @@ interface ProjectDetailPageState {
 }
 export const useProjectDetailPageStore = defineStore('page-project-detail', () => {
     const state = reactive<ProjectDetailPageState>({
+        visibleAlertTab: false,
         loading: false,
         projectId: undefined,
         currentProject: undefined,
@@ -52,6 +54,9 @@ export const useProjectDetailPageStore = defineStore('page-project-detail', () =
     });
 
     /* mutations */
+    const setVisibleAlertTab = (val?: boolean) => {
+        state.visibleAlertTab = val;
+    };
     const setProjectId = (projectId?: string) => {
         state.projectId = projectId;
     };
@@ -120,6 +125,7 @@ export const useProjectDetailPageStore = defineStore('page-project-detail', () =
     };
 
     const mutations = {
+        setVisibleAlertTab,
         setProjectId,
         setProject,
         setWebhookList,
diff --git a/apps/web/src/services/project/v2/components/ProjectMainProjectCard.vue b/apps/web/src/services/project/v2/components/ProjectMainProjectCard.vue
index 91b0170881..9c9cfd0403 100644
--- a/apps/web/src/services/project/v2/components/ProjectMainProjectCard.vue
+++ b/apps/web/src/services/project/v2/components/ProjectMainProjectCard.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-
 import { computed, reactive } from 'vue';
 import { useRouter } from 'vue-router/composables';
 
@@ -20,13 +19,10 @@ import { FAVORITE_TYPE } from '@/common/modules/favorites/favorite-button/type';
 
 import { peacock } from '@/styles/colors';
 
-import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-constant';
 import { useProjectPageStore } from '@/services/project/v-shared/stores/project-page-store';
 import type { ProjectCardItemType } from '@/services/project/v-shared/types/project-type';
 import { PROJECT_ROUTE_V2 } from '@/services/project/v2/routes/route-constant';
-
-
-
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
 
 interface Props {
     item: ProjectCardItemType;
@@ -155,7 +151,7 @@ const handleSelectItem = (selected: MenuItem) => {
                     <template v-for="(provider, index) in props.serviceAccountProviderList">
                         <router-link v-if="index < 5"
                                      :key="index"
-                                     :to="{name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME,query: { provider: getProvider(provider) ? provider : null },}"
+                                     :to="{name: SERVICE_ACCOUNT_ROUTE._NAME,query: { provider: getProvider(provider) ? provider : null },}"
                                      class="icon-link"
                                      :style="{backgroundImage: `url('${getProvider(provider).icon || require('@/assets/images/ic_cloud-filled.svg')}')`}"
                                      @click.native.stop.prevent
@@ -169,7 +165,7 @@ const handleSelectItem = (selected: MenuItem) => {
                 </span>
                 <router-link v-if="props.serviceAccountProviderList.length !== 0"
                              class="icon-wrapper"
-                             :to="{ name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME }"
+                             :to="{ name: SERVICE_ACCOUNT_ROUTE._NAME }"
                              @click.native.stop.prevent
                 >
                     <p-i name="ic_plus_thin"
@@ -181,7 +177,7 @@ const handleSelectItem = (selected: MenuItem) => {
             <div v-else
                  class="account-add"
             >
-                <router-link :to="{ name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME }"
+                <router-link :to="{ name: SERVICE_ACCOUNT_ROUTE._NAME }"
                              @click.native.stop.prevent
                 >
                     <p-i name="ic_plus_thin"
@@ -189,7 +185,7 @@ const handleSelectItem = (selected: MenuItem) => {
                          color="inherit"
                     />
                 </router-link>
-                <router-link :to="{ name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME }"
+                <router-link :to="{ name: SERVICE_ACCOUNT_ROUTE._NAME }"
                              @click.native.stop.prevent
                 >
                     <span class="add-label"> {{ $t('PROJECT.LANDING.ADD_SERVICE_ACCOUNT') }}</span>
diff --git a/apps/web/src/services/service-account/ServiceAccountContainer.vue b/apps/web/src/services/service-account/ServiceAccountContainer.vue
new file mode 100644
index 0000000000..1e5310752d
--- /dev/null
+++ b/apps/web/src/services/service-account/ServiceAccountContainer.vue
@@ -0,0 +1,9 @@
+<script lang="ts" setup>
+import GeneralPageLayout from '@/common/modules/page-layouts/GeneralPageLayout.vue';
+</script>
+
+<template>
+    <general-page-layout>
+        <router-view />
+    </general-page-layout>
+</template>
diff --git a/apps/web/src/services/asset-inventory/components/ServiceAccountAddClusterModal.vue b/apps/web/src/services/service-account/components/ServiceAccountAddClusterModal.vue
similarity index 98%
rename from apps/web/src/services/asset-inventory/components/ServiceAccountAddClusterModal.vue
rename to apps/web/src/services/service-account/components/ServiceAccountAddClusterModal.vue
index ee872dd8dd..ef6561dc4f 100644
--- a/apps/web/src/services/asset-inventory/components/ServiceAccountAddClusterModal.vue
+++ b/apps/web/src/services/service-account/components/ServiceAccountAddClusterModal.vue
@@ -22,9 +22,9 @@ import { useProxyValue } from '@/common/composables/proxy-state';
 
 import { red, violet } from '@/styles/colors';
 
-import ServiceAccountAddClusterScriptField from '@/services/asset-inventory/components/ServiceAccountAddClusterScriptField.vue';
-import { OPEN_COST_OPTIONS } from '@/services/asset-inventory/constants/service-account-constant';
-import { useServiceAccountAgentStore } from '@/services/asset-inventory/stores/service-account-agent-store';
+import ServiceAccountAddClusterScriptField from '@/services/service-account/components/ServiceAccountAddClusterScriptField.vue';
+import { OPEN_COST_OPTIONS } from '@/services/service-account/constants/service-account-constant';
+import { useServiceAccountAgentStore } from '@/services/service-account/stores/service-account-agent-store';
 
 
 
diff --git a/apps/web/src/services/asset-inventory/components/ServiceAccountAddClusterScriptField.vue b/apps/web/src/services/service-account/components/ServiceAccountAddClusterScriptField.vue
similarity index 100%
rename from apps/web/src/services/asset-inventory/components/ServiceAccountAddClusterScriptField.vue
rename to apps/web/src/services/service-account/components/ServiceAccountAddClusterScriptField.vue
diff --git a/apps/web/src/services/asset-inventory/components/ServiceAccountAttachedGeneralAccounts.vue b/apps/web/src/services/service-account/components/ServiceAccountAttachedGeneralAccounts.vue
similarity index 97%
rename from apps/web/src/services/asset-inventory/components/ServiceAccountAttachedGeneralAccounts.vue
rename to apps/web/src/services/service-account/components/ServiceAccountAttachedGeneralAccounts.vue
index b8c70ce20e..0499e370bb 100644
--- a/apps/web/src/services/asset-inventory/components/ServiceAccountAttachedGeneralAccounts.vue
+++ b/apps/web/src/services/service-account/components/ServiceAccountAttachedGeneralAccounts.vue
@@ -46,11 +46,11 @@ import WorkspaceLogoIcon from '@/common/modules/navigations/top-bar/modules/top-
 
 import { green, red } from '@/styles/colors';
 
-import { getAccountFields, stateFormatter } from '@/services/asset-inventory/helpers/dynamic-ui-schema-generator';
-import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-constant';
-import { useServiceAccountPageStore } from '@/services/asset-inventory/stores/service-account-page-store';
-import { useServiceAccountSchemaStore } from '@/services/asset-inventory/stores/service-account-schema-store';
 import { PROJECT_ROUTE_V1 } from '@/services/project/v1/routes/route-constant';
+import { getAccountFields, stateFormatter } from '@/services/service-account/helpers/dynamic-ui-schema-generator';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
+import { useServiceAccountPageStore } from '@/services/service-account/stores/service-account-page-store';
+import { useServiceAccountSchemaStore } from '@/services/service-account/stores/service-account-schema-store';
 
 const props = withDefaults(defineProps<{
     serviceAccountId: string;
@@ -332,7 +332,7 @@ watch(() => state.trustedAccountId, async (ta) => {
                     <p-link action-icon="internal-link"
                             new-tab
                             :to="{
-                                name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.DETAIL._NAME,
+                                name: SERVICE_ACCOUNT_ROUTE.DETAIL._NAME,
                                 params: {
                                     serviceAccountId: item.service_account_id,
                                     workspaceId: item.workspace_id
diff --git a/apps/web/src/services/asset-inventory/components/ServiceAccountAutoSync.vue b/apps/web/src/services/service-account/components/ServiceAccountAutoSync.vue
similarity index 94%
rename from apps/web/src/services/asset-inventory/components/ServiceAccountAutoSync.vue
rename to apps/web/src/services/service-account/components/ServiceAccountAutoSync.vue
index da7fd7f4a2..f0bfb2dfcf 100644
--- a/apps/web/src/services/asset-inventory/components/ServiceAccountAutoSync.vue
+++ b/apps/web/src/services/service-account/components/ServiceAccountAutoSync.vue
@@ -19,10 +19,10 @@ import { showSuccessMessage } from '@/lib/helper/notice-alert-helper';
 import AutoSyncState from '@/common/components/badge/auto-sync-state/AutoSyncState.vue';
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
-import ServiceAccountAutoSyncDetail from '@/services/asset-inventory/components/ServiceAccountAutoSyncDetail.vue';
-import ServiceAccountAutoSyncForm from '@/services/asset-inventory/components/ServiceAccountAutoSyncForm.vue';
-import { useServiceAccountPageStore } from '@/services/asset-inventory/stores/service-account-page-store';
-import type { PageMode } from '@/services/asset-inventory/types/service-account-page-type';
+import ServiceAccountAutoSyncDetail from '@/services/service-account/components/ServiceAccountAutoSyncDetail.vue';
+import ServiceAccountAutoSyncForm from '@/services/service-account/components/ServiceAccountAutoSyncForm.vue';
+import { useServiceAccountPageStore } from '@/services/service-account/stores/service-account-page-store';
+import type { PageMode } from '@/services/service-account/types/service-account-page-type';
 
 
 const emit = defineEmits<{(e: 'refresh'): void; }>();
diff --git a/apps/web/src/services/asset-inventory/components/ServiceAccountAutoSyncDetail.vue b/apps/web/src/services/service-account/components/ServiceAccountAutoSyncDetail.vue
similarity index 95%
rename from apps/web/src/services/asset-inventory/components/ServiceAccountAutoSyncDetail.vue
rename to apps/web/src/services/service-account/components/ServiceAccountAutoSyncDetail.vue
index 47184bced5..308c85afa6 100644
--- a/apps/web/src/services/asset-inventory/components/ServiceAccountAutoSyncDetail.vue
+++ b/apps/web/src/services/service-account/components/ServiceAccountAutoSyncDetail.vue
@@ -11,8 +11,8 @@ import { i18n } from '@/translations';
 import { useUserStore } from '@/store/user/user-store';
 
 import ServiceAccountAutoSyncMappingMethod
-    from '@/services/asset-inventory/components/ServiceAccountAutoSyncMappingMethod.vue';
-import { useServiceAccountPageStore } from '@/services/asset-inventory/stores/service-account-page-store';
+    from '@/services/service-account/components/ServiceAccountAutoSyncMappingMethod.vue';
+import { useServiceAccountPageStore } from '@/services/service-account/stores/service-account-page-store';
 
 const serviceAccountPageStore = useServiceAccountPageStore();
 const serviceAccountPageFormState = serviceAccountPageStore.formState;
diff --git a/apps/web/src/services/asset-inventory/components/ServiceAccountAutoSyncForm.vue b/apps/web/src/services/service-account/components/ServiceAccountAutoSyncForm.vue
similarity index 97%
rename from apps/web/src/services/asset-inventory/components/ServiceAccountAutoSyncForm.vue
rename to apps/web/src/services/service-account/components/ServiceAccountAutoSyncForm.vue
index bfc7cb3e26..ef6db90072 100644
--- a/apps/web/src/services/asset-inventory/components/ServiceAccountAutoSyncForm.vue
+++ b/apps/web/src/services/service-account/components/ServiceAccountAutoSyncForm.vue
@@ -14,8 +14,8 @@ import { useAppContextStore } from '@/store/app-context/app-context-store';
 import { useUserStore } from '@/store/user/user-store';
 
 import ServiceAccountAutoSyncMappingMethod
-    from '@/services/asset-inventory/components/ServiceAccountAutoSyncMappingMethod.vue';
-import { useServiceAccountPageStore } from '@/services/asset-inventory/stores/service-account-page-store';
+    from '@/services/service-account/components/ServiceAccountAutoSyncMappingMethod.vue';
+import { useServiceAccountPageStore } from '@/services/service-account/stores/service-account-page-store';
 
 
 const MAX_TIME_COUNT = 2;
diff --git a/apps/web/src/services/asset-inventory/components/ServiceAccountAutoSyncMappingMethod.vue b/apps/web/src/services/service-account/components/ServiceAccountAutoSyncMappingMethod.vue
similarity index 98%
rename from apps/web/src/services/asset-inventory/components/ServiceAccountAutoSyncMappingMethod.vue
rename to apps/web/src/services/service-account/components/ServiceAccountAutoSyncMappingMethod.vue
index 383dd96d99..7586074292 100644
--- a/apps/web/src/services/asset-inventory/components/ServiceAccountAutoSyncMappingMethod.vue
+++ b/apps/web/src/services/service-account/components/ServiceAccountAutoSyncMappingMethod.vue
@@ -10,8 +10,8 @@ import { useUserWorkspaceStore } from '@/store/app-context/workspace/user-worksp
 import MappingMethod from '@/common/components/mapping-method/MappingMethod.vue';
 import WorkspaceLogoIcon from '@/common/modules/navigations/top-bar/modules/top-bar-header/WorkspaceLogoIcon.vue';
 
-import WorkspaceDropdown from '@/services/asset-inventory/components/WorkspaceDropdown.vue';
-import { useServiceAccountPageStore } from '@/services/asset-inventory/stores/service-account-page-store';
+import WorkspaceDropdown from '@/services/service-account/components/WorkspaceDropdown.vue';
+import { useServiceAccountPageStore } from '@/services/service-account/stores/service-account-page-store';
 
 const cspAdditionalOptionMap = {
     aws: {
diff --git a/apps/web/src/services/asset-inventory/components/ServiceAccountBadge.vue b/apps/web/src/services/service-account/components/ServiceAccountBadge.vue
similarity index 93%
rename from apps/web/src/services/asset-inventory/components/ServiceAccountBadge.vue
rename to apps/web/src/services/service-account/components/ServiceAccountBadge.vue
index 04f6871249..1efe754e46 100644
--- a/apps/web/src/services/asset-inventory/components/ServiceAccountBadge.vue
+++ b/apps/web/src/services/service-account/components/ServiceAccountBadge.vue
@@ -17,7 +17,7 @@ import { PBadge } from '@cloudforet/mirinae';
 import { ACCOUNT_TYPE } from '@/api-clients/identity/service-account/schema/constant';
 import type { AccountType } from '@/api-clients/identity/service-account/schema/type';
 
-import { ACCOUNT_TYPE_BADGE_OPTION } from '@/services/asset-inventory/constants/service-account-constant';
+import { ACCOUNT_TYPE_BADGE_OPTION } from '@/services/service-account/constants/service-account-constant';
 
 
 interface Props {
diff --git a/apps/web/src/services/asset-inventory/components/ServiceAccountBaseInformation.vue b/apps/web/src/services/service-account/components/ServiceAccountBaseInformation.vue
similarity index 94%
rename from apps/web/src/services/asset-inventory/components/ServiceAccountBaseInformation.vue
rename to apps/web/src/services/service-account/components/ServiceAccountBaseInformation.vue
index 13ebdec81e..a55bf1a1bd 100644
--- a/apps/web/src/services/asset-inventory/components/ServiceAccountBaseInformation.vue
+++ b/apps/web/src/services/service-account/components/ServiceAccountBaseInformation.vue
@@ -21,14 +21,14 @@ import { showSuccessMessage } from '@/lib/helper/notice-alert-helper';
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
 import ServiceAccountBaseInformationDetail
-    from '@/services/asset-inventory/components/ServiceAccountBaseInformationDetail.vue';
+    from '@/services/service-account/components/ServiceAccountBaseInformationDetail.vue';
 import ServiceAccountBaseInformationForm
-    from '@/services/asset-inventory/components/ServiceAccountBaseInformationForm.vue';
-import { useServiceAccountPageStore } from '@/services/asset-inventory/stores/service-account-page-store';
-import { useServiceAccountSchemaStore } from '@/services/asset-inventory/stores/service-account-schema-store';
+    from '@/services/service-account/components/ServiceAccountBaseInformationForm.vue';
+import { useServiceAccountPageStore } from '@/services/service-account/stores/service-account-page-store';
+import { useServiceAccountSchemaStore } from '@/services/service-account/stores/service-account-schema-store';
 import type {
     BaseInformationForm, PageMode,
-} from '@/services/asset-inventory/types/service-account-page-type';
+} from '@/services/service-account/types/service-account-page-type';
 
 interface Props {
     serviceAccountId?: string;
diff --git a/apps/web/src/services/asset-inventory/components/ServiceAccountBaseInformationDetail.vue b/apps/web/src/services/service-account/components/ServiceAccountBaseInformationDetail.vue
similarity index 90%
rename from apps/web/src/services/asset-inventory/components/ServiceAccountBaseInformationDetail.vue
rename to apps/web/src/services/service-account/components/ServiceAccountBaseInformationDetail.vue
index dc4737711f..d905d920ae 100644
--- a/apps/web/src/services/asset-inventory/components/ServiceAccountBaseInformationDetail.vue
+++ b/apps/web/src/services/service-account/components/ServiceAccountBaseInformationDetail.vue
@@ -12,10 +12,10 @@ import { useUserStore } from '@/store/user/user-store';
 
 import { referenceFieldFormatter } from '@/lib/reference/referenceFieldFormatter';
 
-import { stateFormatter } from '@/services/asset-inventory/helpers/dynamic-ui-schema-generator';
-import type { ItemLayout } from '@/services/asset-inventory/helpers/dynamic-ui-schema-generator/type';
-import { useServiceAccountPageStore } from '@/services/asset-inventory/stores/service-account-page-store';
-import { useServiceAccountSchemaStore } from '@/services/asset-inventory/stores/service-account-schema-store';
+import { stateFormatter } from '@/services/service-account/helpers/dynamic-ui-schema-generator';
+import type { ItemLayout } from '@/services/service-account/helpers/dynamic-ui-schema-generator/type';
+import { useServiceAccountPageStore } from '@/services/service-account/stores/service-account-page-store';
+import { useServiceAccountSchemaStore } from '@/services/service-account/stores/service-account-schema-store';
 
 const props = defineProps<{
     loading?: boolean;
diff --git a/apps/web/src/services/asset-inventory/components/ServiceAccountBaseInformationForm.vue b/apps/web/src/services/service-account/components/ServiceAccountBaseInformationForm.vue
similarity index 96%
rename from apps/web/src/services/asset-inventory/components/ServiceAccountBaseInformationForm.vue
rename to apps/web/src/services/service-account/components/ServiceAccountBaseInformationForm.vue
index 134c5143eb..514f1da856 100644
--- a/apps/web/src/services/asset-inventory/components/ServiceAccountBaseInformationForm.vue
+++ b/apps/web/src/services/service-account/components/ServiceAccountBaseInformationForm.vue
@@ -20,9 +20,9 @@ import TagsInput from '@/common/components/inputs/TagsInput.vue';
 import { useFormValidator } from '@/common/composables/form-validator';
 import type { Tag } from '@/common/modules/tags/type';
 
-import ServiceAccountProjectForm from '@/services/asset-inventory/components/ServiceAccountProjectForm.vue';
-import { useServiceAccountPageStore } from '@/services/asset-inventory/stores/service-account-page-store';
-import type { BaseInformationForm, ProjectForm } from '@/services/asset-inventory/types/service-account-page-type';
+import ServiceAccountProjectForm from '@/services/service-account/components/ServiceAccountProjectForm.vue';
+import { useServiceAccountPageStore } from '@/services/service-account/stores/service-account-page-store';
+import type { BaseInformationForm, ProjectForm } from '@/services/service-account/types/service-account-page-type';
 
 
 
diff --git a/apps/web/src/services/asset-inventory/components/ServiceAccountCluster.vue b/apps/web/src/services/service-account/components/ServiceAccountCluster.vue
similarity index 96%
rename from apps/web/src/services/asset-inventory/components/ServiceAccountCluster.vue
rename to apps/web/src/services/service-account/components/ServiceAccountCluster.vue
index fee757470d..f5a8561483 100644
--- a/apps/web/src/services/asset-inventory/components/ServiceAccountCluster.vue
+++ b/apps/web/src/services/service-account/components/ServiceAccountCluster.vue
@@ -12,12 +12,12 @@ import { i18n as _i18n } from '@/translations';
 
 import { red } from '@/styles/colors';
 
-import ServiceAccountAddClusterModal from '@/services/asset-inventory/components/ServiceAccountAddClusterModal.vue';
+import ServiceAccountAddClusterModal from '@/services/service-account/components/ServiceAccountAddClusterModal.vue';
 import ServiceAccountAddClusterScriptField
-    from '@/services/asset-inventory/components/ServiceAccountAddClusterScriptField.vue';
+    from '@/services/service-account/components/ServiceAccountAddClusterScriptField.vue';
 import ServiceAccountClusterDetail
-    from '@/services/asset-inventory/components/ServiceAccountClusterDetail.vue';
-import { useServiceAccountAgentStore } from '@/services/asset-inventory/stores/service-account-agent-store';
+    from '@/services/service-account/components/ServiceAccountClusterDetail.vue';
+import { useServiceAccountAgentStore } from '@/services/service-account/stores/service-account-agent-store';
 
 interface Props {
     serviceAccountId: string;
diff --git a/apps/web/src/services/asset-inventory/components/ServiceAccountClusterDetail.vue b/apps/web/src/services/service-account/components/ServiceAccountClusterDetail.vue
similarity index 97%
rename from apps/web/src/services/asset-inventory/components/ServiceAccountClusterDetail.vue
rename to apps/web/src/services/service-account/components/ServiceAccountClusterDetail.vue
index ed09c9fdce..192f0eed94 100644
--- a/apps/web/src/services/asset-inventory/components/ServiceAccountClusterDetail.vue
+++ b/apps/web/src/services/service-account/components/ServiceAccountClusterDetail.vue
@@ -10,7 +10,7 @@ import { i18n } from '@/translations';
 
 import { useUserStore } from '@/store/user/user-store';
 
-import { useServiceAccountAgentStore } from '@/services/asset-inventory/stores/service-account-agent-store';
+import { useServiceAccountAgentStore } from '@/services/service-account/stores/service-account-agent-store';
 
 const serviceAccountAgentStore = useServiceAccountAgentStore();
 const userStore = useUserStore();
diff --git a/apps/web/src/services/asset-inventory/components/ServiceAccountCredentials.vue b/apps/web/src/services/service-account/components/ServiceAccountCredentials.vue
similarity index 97%
rename from apps/web/src/services/asset-inventory/components/ServiceAccountCredentials.vue
rename to apps/web/src/services/service-account/components/ServiceAccountCredentials.vue
index 2e5751cbc7..bbe500bf51 100644
--- a/apps/web/src/services/asset-inventory/components/ServiceAccountCredentials.vue
+++ b/apps/web/src/services/service-account/components/ServiceAccountCredentials.vue
@@ -32,13 +32,13 @@ import { showSuccessMessage } from '@/lib/helper/notice-alert-helper';
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
 import ServiceAccountCredentialsDetail
-    from '@/services/asset-inventory/components/ServiceAccountCredentialsDetail.vue';
+    from '@/services/service-account/components/ServiceAccountCredentialsDetail.vue';
 import ServiceAccountCredentialsForm
-    from '@/services/asset-inventory/components/ServiceAccountCredentialsForm.vue';
-import { useServiceAccountPageStore } from '@/services/asset-inventory/stores/service-account-page-store';
+    from '@/services/service-account/components/ServiceAccountCredentialsForm.vue';
+import { useServiceAccountPageStore } from '@/services/service-account/stores/service-account-page-store';
 import type {
     PageMode, CredentialForm,
-} from '@/services/asset-inventory/types/service-account-page-type';
+} from '@/services/service-account/types/service-account-page-type';
 
 interface Props {
     serviceAccountId?: string;
diff --git a/apps/web/src/services/asset-inventory/components/ServiceAccountCredentialsDetail.vue b/apps/web/src/services/service-account/components/ServiceAccountCredentialsDetail.vue
similarity index 98%
rename from apps/web/src/services/asset-inventory/components/ServiceAccountCredentialsDetail.vue
rename to apps/web/src/services/service-account/components/ServiceAccountCredentialsDetail.vue
index 663f80ee9b..692b0e9325 100644
--- a/apps/web/src/services/asset-inventory/components/ServiceAccountCredentialsDetail.vue
+++ b/apps/web/src/services/service-account/components/ServiceAccountCredentialsDetail.vue
@@ -19,7 +19,7 @@ import type { TrustedAccountReferenceMap } from '@/store/reference/trusted-accou
 import { referenceFieldFormatter } from '@/lib/reference/referenceFieldFormatter';
 import { referenceRouter } from '@/lib/reference/referenceRouter';
 
-import { useServiceAccountSchemaStore } from '@/services/asset-inventory/stores/service-account-schema-store';
+import { useServiceAccountSchemaStore } from '@/services/service-account/stores/service-account-schema-store';
 
 
 interface Props {
diff --git a/apps/web/src/services/asset-inventory/components/ServiceAccountCredentialsForm.vue b/apps/web/src/services/service-account/components/ServiceAccountCredentialsForm.vue
similarity index 98%
rename from apps/web/src/services/asset-inventory/components/ServiceAccountCredentialsForm.vue
rename to apps/web/src/services/service-account/components/ServiceAccountCredentialsForm.vue
index 746c0e23d7..2cace5ed65 100644
--- a/apps/web/src/services/asset-inventory/components/ServiceAccountCredentialsForm.vue
+++ b/apps/web/src/services/service-account/components/ServiceAccountCredentialsForm.vue
@@ -28,9 +28,9 @@ import { useUserStore } from '@/store/user/user-store';
 
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
-import { useServiceAccountPageStore } from '@/services/asset-inventory/stores/service-account-page-store';
-import { useServiceAccountSchemaStore } from '@/services/asset-inventory/stores/service-account-schema-store';
-import type { ActiveDataType, CredentialForm } from '@/services/asset-inventory/types/service-account-page-type';
+import { useServiceAccountPageStore } from '@/services/service-account/stores/service-account-page-store';
+import { useServiceAccountSchemaStore } from '@/services/service-account/stores/service-account-schema-store';
+import type { ActiveDataType, CredentialForm } from '@/services/service-account/types/service-account-page-type';
 
 interface Props {
     originForm?: Partial<CredentialForm>;
diff --git a/apps/web/src/services/asset-inventory/components/ServiceAccountDeleteModal.vue b/apps/web/src/services/service-account/components/ServiceAccountDeleteModal.vue
similarity index 92%
rename from apps/web/src/services/asset-inventory/components/ServiceAccountDeleteModal.vue
rename to apps/web/src/services/service-account/components/ServiceAccountDeleteModal.vue
index 6fedae6c28..55db97d051 100644
--- a/apps/web/src/services/asset-inventory/components/ServiceAccountDeleteModal.vue
+++ b/apps/web/src/services/service-account/components/ServiceAccountDeleteModal.vue
@@ -5,7 +5,6 @@ import { useRouter } from 'vue-router/composables';
 import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
 import { PButtonModal, PDoubleCheckModal, PLink } from '@cloudforet/mirinae';
 
-
 import type { ServiceAccountDeleteParameters } from '@/api-clients/identity/service-account/schema/api-verbs/detele';
 import type { ServiceAccountModel } from '@/api-clients/identity/service-account/schema/model';
 import type { AccountType } from '@/api-clients/identity/service-account/schema/type';
@@ -23,10 +22,9 @@ import { useProxyValue } from '@/common/composables/proxy-state';
 import { useRecentStore } from '@/common/modules/navigations/stores/recent-store';
 import { RECENT_TYPE } from '@/common/modules/navigations/type';
 
-import { ADMIN_ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/admin/route-constant';
-import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-constant';
-import { useServiceAccountPageStore } from '@/services/asset-inventory/stores/service-account-page-store';
-
+import { ADMIN_SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/admin/route-constant';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
+import { useServiceAccountPageStore } from '@/services/service-account/stores/service-account-page-store';
 
 interface Props {
     visible: boolean;
@@ -90,7 +88,7 @@ const deleteServiceAccount = async () => {
 const handleConfirmDelete = async () => {
     await deleteServiceAccount();
     await router.push({
-        name: appContextStore.getters.isAdminMode ? ADMIN_ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME : ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME,
+        name: appContextStore.getters.isAdminMode ? ADMIN_SERVICE_ACCOUNT_ROUTE._NAME : SERVICE_ACCOUNT_ROUTE._NAME,
         query: { provider: serviceAccountPageStore.state.selectedProvider },
     }).catch(() => {});
 };
@@ -141,7 +139,7 @@ const handleConfirmDelete = async () => {
                         <p-link new-tab
                                 highlight
                                 action-icon="external-link"
-                                :to="{ name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.DETAIL._NAME, params: { serviceAccountId: state.relatedTrustedAccount.trusted_account_id }}"
+                                :to="{ name: SERVICE_ACCOUNT_ROUTE.DETAIL._NAME, params: { serviceAccountId: state.relatedTrustedAccount.trusted_account_id }}"
                         >
                             {{ state.relatedTrustedAccount.name }}
                         </p-link>
diff --git a/apps/web/src/services/asset-inventory/components/ServiceAccountEditModal.vue b/apps/web/src/services/service-account/components/ServiceAccountEditModal.vue
similarity index 98%
rename from apps/web/src/services/asset-inventory/components/ServiceAccountEditModal.vue
rename to apps/web/src/services/service-account/components/ServiceAccountEditModal.vue
index 4b46568027..58ae180f56 100644
--- a/apps/web/src/services/asset-inventory/components/ServiceAccountEditModal.vue
+++ b/apps/web/src/services/service-account/components/ServiceAccountEditModal.vue
@@ -22,7 +22,7 @@ import ErrorHandler from '@/common/composables/error/errorHandler';
 import { useFormValidator } from '@/common/composables/form-validator';
 import { useProxyValue } from '@/common/composables/proxy-state';
 
-import { useServiceAccountPageStore } from '@/services/asset-inventory/stores/service-account-page-store';
+import { useServiceAccountPageStore } from '@/services/service-account/stores/service-account-page-store';
 
 const props = defineProps<{
     visible: boolean;
diff --git a/apps/web/src/services/asset-inventory/components/ServiceAccountProjectDetail.vue b/apps/web/src/services/service-account/components/ServiceAccountProjectDetail.vue
similarity index 100%
rename from apps/web/src/services/asset-inventory/components/ServiceAccountProjectDetail.vue
rename to apps/web/src/services/service-account/components/ServiceAccountProjectDetail.vue
diff --git a/apps/web/src/services/asset-inventory/components/ServiceAccountProjectForm.vue b/apps/web/src/services/service-account/components/ServiceAccountProjectForm.vue
similarity index 97%
rename from apps/web/src/services/asset-inventory/components/ServiceAccountProjectForm.vue
rename to apps/web/src/services/service-account/components/ServiceAccountProjectForm.vue
index 36c7496588..9464f78bb2 100644
--- a/apps/web/src/services/asset-inventory/components/ServiceAccountProjectForm.vue
+++ b/apps/web/src/services/service-account/components/ServiceAccountProjectForm.vue
@@ -20,7 +20,7 @@ import {
 import { useProxyValue } from '@/common/composables/proxy-state';
 import ProjectSelectDropdown from '@/common/modules/project/ProjectSelectDropdown.vue';
 
-import type { ProjectForm } from '@/services/asset-inventory/types/service-account-page-type';
+import type { ProjectForm } from '@/services/service-account/types/service-account-page-type';
 
 
 export default {
diff --git a/apps/web/src/services/asset-inventory/components/WorkspaceDropdown.vue b/apps/web/src/services/service-account/components/WorkspaceDropdown.vue
similarity index 100%
rename from apps/web/src/services/asset-inventory/components/WorkspaceDropdown.vue
rename to apps/web/src/services/service-account/components/WorkspaceDropdown.vue
diff --git a/apps/web/src/services/service-account/configurator.ts b/apps/web/src/services/service-account/configurator.ts
new file mode 100644
index 0000000000..9ad06c7409
--- /dev/null
+++ b/apps/web/src/services/service-account/configurator.ts
@@ -0,0 +1,32 @@
+import type { FeatureVersionSettingsType } from '@/lib/config/global-config/type';
+import type { Menu } from '@/lib/menu/config';
+import { MENU_INFO_MAP } from '@/lib/menu/menu-info';
+
+import adminServiceAccountRoute from '@/services/service-account/routes/admin/routes';
+import serviceAccountRoute from '@/services/service-account/routes/routes';
+
+class ServiceAccountConfigurator {
+    static getAdminRoutes() {
+        return adminServiceAccountRoute;
+    }
+
+    static getWorkspaceRoutes() {
+        return serviceAccountRoute;
+    }
+
+    static getAdminMenu(settings: FeatureVersionSettingsType): Menu {
+        const menuId = Object.keys(settings.adminMenu || settings.menu)[0];
+        return { id: MENU_INFO_MAP[menuId].menuId };
+    }
+
+    static getWorkspaceMenu(settings: FeatureVersionSettingsType): Menu {
+        const menuId = Object.keys(settings.menu)[0];
+        return { id: MENU_INFO_MAP[menuId].menuId, needPermissionByRole: true };
+    }
+
+    static applyUiAffects(): void|null {
+        return null;
+    }
+}
+
+export default ServiceAccountConfigurator;
diff --git a/apps/web/src/services/asset-inventory/constants/service-account-constant.ts b/apps/web/src/services/service-account/constants/service-account-constant.ts
similarity index 100%
rename from apps/web/src/services/asset-inventory/constants/service-account-constant.ts
rename to apps/web/src/services/service-account/constants/service-account-constant.ts
diff --git a/apps/web/src/services/asset-inventory/helpers/agent-mode-helper.ts b/apps/web/src/services/service-account/helpers/agent-mode-helper.ts
similarity index 100%
rename from apps/web/src/services/asset-inventory/helpers/agent-mode-helper.ts
rename to apps/web/src/services/service-account/helpers/agent-mode-helper.ts
diff --git a/apps/web/src/services/asset-inventory/helpers/dynamic-ui-schema-generator/dynamic-layout-schema-template.ts b/apps/web/src/services/service-account/helpers/dynamic-ui-schema-generator/dynamic-layout-schema-template.ts
similarity index 99%
rename from apps/web/src/services/asset-inventory/helpers/dynamic-ui-schema-generator/dynamic-layout-schema-template.ts
rename to apps/web/src/services/service-account/helpers/dynamic-ui-schema-generator/dynamic-layout-schema-template.ts
index 34a65d475a..0ac811d4c6 100644
--- a/apps/web/src/services/asset-inventory/helpers/dynamic-ui-schema-generator/dynamic-layout-schema-template.ts
+++ b/apps/web/src/services/service-account/helpers/dynamic-ui-schema-generator/dynamic-layout-schema-template.ts
@@ -3,7 +3,7 @@
 import type { DynamicField } from '@cloudforet/mirinae/types/data-display/dynamic/dynamic-field/type/field-schema';
 import type { SearchSchema } from '@cloudforet/mirinae/types/data-display/dynamic/dynamic-layout/type/layout-schema';
 
-import type { ItemLayout, QuerySearchTableLayout } from '@/services/asset-inventory/helpers/dynamic-ui-schema-generator/type';
+import type { ItemLayout, QuerySearchTableLayout } from '@/services/service-account/helpers/dynamic-ui-schema-generator/type';
 
 export const getDefaultDetailSchema = (fields: DynamicField[], options: {
     isTrustedAccount: boolean,
diff --git a/apps/web/src/services/asset-inventory/helpers/dynamic-ui-schema-generator/index.ts b/apps/web/src/services/service-account/helpers/dynamic-ui-schema-generator/index.ts
similarity index 96%
rename from apps/web/src/services/asset-inventory/helpers/dynamic-ui-schema-generator/index.ts
rename to apps/web/src/services/service-account/helpers/dynamic-ui-schema-generator/index.ts
index fc4ded6e97..c406b6c579 100644
--- a/apps/web/src/services/asset-inventory/helpers/dynamic-ui-schema-generator/index.ts
+++ b/apps/web/src/services/service-account/helpers/dynamic-ui-schema-generator/index.ts
@@ -13,9 +13,9 @@ import type { SchemaModel } from '@/api-clients/identity/schema/schema/model';
 
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
-import { ACCOUNT_STATE_COLOR } from '@/services/asset-inventory/constants/service-account-constant';
-import { getDefaultSearchSchema, getDefaultTableSchema } from '@/services/asset-inventory/helpers/dynamic-ui-schema-generator/dynamic-layout-schema-template';
-import type { GetSchemaParams, ResourceType, QuerySearchTableLayout } from '@/services/asset-inventory/helpers/dynamic-ui-schema-generator/type';
+import { ACCOUNT_STATE_COLOR } from '@/services/service-account/constants/service-account-constant';
+import { getDefaultSearchSchema, getDefaultTableSchema } from '@/services/service-account/helpers/dynamic-ui-schema-generator/dynamic-layout-schema-template';
+import type { GetSchemaParams, ResourceType, QuerySearchTableLayout } from '@/services/service-account/helpers/dynamic-ui-schema-generator/type';
 
 const getCustomTableSchemaKey = (userData:{userType:string, userId: string}, resourceType:ResourceType, provider:string) => {
     const { userType, userId } = userData;
diff --git a/apps/web/src/services/asset-inventory/helpers/dynamic-ui-schema-generator/type.ts b/apps/web/src/services/service-account/helpers/dynamic-ui-schema-generator/type.ts
similarity index 100%
rename from apps/web/src/services/asset-inventory/helpers/dynamic-ui-schema-generator/type.ts
rename to apps/web/src/services/service-account/helpers/dynamic-ui-schema-generator/type.ts
diff --git a/apps/web/src/services/asset-inventory/pages/ServiceAccountAddPage.vue b/apps/web/src/services/service-account/pages/ServiceAccountAddPage.vue
similarity index 92%
rename from apps/web/src/services/asset-inventory/pages/ServiceAccountAddPage.vue
rename to apps/web/src/services/service-account/pages/ServiceAccountAddPage.vue
index 24caee2b4f..280b72cf22 100644
--- a/apps/web/src/services/asset-inventory/pages/ServiceAccountAddPage.vue
+++ b/apps/web/src/services/service-account/pages/ServiceAccountAddPage.vue
@@ -31,21 +31,20 @@ import { showSuccessMessage } from '@/lib/helper/notice-alert-helper';
 import ErrorHandler from '@/common/composables/error/errorHandler';
 import InfoButton from '@/common/modules/portals/InfoButton.vue';
 
-import ServiceAccountAutoSyncForm from '@/services/asset-inventory/components/ServiceAccountAutoSyncForm.vue';
+import ServiceAccountAutoSyncForm from '@/services/service-account/components/ServiceAccountAutoSyncForm.vue';
 import ServiceAccountBaseInformationForm
-    from '@/services/asset-inventory/components/ServiceAccountBaseInformationForm.vue';
+    from '@/services/service-account/components/ServiceAccountBaseInformationForm.vue';
 import ServiceAccountCredentialsForm
-    from '@/services/asset-inventory/components/ServiceAccountCredentialsForm.vue';
+    from '@/services/service-account/components/ServiceAccountCredentialsForm.vue';
 import {
     ACCOUNT_TYPE_BADGE_OPTION,
     PROVIDER_ACCOUNT_NAME,
-} from '@/services/asset-inventory/constants/service-account-constant';
-import { ADMIN_ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/admin/route-constant';
-import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-constant';
-import { useServiceAccountPageStore } from '@/services/asset-inventory/stores/service-account-page-store';
-import { useServiceAccountSchemaStore } from '@/services/asset-inventory/stores/service-account-schema-store';
-import type { BaseInformationForm, CredentialForm } from '@/services/asset-inventory/types/service-account-page-type';
-
+} from '@/services/service-account/constants/service-account-constant';
+import { ADMIN_SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/admin/route-constant';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
+import { useServiceAccountPageStore } from '@/services/service-account/stores/service-account-page-store';
+import { useServiceAccountSchemaStore } from '@/services/service-account/stores/service-account-schema-store';
+import type { BaseInformationForm, CredentialForm } from '@/services/service-account/types/service-account-page-type';
 
 const serviceAccountSchemaStore = useServiceAccountSchemaStore();
 const serviceAccountPageStore = useServiceAccountPageStore();
@@ -186,12 +185,12 @@ const handleSave = async () => {
         if (state.isTrustedAccount && serviceAccountPageFormState.isAutoSyncEnabled) state.createModal = true;
         else if (props.provider === 'kubernetes') {
             router.push({
-                name: state.isAdminMode ? ADMIN_ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.DETAIL._NAME : ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.DETAIL._NAME,
+                name: state.isAdminMode ? ADMIN_SERVICE_ACCOUNT_ROUTE.DETAIL._NAME : SERVICE_ACCOUNT_ROUTE.DETAIL._NAME,
                 params: { serviceAccountId: accountId as string },
             }).catch(() => {});
         } else {
             router.push({
-                name: state.isAdminMode ? ADMIN_ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME : ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME,
+                name: state.isAdminMode ? ADMIN_SERVICE_ACCOUNT_ROUTE._NAME : SERVICE_ACCOUNT_ROUTE._NAME,
                 query: { provider: props.provider },
             }).catch(() => {});
         }
@@ -219,7 +218,7 @@ const handleSync = async () => {
         state.createModal = false;
         serviceAccountPageStore.initState();
         router.push({
-            name: state.isAdminMode ? ADMIN_ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.DETAIL._NAME : ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.DETAIL._NAME,
+            name: state.isAdminMode ? ADMIN_SERVICE_ACCOUNT_ROUTE.DETAIL._NAME : SERVICE_ACCOUNT_ROUTE.DETAIL._NAME,
             params: { serviceAccountId: state.createdAccountId },
         }).catch(() => {});
     } catch (e) {
@@ -229,7 +228,7 @@ const handleSync = async () => {
 
 const handleRouteToServiceAccountDetailPage = () => {
     router.push({
-        name: state.isAdminMode ? ADMIN_ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.DETAIL._NAME : ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.DETAIL._NAME,
+        name: state.isAdminMode ? ADMIN_SERVICE_ACCOUNT_ROUTE.DETAIL._NAME : SERVICE_ACCOUNT_ROUTE.DETAIL._NAME,
         params: { serviceAccountId: state.createdAccountId },
     }).catch(() => {});
 };
diff --git a/apps/web/src/services/asset-inventory/pages/ServiceAccountDetailPage.vue b/apps/web/src/services/service-account/pages/ServiceAccountDetailPage.vue
similarity index 92%
rename from apps/web/src/services/asset-inventory/pages/ServiceAccountDetailPage.vue
rename to apps/web/src/services/service-account/pages/ServiceAccountDetailPage.vue
index cdfaa8a995..be0610068c 100644
--- a/apps/web/src/services/asset-inventory/pages/ServiceAccountDetailPage.vue
+++ b/apps/web/src/services/service-account/pages/ServiceAccountDetailPage.vue
@@ -12,8 +12,6 @@ import {
     PLink, PButton, PIconButton, PHeading, PLazyImg, PHeadingLayout,
 } from '@cloudforet/mirinae';
 
-
-
 import { ROLE_TYPE } from '@/api-clients/identity/role/constant';
 import type { ServiceAccountGetParameters } from '@/api-clients/identity/service-account/schema/api-verbs/get';
 import { ACCOUNT_TYPE } from '@/api-clients/identity/service-account/schema/constant';
@@ -33,22 +31,22 @@ import { MENU_ID } from '@/lib/menu/config';
 
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
+import { COST_EXPLORER_ROUTE } from '@/services/cost-explorer/routes/route-constant';
 import ServiceAccountAttachedGeneralAccounts
-    from '@/services/asset-inventory/components/ServiceAccountAttachedGeneralAccounts.vue';
-import ServiceAccountAutoSync from '@/services/asset-inventory/components/ServiceAccountAutoSync.vue';
+    from '@/services/service-account/components/ServiceAccountAttachedGeneralAccounts.vue';
+import ServiceAccountAutoSync from '@/services/service-account/components/ServiceAccountAutoSync.vue';
 import ServiceAccountBaseInformation
-    from '@/services/asset-inventory/components/ServiceAccountBaseInformation.vue';
-import ServiceAccountCluster from '@/services/asset-inventory/components/ServiceAccountCluster.vue';
+    from '@/services/service-account/components/ServiceAccountBaseInformation.vue';
+import ServiceAccountCluster from '@/services/service-account/components/ServiceAccountCluster.vue';
 import ServiceAccountCredentials
-    from '@/services/asset-inventory/components/ServiceAccountCredentials.vue';
+    from '@/services/service-account/components/ServiceAccountCredentials.vue';
 import ServiceAccountDeleteModal
-    from '@/services/asset-inventory/components/ServiceAccountDeleteModal.vue';
-import ServiceAccountEditModal from '@/services/asset-inventory/components/ServiceAccountEditModal.vue';
-import { ADMIN_ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/admin/route-constant';
-import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-constant';
-import { useServiceAccountPageStore } from '@/services/asset-inventory/stores/service-account-page-store';
-import { useServiceAccountSchemaStore } from '@/services/asset-inventory/stores/service-account-schema-store';
-import { COST_EXPLORER_ROUTE } from '@/services/cost-explorer/routes/route-constant';
+    from '@/services/service-account/components/ServiceAccountDeleteModal.vue';
+import ServiceAccountEditModal from '@/services/service-account/components/ServiceAccountEditModal.vue';
+import { ADMIN_SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/admin/route-constant';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
+import { useServiceAccountPageStore } from '@/services/service-account/stores/service-account-page-store';
+import { useServiceAccountSchemaStore } from '@/services/service-account/stores/service-account-schema-store';
 
 const router = useRouter();
 
@@ -155,7 +153,7 @@ const handleRefresh = () => {
 };
 const handleClickBackbutton = () => {
     router.push({
-        name: storeState.isAdminMode ? ADMIN_ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME : ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME, query: { provider: state.providerKey },
+        name: storeState.isAdminMode ? ADMIN_SERVICE_ACCOUNT_ROUTE._NAME : SERVICE_ACCOUNT_ROUTE._NAME, query: { provider: state.providerKey },
     }).catch(() => {});
 };
 
diff --git a/apps/web/src/services/asset-inventory/pages/ServiceAccountPage.vue b/apps/web/src/services/service-account/pages/ServiceAccountPage.vue
similarity index 92%
rename from apps/web/src/services/asset-inventory/pages/ServiceAccountPage.vue
rename to apps/web/src/services/service-account/pages/ServiceAccountPage.vue
index 4e5c362fbc..8f20562118 100644
--- a/apps/web/src/services/asset-inventory/pages/ServiceAccountPage.vue
+++ b/apps/web/src/services/service-account/pages/ServiceAccountPage.vue
@@ -5,8 +5,6 @@ import {
 } from 'vue';
 import { useRoute, useRouter } from 'vue-router/composables';
 
-import { clone } from 'lodash';
-
 import { QueryHelper } from '@cloudforet/core-lib/query';
 import type { ConsoleFilter } from '@cloudforet/core-lib/query/type';
 import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
@@ -45,8 +43,6 @@ import type { PageAccessMap } from '@/lib/access-control/config';
 import { dynamicFieldsToExcelDataFields } from '@/lib/excel-export';
 import { FILE_NAME_PREFIX } from '@/lib/excel-export/constant';
 import { downloadExcel } from '@/lib/helper/file-download-helper';
-import type { MenuId } from '@/lib/menu/config';
-import { MENU_ID } from '@/lib/menu/config';
 import { referenceFieldFormatter } from '@/lib/reference/referenceFieldFormatter';
 import type { Reference } from '@/lib/reference/type';
 import { replaceUrlQuery } from '@/lib/router-query-string';
@@ -54,6 +50,7 @@ import { replaceUrlQuery } from '@/lib/router-query-string';
 import AutoSyncState from '@/common/components/badge/auto-sync-state/AutoSyncState.vue';
 import { useQuerySearchPropsWithSearchSchema } from '@/common/composables/dynamic-layout';
 import ErrorHandler from '@/common/composables/error/errorHandler';
+import { usePageEditableStatus } from '@/common/composables/page-editable-status';
 import CustomFieldModalForDynamicLayout from '@/common/modules/custom-table/custom-field-modal/CustomFieldModalForDynamicLayout.vue';
 
 import { gray } from '@/styles/colors';
@@ -62,15 +59,14 @@ import ProviderList from '@/services/asset-inventory/components/ProviderList.vue
 import {
     ACCOUNT_TYPE_BADGE_OPTION,
     PROVIDER_ACCOUNT_NAME,
-} from '@/services/asset-inventory/constants/service-account-constant';
-import { convertAgentModeOptions } from '@/services/asset-inventory/helpers/agent-mode-helper';
-import { stateFormatter } from '@/services/asset-inventory/helpers/dynamic-ui-schema-generator';
-import type { QuerySearchTableLayout } from '@/services/asset-inventory/helpers/dynamic-ui-schema-generator/type';
-import { ADMIN_ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/admin/route-constant';
-import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-constant';
-import { useServiceAccountPageStore } from '@/services/asset-inventory/stores/service-account-page-store';
-import { useServiceAccountSchemaStore } from '@/services/asset-inventory/stores/service-account-schema-store';
-import { COST_EXPLORER_ROUTE } from '@/services/cost-explorer/routes/route-constant';
+} from '@/services/service-account/constants/service-account-constant';
+import { convertAgentModeOptions } from '@/services/service-account/helpers/agent-mode-helper';
+import { stateFormatter } from '@/services/service-account/helpers/dynamic-ui-schema-generator';
+import type { QuerySearchTableLayout } from '@/services/service-account/helpers/dynamic-ui-schema-generator/type';
+import { ADMIN_SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/admin/route-constant';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
+import { useServiceAccountPageStore } from '@/services/service-account/stores/service-account-page-store';
+import { useServiceAccountSchemaStore } from '@/services/service-account/stores/service-account-schema-store';
 
 const { width } = useWindowSize();
 
@@ -89,21 +85,14 @@ const allReferenceStore = useAllReferenceStore();
 const userStore = useUserStore();
 
 
+const { hasReadWriteAccess } = usePageEditableStatus();
+
+
 const storeState = reactive({
     pageAccessPermissionMap: computed<PageAccessMap>(() => userStore.getters.pageAccessPermissionMap),
     currency: computed<Currency|undefined>(() => serviceAccountPageGetters.currency),
 });
 const state = reactive({
-    selectedMenuId: computed(() => {
-        const reversedMatched = clone(route.matched).reverse();
-        const closestRoute = reversedMatched.find((d) => d.meta?.menuId !== undefined);
-        const targetMenuId: MenuId = closestRoute?.meta?.menuId || MENU_ID.WORKSPACE_HOME;
-        if (route.name === COST_EXPLORER_ROUTE.LANDING._NAME) {
-            return '';
-        }
-        return targetMenuId;
-    }),
-    hasReadWriteAccess: computed<boolean|undefined>(() => storeState.pageAccessPermissionMap[state.selectedMenuId]?.write),
     isAdminMode: computed(() => appContextStore.getters.isAdminMode),
     trustedAccounts: computed(() => allReferenceStore.getters.trustedAccount),
     providers: computed<ProviderReferenceMap>(() => allReferenceStore.getters.provider),
@@ -278,7 +267,7 @@ const fieldHandler: DynamicLayoutFieldHandler<Record<'reference', Reference>> =
 /** Add & Delete Service Accounts Action (Dropdown) * */
 const clickAddServiceAccount = () => {
     router.push({
-        name: state.isAdminMode ? ADMIN_ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.ADD._NAME : ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.ADD._NAME,
+        name: state.isAdminMode ? ADMIN_SERVICE_ACCOUNT_ROUTE.ADD._NAME : SERVICE_ACCOUNT_ROUTE.ADD._NAME,
         params: { provider: state.selectedProvider, serviceAccountType: state.isAdminMode ? ACCOUNT_TYPE.TRUSTED : serviceAccountSchemaState.selectedAccountType },
         query: { nextPath: route.fullPath },
     }).catch(() => {});
@@ -292,7 +281,7 @@ const handleSelectServiceAccountType = (accountType: AccountType) => { serviceAc
 const handleClickRow = (index) => {
     const item = tableState.items[index];
     router.push({
-        name: state.isAdminMode ? ADMIN_ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.DETAIL._NAME : ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT.DETAIL._NAME,
+        name: state.isAdminMode ? ADMIN_SERVICE_ACCOUNT_ROUTE.DETAIL._NAME : SERVICE_ACCOUNT_ROUTE.DETAIL._NAME,
         params: { serviceAccountId: tableState.isTrustedAccount ? item.trusted_account_id : item.service_account_id },
     }).catch(() => {});
 };
@@ -401,7 +390,7 @@ onMounted(async () => {
                     </p-heading>
                 </template>
                 <template #extra>
-                    <p-button v-if="state.hasReadWriteAccess"
+                    <p-button v-if="hasReadWriteAccess"
                               style-type="primary"
                               icon-left="ic_plus_bold"
                               :disabled="tableState.isTrustedAccount && tableState.isWorkspaceMember"
diff --git a/apps/web/src/services/service-account/routes/admin/route-constant.ts b/apps/web/src/services/service-account/routes/admin/route-constant.ts
new file mode 100644
index 0000000000..361879f20c
--- /dev/null
+++ b/apps/web/src/services/service-account/routes/admin/route-constant.ts
@@ -0,0 +1,8 @@
+import { MENU_ID } from '@/lib/menu/config';
+
+export const ADMIN_SERVICE_ACCOUNT_ROUTE = Object.freeze({
+    _NAME: `admin.${MENU_ID.SERVICE_ACCOUNT}`,
+    DETAIL: { _NAME: `admin.${MENU_ID.SERVICE_ACCOUNT}.detail` },
+    ADD: { _NAME: `admin.${MENU_ID.SERVICE_ACCOUNT}.add` },
+    NO_RESOURCE: { _NAME: `admin.${MENU_ID.SERVICE_ACCOUNT}.no_resource` },
+});
diff --git a/apps/web/src/services/service-account/routes/admin/routes.ts b/apps/web/src/services/service-account/routes/admin/routes.ts
new file mode 100644
index 0000000000..d4167b19ee
--- /dev/null
+++ b/apps/web/src/services/service-account/routes/admin/routes.ts
@@ -0,0 +1,56 @@
+import type { RouteConfig } from 'vue-router';
+
+import { MENU_ID } from '@/lib/menu/config';
+import { MENU_INFO_MAP } from '@/lib/menu/menu-info';
+
+import { ACCOUNT_TYPE_BADGE_OPTION } from '@/services/service-account/constants/service-account-constant';
+import { ADMIN_SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/admin/route-constant';
+
+const NoResourcePage = () => import('@/common/pages/NoResourcePage.vue');
+
+const ServiceAccountContainer = () => import('@/services/service-account/ServiceAccountContainer.vue');
+const ServiceAccountPage = () => import('@/services/service-account/pages/ServiceAccountPage.vue');
+const ServiceAccountDetailPage = () => import('@/services/service-account/pages/ServiceAccountDetailPage.vue');
+const ServiceAccountAddPage = () => import('@/services/service-account/pages/ServiceAccountAddPage.vue');
+
+
+const adminServiceAccountRoute: RouteConfig = {
+    path: 'service-account',
+    meta: { menuId: MENU_ID.SERVICE_ACCOUNT, translationId: MENU_INFO_MAP[MENU_ID.SERVICE_ACCOUNT].translationId },
+    component: ServiceAccountContainer,
+    children: [
+        {
+            path: '/',
+            name: ADMIN_SERVICE_ACCOUNT_ROUTE._NAME,
+            meta: { menuId: MENU_ID.SERVICE_ACCOUNT },
+            props: true,
+            component: ServiceAccountPage as any,
+        },
+        {
+            path: 'no-resource',
+            name: ADMIN_SERVICE_ACCOUNT_ROUTE.NO_RESOURCE._NAME,
+            meta: { translationId: 'COMMON.ERROR.NO_RESOURCE_TITLE' },
+            component: NoResourcePage as any,
+        },
+        {
+            path: ':serviceAccountId',
+            name: ADMIN_SERVICE_ACCOUNT_ROUTE.DETAIL._NAME,
+            meta: { label: ({ params }) => params.serviceAccountId, copiable: true },
+            props: true,
+            component: ServiceAccountDetailPage,
+        },
+        {
+            path: 'add/:provider/:serviceAccountType',
+            name: ADMIN_SERVICE_ACCOUNT_ROUTE.ADD._NAME,
+            meta: {
+                translationId: ({ params }) => (['IDENTITY.SERVICE_ACCOUNT.ADD.TITLE', {
+                    type: ACCOUNT_TYPE_BADGE_OPTION[params.serviceAccountType].label,
+                }]),
+            },
+            props: true,
+            component: ServiceAccountAddPage as any,
+        },
+    ],
+};
+
+export default adminServiceAccountRoute;
diff --git a/apps/web/src/services/service-account/routes/route-constant.ts b/apps/web/src/services/service-account/routes/route-constant.ts
new file mode 100644
index 0000000000..674a4c901b
--- /dev/null
+++ b/apps/web/src/services/service-account/routes/route-constant.ts
@@ -0,0 +1,8 @@
+import { MENU_ID } from '@/lib/menu/config';
+
+export const SERVICE_ACCOUNT_ROUTE = Object.freeze({
+    _NAME: MENU_ID.SERVICE_ACCOUNT,
+    DETAIL: { _NAME: `${MENU_ID.SERVICE_ACCOUNT}.detail` },
+    ADD: { _NAME: `${MENU_ID.SERVICE_ACCOUNT}.add` },
+    NO_RESOURCE: { _NAME: `${MENU_ID.SERVICE_ACCOUNT}.no_resource` },
+});
diff --git a/apps/web/src/services/service-account/routes/routes.ts b/apps/web/src/services/service-account/routes/routes.ts
new file mode 100644
index 0000000000..23dffa3474
--- /dev/null
+++ b/apps/web/src/services/service-account/routes/routes.ts
@@ -0,0 +1,61 @@
+import type { RouteConfig } from 'vue-router';
+
+import { pinia } from '@/store/pinia';
+import { useUserStore } from '@/store/user/user-store';
+
+import { getRedirectRouteByPagePermission } from '@/lib/access-control/redirect-route-helper';
+import { MENU_ID } from '@/lib/menu/config';
+import { MENU_INFO_MAP } from '@/lib/menu/menu-info';
+
+import { ACCOUNT_TYPE_BADGE_OPTION } from '@/services/service-account/constants/service-account-constant';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
+
+const NoResourcePage = () => import('@/common/pages/NoResourcePage.vue');
+
+const ServiceAccountContainer = () => import('@/services/service-account/ServiceAccountContainer.vue');
+const ServiceAccountPage = () => import('@/services/service-account/pages/ServiceAccountPage.vue');
+const ServiceAccountDetailPage = () => import('@/services/service-account/pages/ServiceAccountDetailPage.vue');
+const ServiceAccountAddPage = () => import('@/services/service-account/pages/ServiceAccountAddPage.vue');
+
+
+const userStore = useUserStore(pinia);
+const serviceAccountRoute: RouteConfig = {
+    path: 'service-account',
+    meta: { menuId: MENU_ID.SERVICE_ACCOUNT, translationId: MENU_INFO_MAP[MENU_ID.SERVICE_ACCOUNT].translationId },
+    redirect: (to) => getRedirectRouteByPagePermission(to, userStore.getters.pageAccessPermissionMap),
+    component: ServiceAccountContainer,
+    children: [
+        {
+            path: '/',
+            name: SERVICE_ACCOUNT_ROUTE._NAME,
+            meta: { menuId: MENU_ID.SERVICE_ACCOUNT },
+            props: true,
+            component: ServiceAccountPage as any,
+        },
+        {
+            path: 'no-resource',
+            name: SERVICE_ACCOUNT_ROUTE.NO_RESOURCE._NAME,
+            meta: { translationId: 'COMMON.ERROR.NO_RESOURCE_TITLE' },
+            component: NoResourcePage as any,
+        },
+        {
+            path: ':serviceAccountId',
+            name: SERVICE_ACCOUNT_ROUTE.DETAIL._NAME,
+            meta: { label: ({ params }) => params.serviceAccountId, copiable: true },
+            props: true,
+            component: ServiceAccountDetailPage,
+        },
+        {
+            path: 'add/:provider/:serviceAccountType',
+            name: SERVICE_ACCOUNT_ROUTE.ADD._NAME,
+            meta: {
+                translationId: ({ params }) => (['IDENTITY.SERVICE_ACCOUNT.ADD.TITLE', {
+                    type: ACCOUNT_TYPE_BADGE_OPTION[params.serviceAccountType].label,
+                }]),
+            },
+            props: true,
+            component: ServiceAccountAddPage as any,
+        },
+    ],
+};
+export default serviceAccountRoute;
diff --git a/apps/web/src/services/asset-inventory/stores/service-account-agent-store.ts b/apps/web/src/services/service-account/stores/service-account-agent-store.ts
similarity index 100%
rename from apps/web/src/services/asset-inventory/stores/service-account-agent-store.ts
rename to apps/web/src/services/service-account/stores/service-account-agent-store.ts
diff --git a/apps/web/src/services/asset-inventory/stores/service-account-page-store.ts b/apps/web/src/services/service-account/stores/service-account-page-store.ts
similarity index 99%
rename from apps/web/src/services/asset-inventory/stores/service-account-page-store.ts
rename to apps/web/src/services/service-account/stores/service-account-page-store.ts
index 4052852c89..c23adccbcc 100644
--- a/apps/web/src/services/asset-inventory/stores/service-account-page-store.ts
+++ b/apps/web/src/services/service-account/stores/service-account-page-store.ts
@@ -25,7 +25,7 @@ import { useUserStore } from '@/store/user/user-store';
 
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
-import type { BaseInformationForm, CredentialForm } from '@/services/asset-inventory/types/service-account-page-type';
+import type { BaseInformationForm, CredentialForm } from '@/services/service-account/types/service-account-page-type';
 
 
 interface Getters {
diff --git a/apps/web/src/services/asset-inventory/stores/service-account-schema-store.ts b/apps/web/src/services/service-account/stores/service-account-schema-store.ts
similarity index 97%
rename from apps/web/src/services/asset-inventory/stores/service-account-schema-store.ts
rename to apps/web/src/services/service-account/stores/service-account-schema-store.ts
index 23c7914dcc..c9d7fba8aa 100644
--- a/apps/web/src/services/asset-inventory/stores/service-account-schema-store.ts
+++ b/apps/web/src/services/service-account/stores/service-account-schema-store.ts
@@ -22,9 +22,9 @@ import { useUserStore } from '@/store/user/user-store';
 
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
-import { getAccountFields, getCustomTableSchema } from '@/services/asset-inventory/helpers/dynamic-ui-schema-generator';
-import { getDefaultDetailSchema, getDefaultSearchSchema, getDefaultTableSchema } from '@/services/asset-inventory/helpers/dynamic-ui-schema-generator/dynamic-layout-schema-template';
-import type { ItemLayout, QuerySearchTableLayout } from '@/services/asset-inventory/helpers/dynamic-ui-schema-generator/type';
+import { getAccountFields, getCustomTableSchema } from '@/services/service-account/helpers/dynamic-ui-schema-generator';
+import { getDefaultDetailSchema, getDefaultSearchSchema, getDefaultTableSchema } from '@/services/service-account/helpers/dynamic-ui-schema-generator/dynamic-layout-schema-template';
+import type { ItemLayout, QuerySearchTableLayout } from '@/services/service-account/helpers/dynamic-ui-schema-generator/type';
 
 
 interface Getters {
diff --git a/apps/web/src/services/asset-inventory/types/service-account-page-type.ts b/apps/web/src/services/service-account/types/service-account-page-type.ts
similarity index 100%
rename from apps/web/src/services/asset-inventory/types/service-account-page-type.ts
rename to apps/web/src/services/service-account/types/service-account-page-type.ts
diff --git a/apps/web/src/services/workspace-home/components/AccountSummary.vue b/apps/web/src/services/workspace-home/components/AccountSummary.vue
index aeb2554b22..25e9dea982 100644
--- a/apps/web/src/services/workspace-home/components/AccountSummary.vue
+++ b/apps/web/src/services/workspace-home/components/AccountSummary.vue
@@ -31,7 +31,7 @@ import { MENU_ID } from '@/lib/menu/config';
 
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
-import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-constant';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
 import EmptySummaryData from '@/services/workspace-home/components/EmptySummaryData.vue';
 import { serviceAccountStateSummaryFormatter } from '@/services/workspace-home/composables/use-workspace-home';
 import { SUMMARY_DATA_TYPE } from '@/services/workspace-home/constants/workspace-home-constant';
@@ -60,7 +60,7 @@ const state = reactive({
         let result;
         if (isEmpty(storeState.serviceAccount)) {
             result = {
-                to: state.writableServiceAccount ? { name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME } : {},
+                to: state.writableServiceAccount ? { name: SERVICE_ACCOUNT_ROUTE._NAME } : {},
                 title: i18n.t('HOME.NO_ACCOUNT'),
                 desc: i18n.t('HOME.NO_ACCOUNT_DESC'),
                 buttonText: state.writableServiceAccount ? i18n.t('HOME.NO_ACCOUNT_ADD_NEW') : undefined,
@@ -269,7 +269,7 @@ watch([() => storeState.currentWorkspaceId, () => storeState.provider], async ([
                 >
                     <p-divider class="divider" />
                     <p-link highlight
-                            :to="{ name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME }"
+                            :to="{ name: SERVICE_ACCOUNT_ROUTE._NAME }"
                             action-icon="internal-link"
                             class="link"
                     >
diff --git a/apps/web/src/services/workspace-home/components/AssetSummary.vue b/apps/web/src/services/workspace-home/components/AssetSummary.vue
index 4df70b101c..51b617e73b 100644
--- a/apps/web/src/services/workspace-home/components/AssetSummary.vue
+++ b/apps/web/src/services/workspace-home/components/AssetSummary.vue
@@ -19,6 +19,7 @@ import type { PageAccessMap } from '@/lib/access-control/config';
 import { MENU_ID } from '@/lib/menu/config';
 
 import { ASSET_INVENTORY_ROUTE } from '@/services/asset-inventory/routes/route-constant';
+import { SERVICE_ACCOUNT_ROUTE } from '@/services/service-account/routes/route-constant';
 import AssetSummaryDailyUpdates from '@/services/workspace-home/components/AssetSummaryDailyUpdates.vue';
 import AssetSummaryProvider from '@/services/workspace-home/components/AssetSummaryProvider.vue';
 import EmptySummaryData from '@/services/workspace-home/components/EmptySummaryData.vue';
@@ -55,7 +56,7 @@ const state = reactive({
         let result;
         if (state.isNoServiceAccounts) {
             result = {
-                to: state.writableServiceAccount ? { name: ASSET_INVENTORY_ROUTE.SERVICE_ACCOUNT._NAME } : {},
+                to: state.writableServiceAccount ? { name: SERVICE_ACCOUNT_ROUTE._NAME } : {},
                 title: i18n.t('HOME.NO_ACCOUNT'),
                 desc: i18n.t('HOME.NO_ACCOUNT_DESC'),
                 buttonText: state.writableServiceAccount ? i18n.t('HOME.NO_ACCOUNT_ADD_NEW') : undefined,
diff --git a/apps/web/src/services/workspace-home/components/Summaries.vue b/apps/web/src/services/workspace-home/components/Summaries.vue
index bfda473a31..329fab3a5d 100644
--- a/apps/web/src/services/workspace-home/components/Summaries.vue
+++ b/apps/web/src/services/workspace-home/components/Summaries.vue
@@ -1,13 +1,21 @@
 <script setup lang="ts">
+import { MENU_ID } from '@/lib/menu/config';
+
+import { useContentsAccessibility } from '@/common/composables/contents-accessibility';
+
 import AccountSummary from '@/services/workspace-home/components/AccountSummary.vue';
 import AssetSummary from '@/services/workspace-home/components/AssetSummary.vue';
 import CostSummary from '@/services/workspace-home/components/CostSummary.vue';
+
+const { visibleContents } = useContentsAccessibility(MENU_ID.ASSET_INVENTORY);
 </script>
 
 <template>
     <div class="summaries-wrapper">
         <div class="summaries">
-            <asset-summary class="box-wrapper" />
+            <asset-summary v-if="visibleContents"
+                           class="box-wrapper"
+            />
             <account-summary class="box-wrapper" />
         </div>
         <cost-summary class="box-wrapper cost" />
diff --git a/apps/web/src/store/config/global-config-setting-store.ts b/apps/web/src/store/config/global-config-setting-store.ts
new file mode 100644
index 0000000000..a2effc664a
--- /dev/null
+++ b/apps/web/src/store/config/global-config-setting-store.ts
@@ -0,0 +1,44 @@
+import { reactive } from 'vue';
+
+import { defineStore } from 'pinia';
+
+interface GlobalConfigSettingState {
+    featureVersions: FeatureVersions,
+}
+
+export interface FeatureVersions {
+    DASHBOARD: string;
+    PROJECT: string;
+    SERVICE_ACCOUNT: string;
+    ASSET_INVENTORY: string;
+    COST_EXPLORER: string;
+    ALERT_MANAGER: string;
+    OPS_FLOW: string;
+    IAM: string;
+}
+
+export const useGlobalConfigSettingStore = defineStore('global-config-setting-store', () => {
+    const state = reactive<GlobalConfigSettingState>({
+        featureVersions: {
+            DASHBOARD: 'V1',
+            PROJECT: 'V1',
+            SERVICE_ACCOUNT: 'V1',
+            ASSET_INVENTORY: 'V1',
+            COST_EXPLORER: 'V1',
+            ALERT_MANAGER: 'V1',
+            OPS_FLOW: 'V1',
+            IAM: 'V1',
+        },
+    });
+
+    const mutations = {
+        setFeatureVersion(featureVersions: FeatureVersions) {
+            state.featureVersions = featureVersions;
+        },
+    };
+
+    return {
+        state,
+        ...mutations,
+    };
+});
diff --git a/apps/web/src/store/display/composables/use-advanced-menu-display.ts b/apps/web/src/store/display/composables/use-advanced-menu-display.ts
deleted file mode 100644
index 1b06012e9d..0000000000
--- a/apps/web/src/store/display/composables/use-advanced-menu-display.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import { computed } from 'vue';
-
-import type { DisplayMenu } from '@/store/display/type';
-import { useDomainStore } from '@/store/domain/domain-store';
-
-import config from '@/lib/config';
-import { MENU_ID } from '@/lib/menu/config';
-
-import {
-    useTaskManagementTemplateStore,
-} from '@/services/ops-flow/task-management-templates/stores/use-task-management-template-store';
-
-const ADVANCED_SERVICE_NAMES: string[] = [MENU_ID.OPS_FLOW];
-export const useAdvancedMenuDisplay = () => {
-    const domainStore = useDomainStore();
-    const taskManagementTemplateStore = useTaskManagementTemplateStore();
-
-    const isMenuDisplayable = (menuId: string, domainId: string): boolean => {
-        if (!ADVANCED_SERVICE_NAMES.includes(menuId)) return true;
-        const advanceService: Record<string, string[]>|undefined = config.get('ADVANCED_SERVICE');
-        return !!advanceService?.[menuId]?.includes(domainId);
-    };
-    const availableAdvancedServices = computed(() => ({
-        [MENU_ID.OPS_FLOW]: isMenuDisplayable(MENU_ID.OPS_FLOW, domainStore.state.domainId),
-    }));
-
-    const refineOpsflowSubMenu = (menu: DisplayMenu): DisplayMenu[]|undefined => {
-        const sub = menu.subMenuList;
-        if (!sub) return undefined;
-        const refined: DisplayMenu[] = sub.map((s) => {
-            if (s.id === MENU_ID.OPS_FLOW_LANDING) {
-                const label = taskManagementTemplateStore.templates.TemplateName;
-                const hideOnGNB = taskManagementTemplateStore.state.templateId === 'default' || !taskManagementTemplateStore.state.enableLanding;
-                const hideOnSiteMap = taskManagementTemplateStore.state.templateId === 'default' || !taskManagementTemplateStore.state.enableLanding;
-                return {
-                    ...s,
-                    label,
-                    hideOnGNB,
-                    hideOnSiteMap,
-                };
-            }
-            if (s.id === MENU_ID.TASK_BOARD) {
-                const label = taskManagementTemplateStore.templates.TaskBoard;
-                return { ...s, label };
-            }
-            return s;
-        });
-
-        return refined;
-    };
-
-    const refineGNBMenuList = (allGNBMenuList: DisplayMenu[]): DisplayMenu[] => allGNBMenuList.filter((menu) => isMenuDisplayable(menu.id, domainStore.state.domainId)).map((menu) => {
-        if (menu.id === MENU_ID.OPS_FLOW) {
-            return {
-                ...menu,
-                subMenuList: refineOpsflowSubMenu(menu),
-            };
-        }
-        return menu;
-    });
-    return {
-        availableAdvancedServices,
-        refineGNBMenuList,
-    };
-};
diff --git a/apps/web/src/store/display/display-store.ts b/apps/web/src/store/display/display-store.ts
index 5e41bf3de3..6f11277f38 100644
--- a/apps/web/src/store/display/display-store.ts
+++ b/apps/web/src/store/display/display-store.ts
@@ -23,28 +23,21 @@ import { makeAdminRouteName } from '@/router/helpers/route-helper';
 
 import { useAppContextStore } from '@/store/app-context/app-context-store';
 import { useUserWorkspaceStore } from '@/store/app-context/workspace/user-workspace-store';
-import { useAdvancedMenuDisplay } from '@/store/display/composables/use-advanced-menu-display';
 import { SIDEBAR_TYPE } from '@/store/display/constant';
 import type {
     DisplayMenu, DisplayStoreState, SidebarProps, SidebarType,
     DisplayStoreGetters,
 } from '@/store/display/type';
-import { useDomainStore } from '@/store/domain/domain-store';
 import { useUserStore } from '@/store/user/user-store';
 
-import config from '@/lib/config';
 import type { Menu, MenuId, MenuInfo } from '@/lib/menu/config';
 import { MENU_ID } from '@/lib/menu/config';
-import {
-    ADMIN_MENU_LIST,
-    ADMIN_MENU_LIST_FOR_ALERT_MANAGER_V2,
-    MENU_LIST,
-    MENU_LIST_FOR_ALERT_MANAGER_V2,
-} from '@/lib/menu/menu-architecture';
 import { MENU_INFO_MAP } from '@/lib/menu/menu-info';
 
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
+import ServiceConfigurator from '@/services/configurator';
+
 const verbose = false;
 const filterMenuByRoute = (menuList: DisplayMenu[], router: VueRouter): DisplayMenu[] => menuList.reduce((results, _menu) => {
     const userWorkspaceStore = useUserWorkspaceStore();
@@ -101,7 +94,6 @@ const getDisplayMenuList = (menuList: Menu[], isAdminMode?: boolean, currentWork
 
 export const useDisplayStore = defineStore('display-store', () => {
     const userStore = useUserStore();
-    const domainStore = useDomainStore();
 
     const state = reactive<DisplayStoreState>({
         visibleSidebar: false,
@@ -115,7 +107,6 @@ export const useDisplayStore = defineStore('display-store', () => {
         gnbNotificationLastReadTime: '',
     });
 
-    const advancedMenuDisplay = useAdvancedMenuDisplay();
     const getters = reactive<DisplayStoreGetters>({
         hasUncheckedNotifications: computed<boolean>(() => !!(state.uncheckedNotificationCount && state.uncheckedNotificationCount > 0)),
         isHandbookVisible: computed<boolean>(() => state.visibleSidebar && (state.sidebarType === SIDEBAR_TYPE.handbook)),
@@ -147,7 +138,6 @@ export const useDisplayStore = defineStore('display-store', () => {
             }
             return { styleType: 'primary', disableButton: false, size: 'md' };
         }),
-        availableAdvancedServices: advancedMenuDisplay.availableAdvancedServices,
     });
 
     /* Mutations */
@@ -319,12 +309,9 @@ export const useDisplayStore = defineStore('display-store', () => {
         const appContextStore = useAppContextStore();
         const appContextState = appContextStore.$state;
         const userWorkspaceStore = useUserWorkspaceStore();
-        const isAlertManagerVersionV2 = (config.get('ADVANCED_SERVICE')?.alert_manager_v2 ?? []).includes(domainStore.state.domainId);
-        const menuListByVersion = (isAlertManagerVersionV2 ? MENU_LIST_FOR_ALERT_MANAGER_V2 : MENU_LIST);
-        const adminMenuListByVersion = (isAlertManagerVersionV2 ? ADMIN_MENU_LIST_FOR_ALERT_MANAGER_V2 : ADMIN_MENU_LIST);
         const isAdminMode = appContextState.getters.isAdminMode;
         const currentWorkspaceId = userWorkspaceStore.getters.currentWorkspaceId;
-        const menuList = isAdminMode ? adminMenuListByVersion : menuListByVersion;
+        const menuList = ServiceConfigurator.getMenuList(isAdminMode ? 'admin' : 'workspace');
         let _allGnbMenuList: DisplayMenu[];
 
         _allGnbMenuList = getDisplayMenuList(menuList, isAdminMode, currentWorkspaceId);
@@ -341,9 +328,6 @@ export const useDisplayStore = defineStore('display-store', () => {
             });
         }
 
-        // advanced service menu display
-        _allGnbMenuList = advancedMenuDisplay.refineGNBMenuList(_allGnbMenuList);
-
         return _allGnbMenuList;
     };
 
diff --git a/apps/web/src/store/display/type.ts b/apps/web/src/store/display/type.ts
index 63c0455ee2..ac7722e93f 100644
--- a/apps/web/src/store/display/type.ts
+++ b/apps/web/src/store/display/type.ts
@@ -38,7 +38,6 @@ export interface DisplayStoreGetters {
     hasUncheckedNotifications: ComputedRef<boolean>;
     isHandbookVisible: ComputedRef<boolean>;
     sidebarProps: ComputedRef<Partial<SidebarProps>>;
-    availableAdvancedServices: ComputedRef<Record<string, boolean>>;
 }
 
 export interface SidebarProps {
diff --git a/apps/web/src/store/menu/menu-store.ts b/apps/web/src/store/menu/menu-store.ts
new file mode 100644
index 0000000000..5db2808142
--- /dev/null
+++ b/apps/web/src/store/menu/menu-store.ts
@@ -0,0 +1,53 @@
+import { computed, reactive } from 'vue';
+
+import { defineStore } from 'pinia';
+
+import type { Menu, MenuId } from '@/lib/menu/config';
+
+export type FlattenedMenuMap = Partial<Record<MenuId, MenuId[]>>;
+
+interface MenuStoreState {
+    menuList: Menu[];
+}
+
+export const useMenuStore = defineStore('menu-store', () => {
+    const state = reactive<MenuStoreState>({
+        menuList: [],
+    });
+
+    const getters = reactive({
+        generateFlattenedMenuMap: computed<FlattenedMenuMap>(() => {
+            const map: FlattenedMenuMap = {};
+
+            const getSubMenuIdsToMap = (menu: Menu, flattenedMenuMap: FlattenedMenuMap) => {
+                let results: MenuId[] = [];
+                const subMenuList = menu.subMenuList;
+                if (subMenuList) {
+                    results = subMenuList.map((d) => d.id);
+                    subMenuList.forEach((subMenu) => {
+                        getSubMenuIdsToMap(subMenu, flattenedMenuMap);
+                    });
+                }
+                flattenedMenuMap[menu.id] = results;
+            };
+
+            state.menuList.forEach((menu) => {
+                getSubMenuIdsToMap(menu, map);
+            });
+
+            return map;
+        }),
+    });
+
+    const mutations = {
+        setMenuList(value: Menu[]) {
+            state.menuList = value;
+        },
+    };
+
+    return {
+        state,
+        getters,
+        ...mutations,
+    };
+});
diff --git a/apps/web/src/store/reference/escalation-policy-reference-store.ts b/apps/web/src/store/reference/escalation-policy-reference-store.ts
index 5994dbff9b..e9f33bac29 100644
--- a/apps/web/src/store/reference/escalation-policy-reference-store.ts
+++ b/apps/web/src/store/reference/escalation-policy-reference-store.ts
@@ -5,12 +5,8 @@ import { computed, reactive } from 'vue';
 
 import { defineStore } from 'pinia';
 
-import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
-
-import type { ListResponse } from '@/api-clients/_common/schema/api-verbs/list';
-import type { EscalationPolicyListParameters } from '@/schema/alert-manager/escalation-policy/api-verbs/list';
+import APIClientManager from '@/api-clients/api-client-manager';
 import type { EscalationPolicyModel } from '@/schema/alert-manager/escalation-policy/model';
-import type { EscalationPolicyListParameters as EscalationPolicyListParametersV1 } from '@/schema/monitoring/escalation-policy/api-verbs/list';
 import type { EscalationPolicyModel as EscalationPolicyModelV1 } from '@/schema/monitoring/escalation-policy/model';
 
 import type {
@@ -19,11 +15,8 @@ import type {
 import { useUserStore } from '@/store/user/user-store';
 
 
-import { useIsAlertManagerV2Enabled } from '@/lib/config/composables/use-is-alert-manager-v2-enabled';
-
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
-
 export type EscalationPolicyItem = Required<Pick<ReferenceItem<EscalationPolicyModel>, 'key'|'label'|'name'|'data'>>;
 export type EscalationPolicyReferenceMap = ReferenceMap<EscalationPolicyItem>;
 
@@ -35,7 +28,6 @@ export const useEscalationPolicyReferenceStore = defineStore('reference-escalati
     const state = reactive({
         items: null as EscalationPolicyReferenceMap | null,
     });
-    const isAlertManagerV2Enabled = useIsAlertManagerV2Enabled();
 
     const getters = reactive({
         escalationPolicyItems: asyncComputed<EscalationPolicyReferenceMap>(async () => {
@@ -61,18 +53,14 @@ export const useEscalationPolicyReferenceStore = defineStore('reference-escalati
         ) return;
 
         const referenceMap: EscalationPolicyReferenceMap = {};
+        const alertManagerClient = APIClientManager.alertManager;
+        if (!alertManagerClient) return;
         try {
-            const fetcher = isAlertManagerV2Enabled.value
-                ? SpaceConnector.clientV2.alertManager.escalationPolicy.list<EscalationPolicyListParameters, ListResponse<EscalationPolicyModel>>({
-                    query: {
-                        only: ['escalation_policy_id', 'name', 'service_id'],
-                    },
-                })
-                : SpaceConnector.clientV2.monitoring.escalationPolicy.list<EscalationPolicyListParametersV1, ListResponse<EscalationPolicyModelV1>>({
-                    query: {
-                        only: ['escalation_policy_id', 'name', 'resource_group', 'project_id'],
-                    },
-                });
+            const fetcher = alertManagerClient.endpoint.escalationPolicy.list({
+                query: {
+                    only: alertManagerClient.version === 'V1' ? ['escalation_policy_id', 'name', 'resource_group', 'project_id'] : ['escalation_policy_id', 'name', 'service_id'],
+                },
+            });
 
             const response = await fetcher;
 
diff --git a/apps/web/src/store/reference/service-reference-store.ts b/apps/web/src/store/reference/service-reference-store.ts
index 1cca433ac4..dd7672f7b9 100644
--- a/apps/web/src/store/reference/service-reference-store.ts
+++ b/apps/web/src/store/reference/service-reference-store.ts
@@ -3,9 +3,7 @@ import { computed, reactive } from 'vue';
 
 import { defineStore } from 'pinia';
 
-import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
-
-import type { ListResponse } from '@/api-clients/_common/schema/api-verbs/list';
+import APIClientManager from '@/api-clients/api-client-manager';
 import type { ServiceListParameters } from '@/schema/alert-manager/service/api-verbs/list';
 import type { ServiceModel } from '@/schema/alert-manager/service/model';
 
@@ -15,7 +13,6 @@ import type {
 } from '@/store/reference/type';
 import { useUserStore } from '@/store/user/user-store';
 
-import { useIsAlertManagerV2Enabled } from '@/lib/config/composables/use-is-alert-manager-v2-enabled';
 import { MANAGED_VARIABLE_MODELS } from '@/lib/variable-models/managed-model-config/base-managed-model-config';
 
 import ErrorHandler from '@/common/composables/error/errorHandler';
@@ -28,7 +25,6 @@ let lastLoadedTime = 0;
 
 export const useServiceReferenceStore = defineStore('reference-service', () => {
     const userStore = useUserStore();
-    const isAlertManagerV2Enabled = useIsAlertManagerV2Enabled();
 
     const state = reactive({
         items: null as ServiceReferenceMap | null,
@@ -63,9 +59,10 @@ export const useServiceReferenceStore = defineStore('reference-service', () => {
             },
         };
 
-        if (!isAlertManagerV2Enabled.value) return;
+        const alertManagerClient = APIClientManager.alertManager;
+        if (!alertManagerClient) return;
         try {
-            const { results } = await SpaceConnector.clientV2.alertManager.service.list<ServiceListParameters, ListResponse<ServiceModel>>(params);
+            const { results } = await alertManagerClient.endpoint.service.list(params);
 
             const serviceReferenceMap: ServiceReferenceMap = {};
 
diff --git a/apps/web/src/store/reference/webhook-reference-store.ts b/apps/web/src/store/reference/webhook-reference-store.ts
index 31f04559e7..a08534c669 100644
--- a/apps/web/src/store/reference/webhook-reference-store.ts
+++ b/apps/web/src/store/reference/webhook-reference-store.ts
@@ -3,12 +3,8 @@ import { computed, reactive } from 'vue';
 
 import { defineStore } from 'pinia';
 
-import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
-
-import type { ListResponse } from '@/api-clients/_common/schema/api-verbs/list';
-import type { WebhookListParameters } from '@/schema/alert-manager/webhook/api-verbs/list';
+import APIClientManager from '@/api-clients/api-client-manager';
 import type { WebhookModel } from '@/schema/alert-manager/webhook/model';
-import type { WebhookListParameters as WebhookListParametersV1 } from '@/schema/monitoring/webhook/api-verbs/list';
 import type { WebhookModel as WebhookModelV1 } from '@/schema/monitoring/webhook/model';
 
 import type {
@@ -16,7 +12,6 @@ import type {
 } from '@/store/reference/type';
 import { useUserStore } from '@/store/user/user-store';
 
-import { useIsAlertManagerV2Enabled } from '@/lib/config/composables/use-is-alert-manager-v2-enabled';
 import { MANAGED_VARIABLE_MODELS } from '@/lib/variable-models/managed-model-config/base-managed-model-config';
 
 import ErrorHandler from '@/common/composables/error/errorHandler';
@@ -33,8 +28,6 @@ export const useWebhookReferenceStore = defineStore('reference-webhook', () => {
         items: null as WebhookReferenceMap | null,
     });
 
-    const isAlertManagerV2Enabled = useIsAlertManagerV2Enabled();
-
     const getters = reactive({
         webhookItems: asyncComputed<WebhookReferenceMap>(async () => {
             if (!userStore.state.currentGrantInfo?.scope || userStore.state.currentGrantInfo?.scope === 'USER') return {};
@@ -59,12 +52,10 @@ export const useWebhookReferenceStore = defineStore('reference-webhook', () => {
         ) return;
 
         const referenceMap: WebhookReferenceMap = {};
+        const alertManagerClient = APIClientManager.alertManager;
+        if (!alertManagerClient) return;
         try {
-            const fetcher = isAlertManagerV2Enabled.value
-                ? SpaceConnector.clientV2.alertManager.webhook.list<WebhookListParameters, ListResponse<WebhookModel>>
-                : SpaceConnector.clientV2.monitoring.webhook.list<WebhookListParametersV1, ListResponse<WebhookModelV1>>;
-
-            const response = await fetcher({
+            const response = await alertManagerClient.endpoint.webhook.list({
                 query: {
                     only: ['webhook_id', 'name', 'plugin_info'],
                 },
diff --git a/apps/web/src/store/user/user-store.ts b/apps/web/src/store/user/user-store.ts
index 8132a65ca6..85beedaffc 100644
--- a/apps/web/src/store/user/user-store.ts
+++ b/apps/web/src/store/user/user-store.ts
@@ -152,7 +152,7 @@ export const useUserStore = defineStore('user-store', () => {
         pageAccessPermissionList: computed<MenuId[]>(() => {
             const roleType = state.currentRoleInfo?.roleType ?? 'USER';
             const roleBasePagePermissions = state.currentRoleInfo?.pageAccess ?? ['my_page.*'];
-            const pagePermissionMap = getPageAccessMapFromRawData(roleBasePagePermissions, getters.domainId);
+            const pagePermissionMap = getPageAccessMapFromRawData(roleBasePagePermissions);
             const minimalPagePermissionList = getMinimalPageAccessPermissionList(roleType);
             const defaultPagePermissionList = getDefaultPageAccessPermissionList(roleType);
 
@@ -172,7 +172,7 @@ export const useUserStore = defineStore('user-store', () => {
 
             const roleType = state.currentRoleInfo?.roleType ?? 'USER';
             const roleBasePagePermissions = state.currentRoleInfo?.pageAccess ?? ['my_page.*'];
-            const pagePermissionMap = getPageAccessMapFromRawData(roleBasePagePermissions, getters.domainId);
+            const pagePermissionMap = getPageAccessMapFromRawData(roleBasePagePermissions);
             const minimalPagePermissionList = getMinimalPageAccessPermissionList(roleType);
 
             const isAllReadOnly = checkAllMenuReadonly(roleBasePagePermissions);
diff --git a/packages/core-lib/src/space-connector/index.ts b/packages/core-lib/src/space-connector/index.ts
index 086bde9642..455c3451f4 100644
--- a/packages/core-lib/src/space-connector/index.ts
+++ b/packages/core-lib/src/space-connector/index.ts
@@ -59,19 +59,23 @@ export class SpaceConnector {
 
     private static interceptorIds: number[] = []; // [v1 id, v2 id]
 
+    private readonly serviceConfig: Record<string, any> = {};
+
     constructor(
         endpoints: string[],
         tokenApi: TokenAPI,
         apiSettings: CreateAxiosDefaults[],
         devConfig: DevConfig|undefined,
         afterCallApiMap: AfterCallApiMap,
+        serviceConfig: Record<string, any>,
     ) {
         SpaceConnector.mockConfig = devConfig?.mockConfig ?? {};
         SpaceConnector.authConfig = devConfig?.authConfig ?? {};
         SpaceConnector.isDevMode = devConfig?.enabled ?? false;
+        this.serviceConfig = serviceConfig;
         this.tokenApi = tokenApi;
-        this.serviceApi = new ServiceAPI(endpoints[0], this.tokenApi, apiSettings[0]);
-        const serviceApiV2 = new ServiceAPI(endpoints[1], this.tokenApi, apiSettings[1]);
+        this.serviceApi = new ServiceAPI(endpoints[0], this.tokenApi, apiSettings[0], this.serviceConfig);
+        const serviceApiV2 = new ServiceAPI(endpoints[1], this.tokenApi, apiSettings[1], this.serviceConfig);
         this.serviceApiV2 = serviceApiV2;
         this.afterCallApiMap = afterCallApiMap;
         this._restClient = serviceApiV2.instance;
@@ -89,9 +93,16 @@ export class SpaceConnector {
         }
     }
 
-    static async init(endpoints: string[], tokenApi: TokenAPI, apiSettings: CreateAxiosDefaults[] = [], devConfig: DevConfig = {}, afterCallApiMap: AfterCallApiMap = {}): Promise<void> {
+    static async init(
+        endpoints: string[],
+        tokenApi: TokenAPI,
+        apiSettings: CreateAxiosDefaults[] = [],
+        devConfig: DevConfig = {},
+        afterCallApiMap: AfterCallApiMap = {},
+        serviceConfig: Record<string, any> = {},
+    ): Promise<void> {
         if (!SpaceConnector.instance) {
-            SpaceConnector.instance = new SpaceConnector(endpoints, tokenApi, apiSettings, devConfig, afterCallApiMap);
+            SpaceConnector.instance = new SpaceConnector(endpoints, tokenApi, apiSettings, devConfig, afterCallApiMap, serviceConfig);
             await Promise.allSettled([
                 SpaceConnector.instance.loadAPI(1),
                 SpaceConnector.instance.loadAPI(2),
diff --git a/packages/core-lib/src/space-connector/service-api.ts b/packages/core-lib/src/space-connector/service-api.ts
index 3af681b2d7..7e5ef823d0 100644
--- a/packages/core-lib/src/space-connector/service-api.ts
+++ b/packages/core-lib/src/space-connector/service-api.ts
@@ -15,7 +15,9 @@ export default class ServiceAPI {
 
     tokenApi: TokenAPI;
 
-    constructor(baseURL: string, tokenApi: TokenAPI, settings: CreateAxiosDefaults = {}) {
+    serviceConfig: Record<string, any> = {};
+
+    constructor(baseURL: string, tokenApi: TokenAPI, settings: CreateAxiosDefaults = {}, serviceConfig: Record<string, any> = {}) {
         this.instance = axios.create({
             ...settings,
             headers: {
@@ -24,6 +26,7 @@ export default class ServiceAPI {
             baseURL,
         });
         this.tokenApi = tokenApi;
+        this.serviceConfig = serviceConfig;
         tokenApi.loadToken();
         this.setAxiosInterceptors();
     }
@@ -54,6 +57,13 @@ export default class ServiceAPI {
             const token = this.tokenApi.getAccessToken();
             if (!auth && token) request.headers.Authorization = `Bearer ${token}`;
 
+            // Check if the service is enabled
+            const serviceName = ServiceAPI.extractServiceNameFromEndpoint(request.url || '');
+            const serviceInfo = this.serviceConfig[serviceName];
+            if (serviceInfo && serviceInfo.ENABLED === false) {
+                throw new Error(`[ServiceAPI] ${serviceName} service is disabled.`);
+            }
+
             return request;
         });
 
@@ -63,4 +73,10 @@ export default class ServiceAPI {
             this.handleResponseError,
         );
     }
+
+    private static extractServiceNameFromEndpoint(url: string): string {
+        const service = url.split('/')[1];
+        if (service) return service.replace(/-/g, '_').toUpperCase();
+        return '';
+    }
 }
diff --git a/packages/language-pack/console-translation-2.8.babel b/packages/language-pack/console-translation-2.8.babel
index 543581d0e5..f80c32c78b 100644
--- a/packages/language-pack/console-translation-2.8.babel
+++ b/packages/language-pack/console-translation-2.8.babel
@@ -80150,27 +80150,6 @@
                             </translation>
                         </translations>
                     </concept_node>
-                    <concept_node>
-                        <name>ASSET_INVENTORY_SERVICE_ACCOUNT</name>
-                        <definition_loaded>false</definition_loaded>
-                        <description/>
-                        <comment/>
-                        <default_text/>
-                        <translations>
-                            <translation>
-                                <language>en-US</language>
-                                <approved>true</approved>
-                            </translation>
-                            <translation>
-                                <language>ja-JP</language>
-                                <approved>true</approved>
-                            </translation>
-                            <translation>
-                                <language>ko-KR</language>
-                                <approved>true</approved>
-                            </translation>
-                        </translations>
-                    </concept_node>
                     <concept_node>
                         <name>CONSOLE_HOME</name>
                         <definition_loaded>false</definition_loaded>
@@ -80696,6 +80675,27 @@
                             </translation>
                         </translations>
                     </concept_node>
+                    <concept_node>
+                        <name>SERVICE_ACCOUNT</name>
+                        <definition_loaded>false</definition_loaded>
+                        <description/>
+                        <comment/>
+                        <default_text/>
+                        <translations>
+                            <translation>
+                                <language>en-US</language>
+                                <approved>true</approved>
+                            </translation>
+                            <translation>
+                                <language>ja-JP</language>
+                                <approved>true</approved>
+                            </translation>
+                            <translation>
+                                <language>ko-KR</language>
+                                <approved>true</approved>
+                            </translation>
+                        </translations>
+                    </concept_node>
                     <concept_node>
                         <name>TASK_BOARD</name>
                         <definition_loaded>false</definition_loaded>
diff --git a/packages/language-pack/en.json b/packages/language-pack/en.json
index 8778e7fcb9..99b1914928 100644
--- a/packages/language-pack/en.json
+++ b/packages/language-pack/en.json
@@ -4369,7 +4369,6 @@
 		"ASSET_INVENTORY_METRIC_EXPLORER": "Metric Explorer",
 		"ASSET_INVENTORY_SECURITY": "Security",
 		"ASSET_INVENTORY_SERVER": "Server",
-		"ASSET_INVENTORY_SERVICE_ACCOUNT": "Service Account",
 		"CONSOLE_HOME": "Console Home",
 		"COST_EXPLORER": "Cost Explorer",
 		"COST_EXPLORER_ANOMALY_DETECTION": "Anomaly Detection",
@@ -4395,6 +4394,7 @@
 		"OPS_FLOW": "OpsFlow",
 		"PROJECT": "Project",
 		"PROVIDER": "Provider",
+		"SERVICE_ACCOUNT": "Service Account",
 		"TASK_BOARD": "{task} Board",
 		"TASK_MANAGEMENT": "Task Management",
 		"WORKSPACE_HOME": "Home"
diff --git a/packages/language-pack/ja.json b/packages/language-pack/ja.json
index be5be3652f..833dd83c26 100644
--- a/packages/language-pack/ja.json
+++ b/packages/language-pack/ja.json
@@ -4369,7 +4369,6 @@
 		"ASSET_INVENTORY_METRIC_EXPLORER": "メトリック探索",
 		"ASSET_INVENTORY_SECURITY": "セキュリティ",
 		"ASSET_INVENTORY_SERVER": "サーバ",
-		"ASSET_INVENTORY_SERVICE_ACCOUNT": "サービスアカウント",
 		"CONSOLE_HOME": "コンソールホーム",
 		"COST_EXPLORER": "費用管理",
 		"COST_EXPLORER_ANOMALY_DETECTION": "異常コスト検知",
@@ -4395,6 +4394,7 @@
 		"OPS_FLOW": "",
 		"PROJECT": "プロジェクト",
 		"PROVIDER": "プロバイダー",
+		"SERVICE_ACCOUNT": "サービスアカウント",
 		"TASK_BOARD": "",
 		"TASK_MANAGEMENT": "",
 		"WORKSPACE_HOME": "ホーム"
diff --git a/packages/language-pack/ko.json b/packages/language-pack/ko.json
index 19bb936ef5..3777dac823 100644
--- a/packages/language-pack/ko.json
+++ b/packages/language-pack/ko.json
@@ -4369,7 +4369,6 @@
 		"ASSET_INVENTORY_METRIC_EXPLORER": "메트릭 분석",
 		"ASSET_INVENTORY_SECURITY": "보안",
 		"ASSET_INVENTORY_SERVER": "서버",
-		"ASSET_INVENTORY_SERVICE_ACCOUNT": "서비스 어카운트",
 		"CONSOLE_HOME": "콘솔 홈",
 		"COST_EXPLORER": "비용 관리",
 		"COST_EXPLORER_ANOMALY_DETECTION": "이상 비용 탐지",
@@ -4395,6 +4394,7 @@
 		"OPS_FLOW": "옵스플로우",
 		"PROJECT": "프로젝트",
 		"PROVIDER": "프로바이더",
+		"SERVICE_ACCOUNT": "서비스 어카운트",
 		"TASK_BOARD": "{task} 보드",
 		"TASK_MANAGEMENT": "태스크 관리",
 		"WORKSPACE_HOME": "홈"