diff --git a/apps/web/src/api-clients/cost-analysis/cost-query-set/composables/use-cost-query-set-api.ts b/apps/web/src/api-clients/cost-analysis/cost-query-set/composables/use-cost-query-set-api.ts
index e69de29bb2..aef7cd8f0e 100644
--- a/apps/web/src/api-clients/cost-analysis/cost-query-set/composables/use-cost-query-set-api.ts
+++ b/apps/web/src/api-clients/cost-analysis/cost-query-set/composables/use-cost-query-set-api.ts
@@ -0,0 +1,21 @@
+import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
+
+import type { ListResponse } from '@/api-clients/_common/schema/api-verbs/list';
+import type { CostQuerySetCreateParameters } from '@/api-clients/cost-analysis/cost-query-set/schema/api-verbs/create';
+import type { CostQuerySetDeleteParameters } from '@/api-clients/cost-analysis/cost-query-set/schema/api-verbs/delete';
+import type { CostQuerySetListParameters } from '@/api-clients/cost-analysis/cost-query-set/schema/api-verbs/list';
+import type { CostQuerySetUpdateParameters } from '@/api-clients/cost-analysis/cost-query-set/schema/api-verbs/update';
+import type { CostQuerySetModel } from '@/api-clients/cost-analysis/cost-query-set/schema/model';
+
+export const useCostQuerySetApi = () => {
+    const actions = {
+        create: SpaceConnector.clientV2.costAnalysis.costQuerySet.create<CostQuerySetCreateParameters, CostQuerySetModel>,
+        list: SpaceConnector.clientV2.costAnalysis.costQuerySet.list<CostQuerySetListParameters, ListResponse<CostQuerySetModel>>,
+        update: SpaceConnector.clientV2.costAnalysis.costQuerySet.update<CostQuerySetUpdateParameters, CostQuerySetModel>,
+        delete: SpaceConnector.clientV2.costAnalysis.costQuerySet.delete<CostQuerySetDeleteParameters, void>,
+    };
+
+    return {
+        costQuerySetAPI: actions,
+    };
+};
diff --git a/apps/web/src/api-clients/cost-analysis/cost-report/schema/type.ts b/apps/web/src/api-clients/cost-analysis/cost-report/schema/type.ts
index b9fccf8e27..995ccf24e9 100644
--- a/apps/web/src/api-clients/cost-analysis/cost-report/schema/type.ts
+++ b/apps/web/src/api-clients/cost-analysis/cost-report/schema/type.ts
@@ -1 +1 @@
-export type CostReportStatus = 'IN_PROGRESS' | 'ADJUSTING' | 'DONE';
+export type CostReportStatus = 'IN_PROGRESS' | 'ADJUSTING' | 'DONE' | 'EXPIRED';
diff --git a/apps/web/src/api-clients/cost-analysis/cost/composables/use-cost-api.ts b/apps/web/src/api-clients/cost-analysis/cost/composables/use-cost-api.ts
index e69de29bb2..98d080e22e 100644
--- a/apps/web/src/api-clients/cost-analysis/cost/composables/use-cost-api.ts
+++ b/apps/web/src/api-clients/cost-analysis/cost/composables/use-cost-api.ts
@@ -0,0 +1,28 @@
+import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
+
+import type { AnalyzeResponse } from '@/api-clients/_common/schema/api-verbs/analyze';
+import type { CostAnalyzeParameters } from '@/api-clients/cost-analysis/cost/schema/api-verbs/analyze';
+import type { CostStatParameters } from '@/api-clients/cost-analysis/cost/schema/api-verbs/stat';
+
+import type { ListResponse } from '@/lib/variable-models/_base/types';
+
+import type { CostAnalyzeRawData } from '@/services/cost-explorer/types/cost-analyze-type';
+
+import type { CostModel } from '../schema/model';
+
+interface UseCostApiReturn {
+    costAPI: {
+        analyze: (params: CostAnalyzeParameters) => Promise<AnalyzeResponse<CostAnalyzeRawData>>;
+        stat: (params: CostStatParameters) => Promise<ListResponse<CostModel>>;
+    }
+}
+export const useCostApi = (): UseCostApiReturn => {
+    const actions = {
+        analyze: SpaceConnector.clientV2.costAnalysis.cost.analyze<CostAnalyzeParameters, AnalyzeResponse<CostAnalyzeRawData>>,
+        stat: SpaceConnector.clientV2.costAnalysis.cost.stat<CostStatParameters, ListResponse<CostModel>>,
+    };
+
+    return {
+        costAPI: actions,
+    };
+};
diff --git a/apps/web/src/common/components/info-tooltip/InfoTooltip.vue b/apps/web/src/common/components/info-tooltip/InfoTooltip.vue
new file mode 100644
index 0000000000..5274de29c2
--- /dev/null
+++ b/apps/web/src/common/components/info-tooltip/InfoTooltip.vue
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import { PTooltip, PI } from '@cloudforet/mirinae';
+import type { TooltipPosition } from '@cloudforet/mirinae/types/data-display/tooltips/type';
+
+interface Props {
+    tooltipContents: string;
+    tooltipPosition?: TooltipPosition;
+    width?: string;
+    height?: string;
+    color?: string;
+    iconName?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    tooltipPosition: 'bottom',
+    width: '0.75rem',
+    height: '0.75rem',
+    color: 'inherit',
+    iconName: 'ic_info-circle',
+});
+</script>
+
+<template>
+    <p-tooltip class="info-tooltip"
+               :contents="props.tooltipContents"
+               :position="props.tooltipPosition"
+    >
+        <p-i :name="props.iconName"
+             :height="props.height"
+             :width="props.width"
+             :color="props.color"
+             class="info-tooltip-icon"
+        />
+    </p-tooltip>
+</template>
diff --git a/apps/web/src/common/composables/contents-accessibility/index.ts b/apps/web/src/common/composables/contents-accessibility/index.ts
index 09228415af..6070915f77 100644
--- a/apps/web/src/common/composables/contents-accessibility/index.ts
+++ b/apps/web/src/common/composables/contents-accessibility/index.ts
@@ -13,7 +13,7 @@ export const useContentsAccessibility = (menuId: MenuId): UseContentsAccessibili
     const menuStore = useMenuStore();
 
     const state = reactive({
-        visibleContents: computed<boolean>(() => menuStore.getters.menuList.findIndex((menu) => menu.id === menuId) !== -1),
+        visibleContents: computed<boolean>(() => menuStore.getters.activeModeMenuList.findIndex((menu) => menu.id === menuId) !== -1),
     });
 
     return {
diff --git a/apps/web/src/common/modules/monitoring/MetricChart.vue b/apps/web/src/common/modules/monitoring/MetricChart.vue
index 0e77af638c..7834a31567 100644
--- a/apps/web/src/common/modules/monitoring/MetricChart.vue
+++ b/apps/web/src/common/modules/monitoring/MetricChart.vue
@@ -83,6 +83,7 @@ const state = reactive({
         },
         series: state.chartData,
     })),
+    chartDataForDataLoader: computed<ChartData[]|undefined>(() => state.chartData?.filter((item) => !isEmpty(item?.data)) ?? undefined),
 });
 
 const drawChart = (rawData) => {
@@ -125,7 +126,7 @@ useResizeObserver(chartContext, throttle(() => {
             <p-spinner v-if="props.loading && state.chart" />
         </div>
         <p-data-loader :loading="loading && !state.chart"
-                       :data="state.chartData"
+                       :data="state.chartDataForDataLoader"
                        class="chart-wrapper"
                        show-data-from-scratch
         >
diff --git a/apps/web/src/common/pages/CostReportDetailPage.vue b/apps/web/src/common/pages/CostReportDetailPage.vue
index 79aeee4368..ed7ad2eecd 100644
--- a/apps/web/src/common/pages/CostReportDetailPage.vue
+++ b/apps/web/src/common/pages/CostReportDetailPage.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, reactive, ref } from 'vue';
+import type { TranslateResult } from 'vue-i18n';
 import { useRouter } from 'vue-router/composables';
 
 import dayjs from 'dayjs';
@@ -12,7 +13,7 @@ import {
 
 import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
 import {
-    PLink, PDataTable, PIconButton, PI, PButton,
+    PLink, PDataTable, PIconButton, PI, PButton, PScopedNotification,
 } from '@cloudforet/mirinae';
 import type { DataTableFieldType, DataTableField } from '@cloudforet/mirinae/types/data-display/tables/data-table/type';
 import { numberFormatter } from '@cloudforet/utils';
@@ -21,7 +22,8 @@ import type { AnalyzeResponse } from '@/api-clients/_common/schema/api-verbs/ana
 import type { CostReportDataAnalyzeParameters } from '@/api-clients/cost-analysis/cost-report-data/schema/api-verbs/analyze';
 import type { CostReportGetParameters } from '@/api-clients/cost-analysis/cost-report/schema/api-verbs/get';
 import type { CostReportModel } from '@/api-clients/cost-analysis/cost-report/schema/model';
-import { setI18nLocale } from '@/translations';
+import type { CostReportStatus } from '@/api-clients/cost-analysis/cost-report/schema/type';
+import { i18n, setI18nLocale } from '@/translations';
 
 import { ERROR_ROUTE } from '@/router/constant';
 
@@ -228,6 +230,16 @@ const getFormattedProductTotalValue = (provider: string, serviceAccount: string)
     const productData = state.productRawData.find((d) => d.provider === provider && d.service_account_name === serviceAccount);
     return currencyMoneyFormatter(productData?._total_value_sum ?? 0, numberFormatterOption.value) ?? '';
 };
+const getWarningTitle = (status: CostReportStatus): TranslateResult => {
+    if (status === 'EXPIRED') return i18n.t('COMMON.COST_REPORT.EXPIRED_REPORT_TITLE');
+    if (status === 'ADJUSTING' || status === 'IN_PROGRESS') return i18n.t('COMMON.COST_REPORT.ADJUSTING_REPORT_TITLE');
+    return '';
+};
+const getWarningDescription = (status: CostReportStatus): TranslateResult => {
+    if (status === 'EXPIRED') return i18n.t('COMMON.COST_REPORT.EXPIRED_REPORT_DESCRIPTION');
+    if (status === 'ADJUSTING' || status === 'IN_PROGRESS') return i18n.t('COMMON.COST_REPORT.ADJUSTING_REPORT_DESCRIPTION');
+    return '';
+};
 
 
 const drawChart = () => {
@@ -405,6 +417,14 @@ const handleCollapseAll = () => {
                 >
                     <label>{{ $t('COMMON.COST_REPORT.ISSUE_DATE') }}:</label>{{ state.baseInfo?.issue_date }} <span class="real-date-range">({{ reportDateRange }})</span>
                 </p>
+                <p-scoped-notification v-if="state.baseInfo?.status !== 'DONE'"
+                                       :title="getWarningTitle(state.baseInfo?.status)"
+                                       icon="ic_warning-filled"
+                                       type="warning"
+                                       class="expired-report-notification"
+                >
+                    {{ getWarningDescription(state.baseInfo?.status) }}
+                </p-scoped-notification>
             </div>
             <div class="total">
                 <p class="title">
@@ -672,6 +692,10 @@ const handleCollapseAll = () => {
                     }
                 }
             }
+
+            .expired-report-notification {
+                margin-top: 1rem;
+            }
         }
 
         .total {
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 ff03313484..1b12509343 100644
--- a/apps/web/src/lib/access-control/page-access-helper.ts
+++ b/apps/web/src/lib/access-control/page-access-helper.ts
@@ -11,18 +11,10 @@ import {
     WORKSPACE_OWNER_DEFAULT_PERMISSIONS,
     WORKSPACE_USER_MINIMAL_PERMISSIONS,
 } from '@/lib/access-control/config';
-import config from '@/lib/config';
-import type { GlobalServiceConfig } from '@/lib/config/global-config/types/type';
 import type { Menu, MenuId } from '@/lib/menu/config';
 
 import type { LSBItem, LSBMenu } from '@/common/modules/navigations/lsb/type';
 
-import {
-    ALERT_V1_WORKSPACE_PAGE_ACCESS_MENU_LIST,
-    ALERT_V2_WORKSPACE_PAGE_ACCESS_MENU_LIST, DEFAULT_WORKSPACE_PAGE_ACCESS_MENU_LIST,
-} from '@/services/iam/constants/role-constant';
-import type { PageAccessMenuByConfig } from '@/services/iam/types/role-type';
-
 export const getDefaultPageAccessPermissionList = (roleType?: RoleType): MenuId[] => {
     if (roleType === 'SYSTEM_ADMIN') return SYSTEM_USER_DEFAULT_PERMISSIONS;
     if (roleType === 'DOMAIN_ADMIN') return DOMAIN_ADMIN_DEFAULT_PERMISSIONS;
@@ -46,16 +38,13 @@ export const flattenMenu = (menuList: Menu[]): Menu[] => menuList.flatMap((menu)
 
 export const getPageAccessMapFromRawData = ({
     pageAccessPermissions,
-    isRolePage,
     menuList,
 }: {
     pageAccessPermissions?: string[],
-    isRolePage?: boolean,
     menuList?: Menu[],
 }): PageAccessMap => {
-    const globalConfig = config.get('SERVICES') || {};
     const result: PageAccessMap = {};
-    const menuListByVersion = !isRolePage ? (menuList || []) : getEnabledMenus(globalConfig);
+    const menuListByVersion = menuList || [];
     const flattenedMenuList = flattenMenu(menuListByVersion);
     const setPermissions = (id: string, read = true, write = true, access = true) => {
         result[id] = { read, write, access };
@@ -127,29 +116,3 @@ export const checkAllMenuReadonly = (permissions: string[]) => permissions.every
     const accessType = item.split('.*')[0].split(':')[1];
     return accessType === PAGE_ACCESS.READONLY;
 });
-
-export const getEnabledMenus = (globalServiceConfig: GlobalServiceConfig): Menu[] => {
-    const versionMenuMap = {
-        V1: ALERT_V1_WORKSPACE_PAGE_ACCESS_MENU_LIST,
-        V2: ALERT_V2_WORKSPACE_PAGE_ACCESS_MENU_LIST,
-    };
-
-    const getAllMenus = (version: string): PageAccessMenuByConfig[] => [
-        ...DEFAULT_WORKSPACE_PAGE_ACCESS_MENU_LIST,
-        ...versionMenuMap[version],
-    ];
-
-    return Object.entries(globalServiceConfig)
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        .filter(([_, cfg]) => cfg.ENABLED)
-        .flatMap(([configKey, cfg]) => {
-            const targetMenus = getAllMenus(cfg.VERSION);
-            const matchedMenu = targetMenus
-                .filter((menuItem) => menuItem.key === configKey);
-
-            return matchedMenu.map((i) => ({
-                id: i.id,
-                subMenuList: (i.subMenuList || [{ id: i.id }]) as Menu[],
-            }));
-        });
-};
diff --git a/apps/web/src/lib/config/global-config/api-client-manager.ts b/apps/web/src/lib/config/global-config/api-client-manager.ts
index 99c7ad8fb8..e4c489ae32 100644
--- a/apps/web/src/lib/config/global-config/api-client-manager.ts
+++ b/apps/web/src/lib/config/global-config/api-client-manager.ts
@@ -3,6 +3,7 @@ import kebabCase from 'lodash/kebabCase';
 
 import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
 
+import { DEFAULT_VERSION } from '@/lib/config/global-config/constants/constants';
 import { ApiClientEndpoint } from '@/lib/config/global-config/schema/api-client-schema';
 import type { ApiClientsSchemaType, GlobalServiceConfig } from '@/lib/config/global-config/types/type';
 
@@ -44,7 +45,7 @@ class APIClientManager {
 
         Object.entries(this.config).forEach(([serviceName, config]) => {
             if (this.apiClientsSchema?.[serviceName]) {
-                const version = config.VERSION;
+                const version = config.VERSION || DEFAULT_VERSION;
                 const endpoint = this.apiClientsSchema[serviceName][version];
                 if (endpoint) {
                     const formattedEndpoint = APIClientManager.formatEndpoint(endpoint);
diff --git a/apps/web/src/lib/config/global-config/constants/constants.ts b/apps/web/src/lib/config/global-config/constants/constants.ts
index 914f28347f..257cd9e75b 100644
--- a/apps/web/src/lib/config/global-config/constants/constants.ts
+++ b/apps/web/src/lib/config/global-config/constants/constants.ts
@@ -8,3 +8,32 @@ export const SERVICE_FEATURES = {
     OPS_FLOW: 'OPS_FLOW',
     IAM: 'IAM',
 } as const;
+
+export const DEFAULT_VERSION = 'V1';
+
+export const DEFAULT_CONFIG = {
+    DASHBOARDS: {
+        ENABLED: true,
+        VERSION: DEFAULT_VERSION,
+    },
+    PROJECT: {
+        ENABLED: true,
+        VERSION: DEFAULT_VERSION,
+    },
+    SERVICE_ACCOUNT: {
+        ENABLED: true,
+        VERSION: DEFAULT_VERSION,
+    },
+    ASSET_INVENTORY: {
+        ENABLED: true,
+        VERSION: DEFAULT_VERSION,
+    },
+    COST_ANALYSIS: {
+        ENABLED: true,
+        VERSION: DEFAULT_VERSION,
+    },
+    ALERT_MANAGER: {
+        ENABLED: true,
+        VERSION: DEFAULT_VERSION,
+    },
+};
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
index 9a8aa8f9f0..5f692174a1 100644
--- a/apps/web/src/lib/config/global-config/feature-schema-manager.ts
+++ b/apps/web/src/lib/config/global-config/feature-schema-manager.ts
@@ -1,3 +1,4 @@
+import { DEFAULT_VERSION } from '@/lib/config/global-config/constants/constants';
 import dynamicSchemaManager from '@/lib/config/global-config/dynamic-schema-manager';
 import { getFeatureConfigurator } from '@/lib/config/global-config/helpers/get-feature-configurator';
 import type {
@@ -46,7 +47,7 @@ export class FeatureSchemaManager {
             if (this.config[feature]?.ENABLED) {
                 const configurator = getFeatureConfigurator(feature);
                 if (configurator) {
-                    const currentVersion = this.config[feature]?.VERSION || 'V1';
+                    const currentVersion = this.config[feature]?.VERSION || DEFAULT_VERSION;
                     configurator.initialize(currentVersion);
                     results.push(callback(feature, configurator, currentVersion));
                 }
@@ -109,7 +110,7 @@ export class FeatureSchemaManager {
                     const targetFeature = uiAffect.feature;
                     const targetVersion = targetFeature === feature
                         ? currentVersion
-                        : (this.config[targetFeature]?.VERSION || 'V1');
+                        : (this.config[targetFeature]?.VERSION || DEFAULT_VERSION);
 
                     if (!featureMethodMap[targetFeature]) {
                         featureMethodMap[targetFeature] = {};
diff --git a/apps/web/src/lib/config/global-config/helpers/merge-config.ts b/apps/web/src/lib/config/global-config/helpers/merge-config.ts
index 28928339c9..a57aa1d1bf 100644
--- a/apps/web/src/lib/config/global-config/helpers/merge-config.ts
+++ b/apps/web/src/lib/config/global-config/helpers/merge-config.ts
@@ -5,12 +5,13 @@ import type { PublicConfigGetParameters } from '@/api-clients/config/public-conf
 import { PUBLIC_CONFIG_NAMES } from '@/api-clients/config/public-config/schema/constant';
 import type { PublicConfigModel } from '@/api-clients/config/public-config/schema/model';
 
+import { DEFAULT_CONFIG } from '@/lib/config/global-config/constants/constants';
 import type { GlobalServiceConfig } from '@/lib/config/global-config/types/type';
 
 import ErrorHandler from '@/common/composables/error/errorHandler';
 
 export const mergeConfig = async (config, domainId: string): Promise<GlobalServiceConfig> => {
-    const baseConfig = config.get('SERVICES') || {};
+    const baseConfig = config.get('SERVICES') || DEFAULT_CONFIG;
 
     let overrideConfig = {};
     try {
diff --git a/apps/web/src/lib/menu/use-all-menu-list.ts b/apps/web/src/lib/menu/use-all-menu-list.ts
index 2cce50d63a..7e6655b28c 100644
--- a/apps/web/src/lib/menu/use-all-menu-list.ts
+++ b/apps/web/src/lib/menu/use-all-menu-list.ts
@@ -32,7 +32,7 @@ export const useAllMenuList = () => {
         const isMyPage = route?.path.startsWith('/my-page');
         let _allGnbMenuList: DisplayMenu[];
 
-        _allGnbMenuList = _getDisplayMenuList(menuStore.getters.menuList, _isAdminMode.value);
+        _allGnbMenuList = _getDisplayMenuList(menuStore.getters.activeModeMenuList, _isAdminMode.value);
         _allGnbMenuList = _filterMenuByRoute(_allGnbMenuList, router, _currentWorkspaceId.value);
         if (!_isAdminMode.value) {
             _allGnbMenuList = _filterMenuByAccessPermission(_allGnbMenuList, authorizationStore.getters.pageAccessPermissionList);
diff --git a/apps/web/src/lib/site-initializer/index.ts b/apps/web/src/lib/site-initializer/index.ts
index 0d03a540e2..278bc8a0d9 100644
--- a/apps/web/src/lib/site-initializer/index.ts
+++ b/apps/web/src/lib/site-initializer/index.ts
@@ -80,7 +80,7 @@ const initI18n = () => {
 };
 
 const initOpsFlowTaskManagementTemplate = async (mergedConfig: GlobalServiceConfig) => {
-    if (!mergedConfig.OPS_FLOW.ENABLED) return;
+    if (!mergedConfig?.OPS_FLOW?.ENABLED) return;
     const taskManagementTemplateStore = useTaskManagementTemplateStore(pinia);
     await Promise.allSettled([
         taskManagementTemplateStore.setInitialTemplateId(),
diff --git a/apps/web/src/services/alert-manager/v2/components/ServiceList.vue b/apps/web/src/services/alert-manager/v2/components/ServiceList.vue
index 09c92d1dff..b2afcce0a3 100644
--- a/apps/web/src/services/alert-manager/v2/components/ServiceList.vue
+++ b/apps/web/src/services/alert-manager/v2/components/ServiceList.vue
@@ -6,6 +6,8 @@ import {
     useRoute, useRouter,
 } from 'vue-router/composables';
 
+import { debounce } from 'lodash';
+
 import { makeDistinctValueHandler } from '@cloudforet/core-lib/component-util/query-search';
 import { QueryHelper } from '@cloudforet/core-lib/query';
 import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
@@ -197,7 +199,25 @@ const handleNavigateToDetail = (serviceId: string) => {
     }).catch(() => {});
 };
 
+// ✅ event listener to change healthy page size (6 -> 8) when window width is 1920px or more
+const handleResize = debounce(async () => {
+    const width = window.innerWidth;
+    const newPageSize = width >= 1920 ? 8 : 6;
+
+    if (newPageSize !== serviceListPageStore.healthyPageSize) {
+        const oldPageSize = serviceListPageStore.healthyPageSize;
+        const oldPage = serviceListPageStore.healthyThisPage;
+        const startIndex = (oldPage - 1) * oldPageSize;
+        const newPage = Math.floor(startIndex / newPageSize) + 1;
+
+        serviceListPageStore.setHealthyPageSize(newPageSize);
+        serviceListPageStore.setHealthyPage(newPage);
+        fetchHealthyServiceList();
+    }
+}, 300);
+
 onMounted(async () => {
+    await handleResize();
     const { serviceName, unhealthyPage, healthyPage } = route.query;
 
     if (serviceName && typeof serviceName === 'string') {
@@ -254,7 +274,7 @@ watch(() => serviceListPageStore.healthyThisPage, (val) => {
     handleHealthyPageChange();
 });
 
-watch(async () => route.query.serviceName, async (newServiceName) => {
+watch(async () => route.query.serviceName, async (newServiceName: any) => {
     if (typeof newServiceName === 'string') {
         const nameValues = newServiceName.split(',').map((name) => ({
             key: { name: 'name' },
diff --git a/apps/web/src/services/alert-manager/v2/components/ServiceListContent.vue b/apps/web/src/services/alert-manager/v2/components/ServiceListContent.vue
index e2514e95af..a2c16d136c 100644
--- a/apps/web/src/services/alert-manager/v2/components/ServiceListContent.vue
+++ b/apps/web/src/services/alert-manager/v2/components/ServiceListContent.vue
@@ -121,7 +121,7 @@ const handleClickEscalationPolicy = (id: string, escalationPolicyId: string) =>
             />
             <span>{{ state.title }}</span>
         </div>
-        <div class="collapsible-contents flex flex-wrap gap-4">
+        <div class="collapsible-contents">
             <p-select-card v-for="(item, idx) in props.list"
                            :key="`service-item-${idx}`"
                            class="card"
@@ -253,7 +253,34 @@ const handleClickEscalationPolicy = (id: string, escalationPolicyId: string) =>
     .collapsible-contents {
         opacity: 1;
         transition: opacity 0.3s ease, visibility 0.3s ease;
+
+        @apply grid grid-cols-3 gap-4;
+    }
+
+    @media (min-width: 120rem) {
+        .collapsible-contents {
+            @apply grid grid-cols-4 gap-4;
+        }
+    }
+
+    @screen laptop {
+        .collapsible-contents {
+            @apply grid grid-cols-3 gap-4;
+        }
     }
+
+    @screen tablet {
+        .collapsible-contents {
+            @apply grid grid-cols-2 gap-4;
+        }
+    }
+
+    @screen mobile {
+        .collapsible-contents {
+            @apply grid grid-cols-1 gap-4;
+        }
+    }
+
     &.is-collapsed {
         .collapsible-title {
             .arrow-button {
@@ -270,8 +297,7 @@ const handleClickEscalationPolicy = (id: string, escalationPolicyId: string) =>
         }
     }
     .card {
-        width: 28rem;
-        max-width: 28rem;
+        min-width: 25rem;
         padding: 1.25rem 1.5rem 1rem 1.5rem;
         box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
         .card-inner-wrapper {
diff --git a/apps/web/src/services/alert-manager/v2/stores/service-list-page-store.ts b/apps/web/src/services/alert-manager/v2/stores/service-list-page-store.ts
index e782976b0c..f88ad050e9 100644
--- a/apps/web/src/services/alert-manager/v2/stores/service-list-page-store.ts
+++ b/apps/web/src/services/alert-manager/v2/stores/service-list-page-store.ts
@@ -5,7 +5,7 @@ import type { ConsoleFilter } from '@cloudforet/core-lib/query/type';
 export const useServiceListPageStore = defineStore('page-service-list', {
     state: () => ({
         unhealthyThisPage: 1,
-        unhealthyPageSize: 10,
+        unhealthyPageSize: 12,
         healthyThisPage: 1,
         healthyPageSize: 6,
         searchFilters: [] as ConsoleFilter[],
@@ -20,5 +20,8 @@ export const useServiceListPageStore = defineStore('page-service-list', {
         setSearchFilters(filters: ConsoleFilter[]) {
             this.searchFilters = filters;
         },
+        setHealthyPageSize(size: number) {
+            this.healthyPageSize = size;
+        },
     },
 });
diff --git a/apps/web/src/services/asset-inventory/components/CloudServiceDetail.vue b/apps/web/src/services/asset-inventory/components/CloudServiceDetail.vue
index 33f9eea0b4..7976d10dde 100644
--- a/apps/web/src/services/asset-inventory/components/CloudServiceDetail.vue
+++ b/apps/web/src/services/asset-inventory/components/CloudServiceDetail.vue
@@ -325,7 +325,12 @@ const unwindTableExcelDownload = async (fields: DynamicField[]) => {
 
 const dynamicLayoutListeners: Partial<DynamicLayoutEventListener> = {
     fetch(options) {
-        fetchOptionsMap[state.fetchOptionKey] = options;
+        const prev = fetchOptionsMap[state.fetchOptionKey] ?? {};
+        fetchOptionsMap[state.fetchOptionKey] = {
+            ...prev,
+            ...options,
+            queryTags: options.queryTags ?? prev.queryTags ?? [],
+        };
         fetchData();
     },
     select(selectIndex) {
diff --git a/apps/web/src/services/asset-inventory/pages/CollectorHistoryPage.vue b/apps/web/src/services/asset-inventory/pages/CollectorHistoryPage.vue
index d2865dfbbe..ad67dc351c 100644
--- a/apps/web/src/services/asset-inventory/pages/CollectorHistoryPage.vue
+++ b/apps/web/src/services/asset-inventory/pages/CollectorHistoryPage.vue
@@ -170,14 +170,19 @@ const getJobs = async () => {
             const plugin = storeState.plugins[job.plugin_id];
             let progress;
             if (job.total_tasks === 0 || job.total_tasks === undefined) {
-                if (job.status === JOB_STATE.SUCCESS) progress = { succeededPercentage: 100, failedPercentage: 0 };
-                else if (job.status === JOB_STATE.FAILURE) progress = { succeededPercentage: 0, failedPercentage: 100 };
-                else progress = { succeededPercentage: 0, failedPercentage: 0 };
+                if (job.status === JOB_STATE.SUCCESS) progress = { succeededPercentage: 100, failedPercentage: 0, processPercentage: 100 };
+                else if (job.status === JOB_STATE.FAILURE) progress = { succeededPercentage: 0, failedPercentage: 100, processPercentage: 100 };
+                else progress = { succeededPercentage: 0, failedPercentage: 0, processPercentage: 100 };
             } else {
+                const remainedTasks = job.remained_tasks ?? 0;
+                const totalTasks = job.total_tasks ?? 0;
+                const successTasks = job.success_tasks ?? 0;
+                const failureTasks = job.failure_tasks ?? 0;
                 progress = {
-                    succeededPercentage: ((job.success_tasks ?? 0) / job.total_tasks) * 100,
-                    failedPercentage: ((job.failure_tasks ?? 0) / job.total_tasks) * 100,
+                    succeededPercentage: ((successTasks / totalTasks) * 100),
+                    failedPercentage: ((failureTasks / totalTasks) * 100),
                     isCanceled: job.status === JOB_STATE.CANCELED,
+                    processPercentage: ((totalTasks - remainedTasks) / totalTasks) * 100,
                 };
             }
             return {
@@ -291,7 +296,7 @@ watch(() => state.selectedStatus, (selectedStatus) => {
                               :style="{ width: `${value.failedPercentage}%` }"
                         />
                     </div>
-                    <span class="succeeded-text">{{ Math.floor(value.succeededPercentage) }}%</span>
+                    <span class="succeeded-text">{{ Math.floor(value.processPercentage) }}%</span>
                 </template>
             </p-toolbox-table>
             <div v-if="state.items.length > 0"
diff --git a/apps/web/src/services/cost-explorer/components/AnomalyDetectionConfigurationTable.vue b/apps/web/src/services/cost-explorer/components/AnomalyDetectionConfigurationTable.vue
index e7243c2e02..b606d5d009 100644
--- a/apps/web/src/services/cost-explorer/components/AnomalyDetectionConfigurationTable.vue
+++ b/apps/web/src/services/cost-explorer/components/AnomalyDetectionConfigurationTable.vue
@@ -57,7 +57,7 @@ const tableState = reactive({
             <template #col-name-format="{value, item}">
                 <p-link highlight
                         :to="{
-                            name: ADMIN_COST_EXPLORER_ROUTE.COST_ADVANCED_SETTINGS.ANOMALY_DETECTION_DOMAIN_CONFIGURATION._NAME,
+                            name: ADMIN_COST_EXPLORER_ROUTE.COST_ADVANCED_SETTINGS._NAME,
                             params: { configId: item.config_id}
                         }"
                         class="col-name"
diff --git a/apps/web/src/services/cost-explorer/components/AnomalyDetectionHistoryTable.vue b/apps/web/src/services/cost-explorer/components/AnomalyDetectionHistoryTable.vue
index b469951f76..014e7e1f4f 100644
--- a/apps/web/src/services/cost-explorer/components/AnomalyDetectionHistoryTable.vue
+++ b/apps/web/src/services/cost-explorer/components/AnomalyDetectionHistoryTable.vue
@@ -58,7 +58,7 @@ const tableState = reactive({
             <template #col-name-format="{value, item}">
                 <p-link highlight
                         :to="{
-                            name: ADMIN_COST_EXPLORER_ROUTE.COST_ADVANCED_SETTINGS.ANOMALY_DETECTION_DOMAIN_CONFIGURATION._NAME,
+                            name: ADMIN_COST_EXPLORER_ROUTE.COST_ADVANCED_SETTINGS._NAME,
                             params: { historyId: item.history_id }
                         }"
                         class="col-name"
diff --git a/apps/web/src/services/cost-explorer/components/CostAnalysisContent.vue b/apps/web/src/services/cost-explorer/components/CostAnalysisContent.vue
deleted file mode 100644
index f86b969357..0000000000
--- a/apps/web/src/services/cost-explorer/components/CostAnalysisContent.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<script lang="ts" setup>
-import {
-    onUnmounted, watch,
-} from 'vue';
-import { useRoute, useRouter } from 'vue-router/composables';
-
-import type { CostQuerySetModel } from '@/api-clients/cost-analysis/cost-query-set/schema/model';
-
-import {
-    queryStringToArray,
-    queryStringToObject,
-    queryStringToString,
-} from '@/lib/router-query-string';
-
-import CostAnalysisChart from '@/services/cost-explorer/components/CostAnalysisChart.vue';
-import CostAnalysisDataTable from '@/services/cost-explorer/components/CostAnalysisDataTable.vue';
-import CostAnalysisGroupBy from '@/services/cost-explorer/components/CostAnalysisGroupBy.vue';
-import CostAnalysisHeader from '@/services/cost-explorer/components/CostAnalysisHeader.vue';
-import CostAnalysisQuerySection from '@/services/cost-explorer/components/CostAnalysisQuerySection.vue';
-import { DYNAMIC_COST_QUERY_SET_PARAMS } from '@/services/cost-explorer/constants/managed-cost-analysis-query-sets';
-import { useCostAnalysisPageStore } from '@/services/cost-explorer/stores/cost-analysis-page-store';
-import type { CostAnalysisPageUrlQuery } from '@/services/cost-explorer/types/cost-analysis-url-query-type';
-import type {
-    Granularity,
-} from '@/services/cost-explorer/types/cost-explorer-query-type';
-
-
-const route = useRoute();
-const router = useRouter();
-
-const costAnalysisPageStore = useCostAnalysisPageStore();
-const costAnalysisPageGetters = costAnalysisPageStore.getters;
-
-/* util */
-const getQueryOptionsFromUrlQuery = (urlQuery: CostAnalysisPageUrlQuery): CostQuerySetModel['options'] => ({
-    granularity: queryStringToString(urlQuery.granularity) as Granularity,
-    group_by: queryStringToArray(urlQuery.group_by),
-    period: queryStringToObject(urlQuery.period),
-    filters: queryStringToObject(urlQuery.filters),
-});
-
-onUnmounted(() => {
-    costAnalysisPageStore.reset();
-});
-
-watch(() => costAnalysisPageGetters.selectedQuerySet, async (selectedQuerySet) => {
-    if (selectedQuerySet) {
-        costAnalysisPageStore.setQueryOptions(selectedQuerySet.options);
-    } else if (route.params.costQuerySetId === DYNAMIC_COST_QUERY_SET_PARAMS) {
-        const currentQuery = router.currentRoute.query;
-        const costQuerySetOptions = getQueryOptionsFromUrlQuery(currentQuery);
-        costAnalysisPageStore.setQueryOptions(costQuerySetOptions);
-    } else {
-        costAnalysisPageStore.setQueryOptions();
-    }
-}, { immediate: true });
-
-</script>
-
-<template>
-    <div class="cost-analysis-content">
-        <cost-analysis-header />
-        <div class="content-wrapper">
-            <div class="overflow-wrapper">
-                <cost-analysis-query-section />
-                <div class="contents-wrapper">
-                    <cost-analysis-group-by />
-                    <cost-analysis-chart />
-                    <cost-analysis-data-table />
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<style lang="postcss" scoped>
-.cost-analysis-content {
-    .content-wrapper {
-        overflow-x: auto;
-        padding-bottom: 1.625rem;
-        .overflow-wrapper {
-            min-width: 50rem;
-            .contents-wrapper {
-                @apply bg-white rounded-md border border-gray-200;
-                padding: 0 1rem 2.5rem 1rem;
-            }
-        }
-    }
-}
-</style>
diff --git a/apps/web/src/services/cost-explorer/components/CostAnalysisHeader.vue b/apps/web/src/services/cost-explorer/components/CostAnalysisHeader.vue
index 9954219439..b4f6c68010 100644
--- a/apps/web/src/services/cost-explorer/components/CostAnalysisHeader.vue
+++ b/apps/web/src/services/cost-explorer/components/CostAnalysisHeader.vue
@@ -119,7 +119,7 @@ const handleDeleteQueryConfirm = async () => {
 
 const handleRouteToUnifiedCostSettings = () => {
     router.push({
-        name: ADMIN_COST_EXPLORER_ROUTE.COST_ADVANCED_SETTINGS.CURRENCY_CONVERTER._NAME,
+        name: ADMIN_COST_EXPLORER_ROUTE.COST_ADVANCED_SETTINGS._NAME,
     }).catch(() => {});
 };
 
diff --git a/apps/web/src/services/cost-explorer/components/CostReportMonthlyTotalAmountSummaryCard.vue b/apps/web/src/services/cost-explorer/components/CostReportMonthlyTotalAmountSummaryCard.vue
index 690f1ca669..3a39f9fab5 100644
--- a/apps/web/src/services/cost-explorer/components/CostReportMonthlyTotalAmountSummaryCard.vue
+++ b/apps/web/src/services/cost-explorer/components/CostReportMonthlyTotalAmountSummaryCard.vue
@@ -10,14 +10,14 @@ import type { PieSeriesOption } from 'echarts/charts';
 import type { EChartsType } from 'echarts/core';
 import { init } from 'echarts/core';
 import {
-    debounce, isEmpty, sum, sumBy, throttle,
+    debounce, isEmpty, sum, throttle,
 } from 'lodash';
 
 import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
 import {
     PSelectButton, PDatePagination, PDataTable, PTextButton, PI, PTooltip, PDataLoader,
 } from '@cloudforet/mirinae';
-import type { SelectButtonType } from '@cloudforet/mirinae/types/controls/buttons/select-button-group/type';
+import type { MenuItem } from '@cloudforet/mirinae/types/controls/context-menu/type';
 import type { DataTableFieldType } from '@cloudforet/mirinae/types/data-display/tables/data-table/type';
 import { numberFormatter } from '@cloudforet/utils';
 
@@ -56,7 +56,15 @@ import {
 
 type CostReportDataAnalyzeResult = {
     [groupBy: string]: string | any;
-    value_sum: number;
+    value_sum: Array<{
+        [key: string]: number;
+    }>;
+    _total_value_sum: number;
+};
+type RefinedCostReportDataAnalyzeResult = {
+    [groupBy: string]: string | any;
+    amount: number;
+    adjusted_amount?: number;
 };
 
 const OTHER_CATEGORY = 'Others';
@@ -75,92 +83,84 @@ const storeState = reactive({
 });
 const state = reactive({
     loading: true,
-    data: undefined as AnalyzeResponse<CostReportDataAnalyzeResult>|undefined,
-    targetSelectItems: computed(() => ([
-        { name: GROUP_BY.WORKSPACE_NAME, label: i18n.t('BILLING.COST_MANAGEMENT.COST_REPORT.WORKSPACE') },
-        { name: GROUP_BY.PROVIDER, label: i18n.t('BILLING.COST_MANAGEMENT.COST_REPORT.PROVIDER') },
-    ] as SelectButtonType[])),
-    selectedTarget: storeState.isAdminMode ? GROUP_BY.WORKSPACE_NAME : GROUP_BY.PROVIDER,
-    totalAmount: computed(() => sum(state.data?.results.map((d) => d.value_sum))),
+    rawData: undefined as AnalyzeResponse<CostReportDataAnalyzeResult>|undefined,
+    refinedData: [] as RefinedCostReportDataAnalyzeResult[],
+    selectedTarget: storeState.isAdminMode ? GROUP_BY.WORKSPACE : GROUP_BY.PROVIDER,
     currentDate: undefined as Dayjs | undefined,
-    currentDateRangeText: computed<string>(() => {
-        if (!state.currentDate) return '';
-        return `${state.currentDate.startOf('month').format('YYYY-MM-DD')} ~ ${state.currentDate.endOf('month').format('YYYY-MM-DD')}`;
-    }),
     currentReportId: undefined as string|undefined,
-    //
     chart: null as EChartsType | null,
-    chartData: [],
-    chartOptions: computed<PieSeriesOption>(() => ({
-        color: MASSIVE_CHART_COLORS,
-        grid: {
-            containLabel: true,
-        },
-        tooltip: {
-            trigger: 'item',
-            position: 'inside',
-            formatter: (params) => {
-                const _name = getReferenceLabel(storeState.allReferenceTypeInfo, state.selectedTarget, params.name);
-                const _value = numberFormatter(params.value) || '';
-                return `${params.marker} ${_name}: <b>${_value}</b>`;
-            },
-        },
-        legend: {
-            show: false,
+    chartData: [] as PieSeriesOption['data'],
+});
+
+/* Computed */
+const currentDateRangeText = computed<string>(() => {
+    if (!state.currentDate) return '';
+    return `${state.currentDate.startOf('month').format('YYYY-MM-DD')} ~ ${state.currentDate.endOf('month').format('YYYY-MM-DD')}`;
+});
+const totalAmount = computed<number>(() => sum(state.rawData?.results?.map((d) => d._total_value_sum) ?? []));
+const targetSelectItems = computed<MenuItem[]>(() => ([
+    { name: GROUP_BY.WORKSPACE, label: i18n.t('BILLING.COST_MANAGEMENT.COST_REPORT.WORKSPACE') },
+    { name: GROUP_BY.PROVIDER, label: i18n.t('BILLING.COST_MANAGEMENT.COST_REPORT.PROVIDER') },
+]));
+const chartOptions = computed<PieSeriesOption>(() => ({
+    color: MASSIVE_CHART_COLORS,
+    grid: {
+        containLabel: true,
+    },
+    tooltip: {
+        trigger: 'item',
+        position: 'inside',
+        formatter: (params) => {
+            const _name = getReferenceLabel(storeState.allReferenceTypeInfo, state.selectedTarget, params.name);
+            const _value = numberFormatter(params.value) || '';
+            return `${params.marker} ${_name}: <b>${_value}</b>`;
         },
-        series: [
-            {
-                type: 'pie',
-                radius: ['30%', '70%'],
-                center: ['30%', '50%'],
-                data: state.chartData,
-                emphasis: {
-                    itemStyle: {
-                        shadowBlur: 10,
-                        shadowOffsetX: 0,
-                        shadowColor: 'rgba(0, 0, 0, 0.5)',
-                    },
-                },
-                avoidLabelOverlap: false,
-                label: {
-                    show: false,
+    },
+    legend: {
+        show: false,
+    },
+    series: [
+        {
+            type: 'pie',
+            radius: ['30%', '70%'],
+            center: ['30%', '50%'],
+            data: state.chartData,
+            emphasis: {
+                itemStyle: {
+                    shadowBlur: 10,
+                    shadowOffsetX: 0,
+                    shadowColor: 'rgba(0, 0, 0, 0.5)',
                 },
             },
-        ],
-    })),
-    tableFields: computed<DataTableFieldType[]>(() => ([
-        { name: state.selectedTarget, label: COST_REPORT_GROUP_BY_ITEM_MAP[state.selectedTarget].label },
-        { name: 'value_sum', label: 'Amount', textAlign: 'right' },
-    ])),
-});
+            avoidLabelOverlap: false,
+            label: {
+                show: false,
+            },
+        },
+    ],
+}));
+const tableFields = computed<DataTableFieldType[]>(() => ([
+    { name: state.selectedTarget, label: COST_REPORT_GROUP_BY_ITEM_MAP[state.selectedTarget].label },
+    { name: 'amount', label: 'Amount', textAlign: 'right' },
+    { name: 'adjusted_amount', label: 'Adjustment', textAlign: 'right' },
+]));
+
 
 /* Util */
-const getRefinedAnalyzeData = (res: AnalyzeResponse<CostReportDataAnalyzeResult>): AnalyzeResponse<CostReportDataAnalyzeResult> => {
-    const _results: CostReportDataAnalyzeResult[] = [];
-    const _totalAmount = sumBy(res.results, 'value_sum');
-    const _thresholdValue = _totalAmount * 0.02;
-    let _othersValueSum = 0;
+const getRefinedAnalyzeData = (res: AnalyzeResponse<CostReportDataAnalyzeResult>): RefinedCostReportDataAnalyzeResult[] => {
+    const _results: RefinedCostReportDataAnalyzeResult[] = [];
     res.results?.forEach((d) => {
-        if (d.value_sum < _thresholdValue) {
-            _othersValueSum += d.value_sum;
-        } else {
-            _results.push(d);
-        }
-    });
-    if (_othersValueSum > 0) {
         _results.push({
-            [state.selectedTarget]: OTHER_CATEGORY,
-            value_sum: _othersValueSum,
+            [state.selectedTarget]: d[state.selectedTarget],
+            amount: d._total_value_sum,
+            adjusted_amount: d.value_sum.find((v) => !!v?.is_adjusted)?.value,
         });
-    }
-    return {
-        more: res.more,
-        results: _results,
-    };
+    });
+    return _results;
 };
 const getLegendColor = (field: string, value: string, rowIndex: number) => {
     if (value === OTHER_CATEGORY) return gray[500];
-    if (field === GROUP_BY.WORKSPACE_NAME) {
+    if (field === GROUP_BY.WORKSPACE) {
         return MASSIVE_CHART_COLORS[rowIndex];
     }
     return storeState.providers[value]?.color ?? MASSIVE_CHART_COLORS[rowIndex];
@@ -178,7 +178,7 @@ const analyzeCostReportData = debounce(async () => {
             cost_report_config_id: costReportPageState.costReportConfig?.cost_report_config_id,
             is_confirmed: true,
             query: {
-                group_by: [state.selectedTarget],
+                group_by: [state.selectedTarget, 'is_adjusted'],
                 start: _period.start,
                 end: _period.end,
                 fields: {
@@ -187,15 +187,17 @@ const analyzeCostReportData = debounce(async () => {
                         operator: 'sum',
                     },
                 },
+                field_group: ['is_adjusted'],
                 sort: [{
                     key: 'value_sum',
                     desc: true,
                 }],
             },
         });
-        state.data = getRefinedAnalyzeData(res);
+        state.rawData = res;
+        state.refinedData = getRefinedAnalyzeData(res);
     } catch (e) {
-        state.data = {};
+        state.rawData = { results: [] };
         ErrorHandler.handleError(e);
     } finally {
         state.loading = false;
@@ -220,16 +222,17 @@ const listCostReport = async () => {
 };
 
 /* Util */
-const drawChart = (rawData: AnalyzeResponse<CostReportDataAnalyzeResult>) => {
+const drawChart = (rawData?: AnalyzeResponse<CostReportDataAnalyzeResult>) => {
     if (isEmpty(rawData)) return;
 
-    const _seriesData: any[] = [];
+    const _seriesData: PieSeriesOption['data'] = [];
     rawData.results?.forEach((d) => {
-        let _color = state.selectedTarget === 'provider' ? storeState.providers[d[state.selectedTarget]]?.color : undefined;
+        let _color = state.selectedTarget === GROUP_BY.PROVIDER ? storeState.providers[d[state.selectedTarget]]?.color : undefined;
         if (d[state.selectedTarget] === OTHER_CATEGORY) _color = gray[500];
+        const _value = sum(d.value_sum.map((v) => v.value));
         _seriesData.push({
             name: d[state.selectedTarget],
-            value: d.value_sum,
+            value: _value,
             itemStyle: {
                 color: _color,
             },
@@ -238,7 +241,7 @@ const drawChart = (rawData: AnalyzeResponse<CostReportDataAnalyzeResult>) => {
     state.chartData = _seriesData;
 
     state.chart = init(chartContext.value);
-    state.chart.setOption(state.chartOptions, true);
+    state.chart.setOption(chartOptions.value, true);
 };
 
 /* Event */
@@ -262,9 +265,9 @@ const handleChangeDate = (date: Dayjs) => {
 };
 
 /* Watcher */
-watch([() => chartContext.value, () => state.loading, () => state.data], async ([_chartContext, loading, data]) => {
+watch([() => chartContext.value, () => state.loading, () => state.rawData], async ([_chartContext, loading, rawData]) => {
     if (_chartContext && !loading) {
-        drawChart(data);
+        drawChart(rawData);
     }
 });
 watch(() => costReportPageState.recentReportMonth, async (after) => {
@@ -297,7 +300,7 @@ useResizeObserver(chartContext, throttle(() => {
                   #right-extra
         >
             <div class="select-button-wrapper">
-                <p-select-button v-for="item in state.targetSelectItems"
+                <p-select-button v-for="item in targetSelectItems"
                                  :key="`cost-trend-select-button-${item.name}`"
                                  :value="item.name"
                                  :selected="state.selectedTarget"
@@ -311,7 +314,7 @@ useResizeObserver(chartContext, throttle(() => {
         </template>
         <template #content>
             <p-data-loader :loading="state.loading"
-                           :data="state.data"
+                           :data="state.rawData"
                            :min-loading-time="500"
             >
                 <div class="grid grid-cols-12 gap-4">
@@ -321,7 +324,7 @@ useResizeObserver(chartContext, throttle(() => {
                                            @update:date="handleChangeDate"
                         />
                         <div class="date-range-text">
-                            {{ state.currentDateRangeText }}
+                            {{ currentDateRangeText }}
                         </div>
                         <div class="summary-wrapper">
                             <div class="summary-label">
@@ -329,7 +332,7 @@ useResizeObserver(chartContext, throttle(() => {
                             </div>
                             <div class="summary-value">
                                 <span class="currency-symbol">{{ CURRENCY_SYMBOL?.[costReportPageGetters.currency] }}</span>
-                                <span class="value">{{ currencyMoneyFormatter(state.totalAmount, { currency: costReportPageGetters.currency, style: 'decimal' }) }}</span>
+                                <span class="value">{{ currencyMoneyFormatter(totalAmount, { currency: costReportPageGetters.currency, style: 'decimal' }) }}</span>
                             </div>
                         </div>
                         <p-text-button v-if="!storeState.isAdminMode && state.currentReportId"
@@ -353,14 +356,14 @@ useResizeObserver(chartContext, throttle(() => {
                         </div>
                     </div>
                     <div class="right-part">
-                        <p-data-table :fields="state.tableFields"
-                                      :items="state.data?.results ?? []"
+                        <p-data-table :fields="tableFields"
+                                      :items="state.refinedData"
                                       :loading="state.loading"
                                       table-style-type="simple"
                                       class="summary-data-table"
                         >
                             <template #col-format="{field, value, rowIndex}">
-                                <span v-if="field.name === GROUP_BY.WORKSPACE_NAME">
+                                <span v-if="field.name === GROUP_BY.WORKSPACE">
                                     <span class="toggle-button"
                                           :style="{ 'background-color': getLegendColor(field.name, value, rowIndex) }"
                                     />
@@ -381,7 +384,7 @@ useResizeObserver(chartContext, throttle(() => {
                                     </p-tooltip>
                                 </span>
                             </template>
-                            <template #col-value_sum-format="{ value }">
+                            <template #col-amount-format="{ value }">
                                 <p-tooltip :contents="currencyMoneyFormatter(value, { currency: costReportPageGetters.currency }) ?? ''"
                                            position="bottom"
                                 >
@@ -392,6 +395,17 @@ useResizeObserver(chartContext, throttle(() => {
                                     </span>
                                 </p-tooltip>
                             </template>
+                            <template #col-adjusted_amount-format="{ value }">
+                                <p-tooltip :contents="currencyMoneyFormatter(value, { currency: costReportPageGetters.currency })"
+                                           position="bottom"
+                                >
+                                    <span v-if="costReportPageGetters.currency"
+                                          class="amount-col"
+                                    >
+                                        {{ currencyMoneyFormatter(value, { currency: costReportPageGetters.currency }) ?? '-' }}
+                                    </span>
+                                </p-tooltip>
+                            </template>
                         </p-data-table>
                     </div>
                 </div>
diff --git a/apps/web/src/services/cost-explorer/components/CostReportOverviewCostTrendCard.vue b/apps/web/src/services/cost-explorer/components/CostReportOverviewCostTrendCard.vue
index c7a60561ba..1ba0bc6921 100644
--- a/apps/web/src/services/cost-explorer/components/CostReportOverviewCostTrendCard.vue
+++ b/apps/web/src/services/cost-explorer/components/CostReportOverviewCostTrendCard.vue
@@ -67,10 +67,10 @@ const state = reactive({
     }),
     selectedDate: 'last12Months',
     targetSelectItems: computed(() => ([
-        { name: GROUP_BY.WORKSPACE_NAME, label: i18n.t('BILLING.COST_MANAGEMENT.COST_REPORT.WORKSPACE') },
+        { name: GROUP_BY.WORKSPACE, label: i18n.t('BILLING.COST_MANAGEMENT.COST_REPORT.WORKSPACE') },
         { name: GROUP_BY.PROVIDER, label: i18n.t('BILLING.COST_MANAGEMENT.COST_REPORT.PROVIDER') },
     ] as SelectButtonType[])),
-    selectedTarget: storeState.isAdminMode ? GROUP_BY.WORKSPACE_NAME : GROUP_BY.PROVIDER,
+    selectedTarget: storeState.isAdminMode ? GROUP_BY.WORKSPACE : GROUP_BY.PROVIDER,
     previousTotalAmount: computed<number>(() => {
         if (!costReportPageState.recentReportMonth) return 0;
         return getPreviousTotalAmount(costReportPageState.recentReportMonth, state.data?.results);
@@ -125,7 +125,7 @@ const analyzeTrendData = async () => {
             is_confirmed: true,
             query: {
                 granularity: GRANULARITY.MONTHLY,
-                group_by: [state.selectedTarget],
+                group_by: [state.selectedTarget, 'is_adjusted'],
                 field_group: ['date'],
                 start: state.period.start,
                 end: state.period.end,
diff --git a/apps/web/src/services/cost-explorer/components/CostReportOverviewCostTrendChart.vue b/apps/web/src/services/cost-explorer/components/CostReportOverviewCostTrendChart.vue
index 786625c42a..252861f515 100644
--- a/apps/web/src/services/cost-explorer/components/CostReportOverviewCostTrendChart.vue
+++ b/apps/web/src/services/cost-explorer/components/CostReportOverviewCostTrendChart.vue
@@ -113,7 +113,7 @@ const state = reactive({
     tableFields: computed<DataTableFieldType[]>(() => {
         const targetField: DataTableFieldType = {
             name: props.groupBy,
-            label: props.groupBy === 'workspace_id' ? 'Workspace' : 'Provider',
+            label: props.groupBy === GROUP_BY.WORKSPACE ? 'Workspace' : 'Provider',
             sortable: false,
         };
         const subTotalField = {
diff --git a/apps/web/src/services/cost-explorer/components/CostReportReportsTab.vue b/apps/web/src/services/cost-explorer/components/CostReportReportsTab.vue
index 2d1b969d34..b90fb2e0af 100644
--- a/apps/web/src/services/cost-explorer/components/CostReportReportsTab.vue
+++ b/apps/web/src/services/cost-explorer/components/CostReportReportsTab.vue
@@ -4,13 +4,14 @@ import {
 } from 'vue';
 
 import dayjs from 'dayjs';
+import { capitalize } from 'lodash';
 
 import { makeDistinctValueHandler, makeReferenceValueHandler } from '@cloudforet/core-lib/component-util/query-search';
 import { setApiQueryWithToolboxOptions } from '@cloudforet/core-lib/component-util/toolbox';
 import type { ConsoleFilter } from '@cloudforet/core-lib/query/type';
 import { ApiQueryHelper } from '@cloudforet/core-lib/space-connector/helper';
 import {
-    PButton, PHeading, PI, PToolboxTable, PSelectDropdown, PBadge, PTextButton, PHeadingLayout,
+    PButton, PHeading, PI, PToolboxTable, PSelectDropdown, PBadge, PTextButton, PHeadingLayout, PStatus,
 } from '@cloudforet/mirinae';
 import type { MenuItem } from '@cloudforet/mirinae/types/controls/context-menu/type';
 import type { KeyItemSet } from '@cloudforet/mirinae/types/controls/search/query-search/type';
@@ -31,6 +32,8 @@ import CustomDateModal from '@/common/components/custom-date-modal/CustomDateMod
 import ErrorHandler from '@/common/composables/error/errorHandler';
 import { useQueryTags } from '@/common/composables/query-tags';
 
+import { green, gray } from '@/styles/colors';
+
 import CostReportResendModal from '@/services/cost-explorer/components/CostReportResendModal.vue';
 import { useCostReportPageStore } from '@/services/cost-explorer/stores/cost-report-page-store';
 
@@ -71,6 +74,7 @@ const tableState = reactive({
         { label: 'Report Number', name: 'report_number' },
         ...(isAdminMode.value ? [{ label: 'Workspace', name: 'workspace_id' }] : []),
         { label: 'Cost', name: 'cost', textAlign: 'right' },
+        { label: 'Status', name: 'status' },
         { label: ' ', name: 'extra' },
     ],
     keyItemSets: [
@@ -92,10 +96,7 @@ const tableState = reactive({
 
 
 const costReportListApiQueryHelper = new ApiQueryHelper()
-    .setSort('issue_date', true)
-    .setFilters([
-        { k: 'status', v: isAdminMode.value ? ['DONE', 'ADJUSTING'] : ['DONE'], o: '' },
-    ]);
+    .setSort('issue_date', true);
 const queryTagHelper = useQueryTags({ keyItemSets: tableState.keyItemSets });
 const { queryTags } = queryTagHelper;
 
@@ -110,6 +111,16 @@ const getCustomPeriodText = (start?: string, end?: string): string => {
     const endDate = dayjs.utc(end);
     return `${startDate.format('MMM YYYY')} ~ ${endDate.format('MMM YYYY')}`;
 };
+const getStatusIcon = (status: string): string => {
+    if (status === 'DONE') return 'ic_check';
+    if (status === 'EXPIRED') return 'ic_limit-filled';
+    return 'ic_peacock-gradient-circle';
+};
+const getStatusIconColor = (status: string): string | undefined => {
+    if (status === 'DONE') return green[500];
+    if (status === 'EXPIRED') return gray[400];
+    return undefined;
+};
 
 /* Event */
 const handleSelectPeriodMenuItem = (selectedPeriod: string): void => {
@@ -180,6 +191,11 @@ const getCostReportsList = (options: any = {}) => {
     if (options.pageStart !== undefined) tableState.pageStart = options.pageStart;
     if (options.pageLimit !== undefined) tableState.pageLimit = options.pageLimit;
     costReportListApiQueryHelper.setPageStart(tableState.pageStart).setPageLimit(tableState.pageLimit);
+    if (!isAdminMode.value) {
+        costReportListApiQueryHelper.setFilters([
+            { k: 'status', v: ['DONE'], o: '' },
+        ]);
+    }
     costReportPageStore.fetchCostReportsList({
         query: costReportListApiQueryHelper.data,
     });
@@ -257,15 +273,19 @@ watch(() => costReportPageState.activeTab, (activeTab) => {
                     </template>
                 </p-heading-layout>
             </template>
-            <template #col-workspace_id-format="{value}">
-                {{ workspaces[value]?.name || value }}
-            </template>
-            <template #col-issue_date-format="{value}">
-                <div class="date-text">
-                    {{ value }}
+            <template #col-workspace_id-format="{value, item}">
+                <div :class="{ 'expired-row': item.status === 'EXPIRED' }">
+                    {{ workspaces[value]?.name || value }}
                 </div>
-                <div class="date-range-text">
-                    {{ getDateRangeText(value) }}
+            </template>
+            <template #col-issue_date-format="{value, item}">
+                <div :class="{ 'expired-row': item.status === 'EXPIRED' }">
+                    <div class="date-text">
+                        {{ value }}
+                    </div>
+                    <div class="date-range-text">
+                        {{ getDateRangeText(value) }}
+                    </div>
                 </div>
             </template>
             <template #col-report_number-format="{value, item}">
@@ -284,9 +304,17 @@ watch(() => costReportPageState.activeTab, (activeTab) => {
                 </p-text-button>
             </template>
             <template #col-cost-format="{value, item}">
-                <span class="currency-symbol">{{ CURRENCY_SYMBOL[item.currency] }}</span>
-                <span class="text">{{ currencyMoneyFormatter(value[item.currency], { currency: state.currency, style: 'decimal' }) || 0 }}</span>
-                <span class="currency-text">{{ item.currency }}</span>
+                <div :class="{ 'expired-row': item.status === 'EXPIRED' }">
+                    <span class="currency-symbol">{{ CURRENCY_SYMBOL[item.currency] }}</span>
+                    <span class="text">{{ currencyMoneyFormatter(value[item.currency], { currency: state.currency, style: 'decimal' }) || 0 }}</span>
+                    <span class="currency-text">{{ item.currency }}</span>
+                </div>
+            </template>
+            <template #col-status-format="{value}">
+                <p-status :icon="getStatusIcon(value)"
+                          :icon-color="getStatusIconColor(value)"
+                          :text="capitalize(value)"
+                />
             </template>
             <template #col-extra-format="{item}">
                 <div v-if="item.status === 'DONE'"
@@ -360,6 +388,9 @@ watch(() => costReportPageState.activeTab, (activeTab) => {
         @apply flex items-center text-blue-700;
         gap: 0.25rem;
     }
+    .expired-row {
+        opacity: 0.4;
+    }
 }
 
 /* custom design-system component - p-select-dropdown */
diff --git a/apps/web/src/services/cost-explorer/composables/queries/use-cost-analysis-query.ts b/apps/web/src/services/cost-explorer/composables/queries/use-cost-analysis-query.ts
new file mode 100644
index 0000000000..b84db8a9a1
--- /dev/null
+++ b/apps/web/src/services/cost-explorer/composables/queries/use-cost-analysis-query.ts
@@ -0,0 +1,30 @@
+import { computed } from 'vue';
+
+import type { ApiQueryHelper } from '@cloudforet/core-lib/space-connector/helper';
+
+import { useCostApi } from '@/api-clients/cost-analysis/cost/composables/use-cost-api';
+import { useScopedQuery } from '@/query/composables/use-scoped-query';
+import { useServiceQueryKey } from '@/query/query-key/use-service-query-key';
+
+
+export const useCostAnalysisQuery = (data_source_id: string, query: ApiQueryHelper) => {
+    const { costAPI } = useCostApi();
+    const { key, params } = useServiceQueryKey('cost-analysis', 'cost', 'analyze', {
+        params: computed(() => ({
+            data_source_id,
+            query: query.data,
+        })),
+    });
+
+    const { data, isLoading, error } = useScopedQuery({
+        queryKey: key,
+        queryFn: () => costAPI.analyze(params.value),
+        select: (d) => d.results ?? [],
+        staleTime: 1000 * 60 * 5, // 5 minutes
+        gcTime: 1000 * 60 * 1, // 1 minutes
+    }, ['DOMAIN', 'WORKSPACE']);
+
+    return {
+        costAnalysisData: data, isLoading, error,
+    };
+};
diff --git a/apps/web/src/services/cost-explorer/composables/queries/use-cost-query-set-query.ts b/apps/web/src/services/cost-explorer/composables/queries/use-cost-query-set-query.ts
new file mode 100644
index 0000000000..317343a266
--- /dev/null
+++ b/apps/web/src/services/cost-explorer/composables/queries/use-cost-query-set-query.ts
@@ -0,0 +1,50 @@
+import { computed } from 'vue';
+
+import type { ConsoleFilter } from '@cloudforet/core-lib/query/type';
+import { ApiQueryHelper } from '@cloudforet/core-lib/space-connector/helper';
+
+import { useCostQuerySetApi } from '@/api-clients/cost-analysis/cost-query-set/composables/use-cost-query-set-api';
+import { useScopedQuery } from '@/query/composables/use-scoped-query';
+import { useServiceQueryKey } from '@/query/query-key/use-service-query-key';
+
+import { useAppContextStore } from '@/store/app-context/app-context-store';
+import { useUserStore } from '@/store/user/user-store';
+
+export const useCostQuerySetQuery = (data_source_id: string) => {
+    const appContextStore = useAppContextStore();
+    const userStore = useUserStore();
+    const _userId = computed<string>(() => userStore.state.userId ?? '');
+    const _isAdminMode = computed<boolean>(() => appContextStore.getters.isAdminMode);
+    const _workspaceId = computed<string|undefined>(() => appContextStore.getters.workspaceId);
+
+    const queryHelper = computed(() => {
+        const helper = new ApiQueryHelper().setSort('created_at', true);
+        const filters: ConsoleFilter[] = [{ k: 'user_id', v: _userId.value, o: '=' }];
+        if (_isAdminMode.value) {
+            filters.push({ k: 'workspace_id', v: null, o: '=' });
+        } else {
+            filters.push({ k: 'workspace_id', v: _workspaceId.value ?? '', o: '=' });
+        }
+        helper.setFilters(filters);
+        return helper;
+    });
+
+    const { costQuerySetAPI } = useCostQuerySetApi();
+    const { key, params } = useServiceQueryKey('cost-analysis', 'cost-query-set', 'list', {
+        params: computed(() => ({
+            data_source_id,
+            query: queryHelper.value.data,
+        })),
+    });
+    const { data, isLoading, error } = useScopedQuery({
+        queryKey: key,
+        queryFn: () => costQuerySetAPI.list(params.value),
+        select: (d) => d.results ?? [],
+        staleTime: 1000 * 60 * 5, // 5 minutes
+        gcTime: 1000 * 60 * 1, // 1 minutes
+    }, ['DOMAIN', 'WORKSPACE']);
+
+    return {
+        costQuerySetList: data, isLoading, error,
+    };
+};
diff --git a/apps/web/src/services/cost-explorer/composables/queries/use-cost-report-config-query.ts b/apps/web/src/services/cost-explorer/composables/queries/use-cost-report-config-query.ts
index df33742ef2..d82ffbe1cd 100644
--- a/apps/web/src/services/cost-explorer/composables/queries/use-cost-report-config-query.ts
+++ b/apps/web/src/services/cost-explorer/composables/queries/use-cost-report-config-query.ts
@@ -4,14 +4,13 @@ import { useCostReportConfigApi } from '@/api-clients/cost-analysis/cost-report-
 import { useScopedQuery } from '@/query/composables/use-scoped-query';
 import { useServiceQueryKey } from '@/query/query-key/use-service-query-key';
 
-const costReportConfigApiHelper = new ApiQueryHelper().setSort('created_at', true);
+const costReportConfigApiHelper = new ApiQueryHelper().setSort('created_at', false);
 export const useCostReportConfigQuery = () => {
     const { costReportConfigAPI } = useCostReportConfigApi();
     const { key, params } = useServiceQueryKey('cost-analysis', 'cost-report-config', 'list', {
         params: {
             query: {
                 ...costReportConfigApiHelper.data,
-                sort: [{ key: 'created_at', desc: false }],
             },
         },
     });
diff --git a/apps/web/src/services/cost-explorer/constants/cost-explorer-constant.ts b/apps/web/src/services/cost-explorer/constants/cost-explorer-constant.ts
index 0351bdd508..ae43491b48 100644
--- a/apps/web/src/services/cost-explorer/constants/cost-explorer-constant.ts
+++ b/apps/web/src/services/cost-explorer/constants/cost-explorer-constant.ts
@@ -50,7 +50,7 @@ export const GROUP_BY_FILTER_ITEM_MAP = {
 } as const;
 
 export const COST_REPORT_GROUP_BY_ITEM_MAP = {
-    [GROUP_BY.WORKSPACE_NAME]: { name: GROUP_BY.WORKSPACE_NAME, label: 'Workspace' },
+    [GROUP_BY.WORKSPACE]: { name: GROUP_BY.WORKSPACE, label: 'Workspace' },
     [GROUP_BY.PROVIDER]: { name: GROUP_BY.PROVIDER, label: 'Provider' },
 } as const;
 
diff --git a/apps/web/src/services/cost-explorer/pages/AnomalyDetectionConfigurationPage.vue b/apps/web/src/services/cost-explorer/pages/AnomalyDetectionConfigurationPage.vue
index 7f0682c6b8..8501ba91fb 100644
--- a/apps/web/src/services/cost-explorer/pages/AnomalyDetectionConfigurationPage.vue
+++ b/apps/web/src/services/cost-explorer/pages/AnomalyDetectionConfigurationPage.vue
@@ -18,7 +18,7 @@ const router = useRouter();
             </template>
             <template #extra>
                 <p-button icon-left="ic_plus"
-                          @click="router.push({ name: ADMIN_COST_EXPLORER_ROUTE.COST_ADVANCED_SETTINGS.ANOMALY_DETECTION_DOMAIN_CONFIGURATION._NAME})"
+                          @click="router.push({ name: ADMIN_COST_EXPLORER_ROUTE.COST_ADVANCED_SETTINGS._NAME})"
                 >
                     {{ $t('BILLING.COST_MANAGEMENT.ANOMALY_DETECTION.CREATE') }}
                 </p-button>
diff --git a/apps/web/src/services/cost-explorer/pages/CostAnalysisPage.vue b/apps/web/src/services/cost-explorer/pages/CostAnalysisPage.vue
index 1079ac816a..f86b969357 100644
--- a/apps/web/src/services/cost-explorer/pages/CostAnalysisPage.vue
+++ b/apps/web/src/services/cost-explorer/pages/CostAnalysisPage.vue
@@ -1,7 +1,90 @@
 <script lang="ts" setup>
-import CostAnalysisContent from '@/services/cost-explorer/components/CostAnalysisContent.vue';
+import {
+    onUnmounted, watch,
+} from 'vue';
+import { useRoute, useRouter } from 'vue-router/composables';
+
+import type { CostQuerySetModel } from '@/api-clients/cost-analysis/cost-query-set/schema/model';
+
+import {
+    queryStringToArray,
+    queryStringToObject,
+    queryStringToString,
+} from '@/lib/router-query-string';
+
+import CostAnalysisChart from '@/services/cost-explorer/components/CostAnalysisChart.vue';
+import CostAnalysisDataTable from '@/services/cost-explorer/components/CostAnalysisDataTable.vue';
+import CostAnalysisGroupBy from '@/services/cost-explorer/components/CostAnalysisGroupBy.vue';
+import CostAnalysisHeader from '@/services/cost-explorer/components/CostAnalysisHeader.vue';
+import CostAnalysisQuerySection from '@/services/cost-explorer/components/CostAnalysisQuerySection.vue';
+import { DYNAMIC_COST_QUERY_SET_PARAMS } from '@/services/cost-explorer/constants/managed-cost-analysis-query-sets';
+import { useCostAnalysisPageStore } from '@/services/cost-explorer/stores/cost-analysis-page-store';
+import type { CostAnalysisPageUrlQuery } from '@/services/cost-explorer/types/cost-analysis-url-query-type';
+import type {
+    Granularity,
+} from '@/services/cost-explorer/types/cost-explorer-query-type';
+
+
+const route = useRoute();
+const router = useRouter();
+
+const costAnalysisPageStore = useCostAnalysisPageStore();
+const costAnalysisPageGetters = costAnalysisPageStore.getters;
+
+/* util */
+const getQueryOptionsFromUrlQuery = (urlQuery: CostAnalysisPageUrlQuery): CostQuerySetModel['options'] => ({
+    granularity: queryStringToString(urlQuery.granularity) as Granularity,
+    group_by: queryStringToArray(urlQuery.group_by),
+    period: queryStringToObject(urlQuery.period),
+    filters: queryStringToObject(urlQuery.filters),
+});
+
+onUnmounted(() => {
+    costAnalysisPageStore.reset();
+});
+
+watch(() => costAnalysisPageGetters.selectedQuerySet, async (selectedQuerySet) => {
+    if (selectedQuerySet) {
+        costAnalysisPageStore.setQueryOptions(selectedQuerySet.options);
+    } else if (route.params.costQuerySetId === DYNAMIC_COST_QUERY_SET_PARAMS) {
+        const currentQuery = router.currentRoute.query;
+        const costQuerySetOptions = getQueryOptionsFromUrlQuery(currentQuery);
+        costAnalysisPageStore.setQueryOptions(costQuerySetOptions);
+    } else {
+        costAnalysisPageStore.setQueryOptions();
+    }
+}, { immediate: true });
+
 </script>
 
 <template>
-    <cost-analysis-content />
+    <div class="cost-analysis-content">
+        <cost-analysis-header />
+        <div class="content-wrapper">
+            <div class="overflow-wrapper">
+                <cost-analysis-query-section />
+                <div class="contents-wrapper">
+                    <cost-analysis-group-by />
+                    <cost-analysis-chart />
+                    <cost-analysis-data-table />
+                </div>
+            </div>
+        </div>
+    </div>
 </template>
+
+<style lang="postcss" scoped>
+.cost-analysis-content {
+    .content-wrapper {
+        overflow-x: auto;
+        padding-bottom: 1.625rem;
+        .overflow-wrapper {
+            min-width: 50rem;
+            .contents-wrapper {
+                @apply bg-white rounded-md border border-gray-200;
+                padding: 0 1rem 2.5rem 1rem;
+            }
+        }
+    }
+}
+</style>
diff --git a/apps/web/src/services/cost-explorer/pages/admin/AdminCostAnalysisPage.vue b/apps/web/src/services/cost-explorer/pages/admin/AdminCostAnalysisPage.vue
deleted file mode 100644
index 7d92ca02c2..0000000000
--- a/apps/web/src/services/cost-explorer/pages/admin/AdminCostAnalysisPage.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<script setup lang="ts">
-import CostAnalysisContent from '@/services/cost-explorer/components/CostAnalysisContent.vue';
-</script>
-
-<template>
-    <cost-analysis-content />
-</template>
diff --git a/apps/web/src/services/cost-explorer/routes/admin/routes.ts b/apps/web/src/services/cost-explorer/routes/admin/routes.ts
index 44ec4f9566..1481ecbccf 100644
--- a/apps/web/src/services/cost-explorer/routes/admin/routes.ts
+++ b/apps/web/src/services/cost-explorer/routes/admin/routes.ts
@@ -23,7 +23,7 @@ const AdminBudgetMainPage = () => import('@/services/cost-explorer/pages/admin/A
 const AdminBudgetDetailPage = () => import('@/services/cost-explorer/pages/admin/AdminBudgetDetailPage.vue');
 const AdminAnomalyDetectionConfigurationPage = () => import('@/services/cost-explorer/pages/admin/AdminAnomalyDetectionConfigurationPage.vue');
 
-const AdminCostAnalysisPage = () => import('@/services/cost-explorer/pages/admin/AdminCostAnalysisPage.vue');
+const CostAnalysisPage = () => import('@/services/cost-explorer/pages/CostAnalysisPage.vue');
 const CostReportPage = () => import('@/services/cost-explorer/pages/CostReportPage.vue');
 const DataSourcesPage = () => import('@/services/cost-explorer/pages/admin/AdminDataSourcePage.vue');
 
@@ -96,7 +96,7 @@ const adminCostExplorerRoutes: RouteConfig = {
                         copiable: ({ params }) => ![DYNAMIC_COST_QUERY_SET_PARAMS].includes(params.costQuerySetId),
                     },
                     props: true,
-                    component: AdminCostAnalysisPage as any,
+                    component: CostAnalysisPage as any,
                 },
             ],
         },
diff --git a/apps/web/src/services/cost-explorer/stores/cost-report-page-store.ts b/apps/web/src/services/cost-explorer/stores/cost-report-page-store.ts
index 2cdab4693d..0218d247d8 100644
--- a/apps/web/src/services/cost-explorer/stores/cost-report-page-store.ts
+++ b/apps/web/src/services/cost-explorer/stores/cost-report-page-store.ts
@@ -134,7 +134,7 @@ export const useCostReportPageStore = defineStore('page-cost-report', () => {
             });
             const reportMonthList: string[] = results?.map((report) => report.report_month) ?? [];
             const issueDateList: string[] = results?.map((report) => report.issue_date) ?? [];
-            state.recentReportMonth = reportMonthList.sort((a, b) => (dayjs.utc(b).isSameOrAfter(dayjs.utc(a)) ? 1 : -1))[0];
+            state.recentReportMonth = reportMonthList.sort((a, b) => dayjs.utc(b).valueOf() - dayjs.utc(a).valueOf())[0];
             state.recentIssueDate = issueDateList.sort((a, b) => (dayjs.utc(b).isSameOrAfter(dayjs.utc(a)) ? 1 : -1))[0];
             state.hasReport = (total_count ?? 0) > 0;
         } catch (e) {
diff --git a/apps/web/src/services/iam/components/RoleManagementTabDetail.vue b/apps/web/src/services/iam/components/RoleManagementTabDetail.vue
index 5fbcf76082..0cf1f0f866 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 { useMenuStore } from '@/store/menu/menu-store';
-
 import { PAGE_ACCESS } from '@/lib/access-control/config';
 import {
     getPageAccessMapFromRawData,
@@ -27,6 +25,7 @@ import ErrorHandler from '@/common/composables/error/errorHandler';
 
 import { gray, green } from '@/styles/colors';
 
+import { useRoleBasedMenus } from '@/services/iam/composables/role-based-menus';
 import { MANAGED_PAGE_ACCESS } from '@/services/iam/constants/role-constant';
 import { getPageAccessMenuListByRoleType } from '@/services/iam/helpers/role-page-access-menu-list';
 import { useRolePageStore } from '@/services/iam/store/role-page-store';
@@ -41,7 +40,7 @@ interface DetailMenuItems {
 
 const rolePageStore = useRolePageStore();
 const rolePageState = rolePageStore.$state;
-const menuStore = useMenuStore();
+const { roleBasedMenus } = useRoleBasedMenus();
 
 const detailMenuItems = computed<DetailMenuItems[]>(() => [
     { name: 'page_access', label: i18n.t('IAM.ROLE.DETAIL.PAGE_ACCESS') as string },
@@ -56,10 +55,12 @@ const state = reactive({
     permissionsCode: computed<string>(() => JSON.stringify(state.permissions, null, 4)),
     pageAccess: computed<string[]>(() => (state.data.is_managed ? MANAGED_PAGE_ACCESS : state.data.page_access ?? [])),
     pageAccessDataList: [] as PageAccessMenuItem[],
-    readOnly: computed<boolean>(() => state.data.page_access.every((item) => {
+    readOnly: computed<boolean>(() => state.data.page_access?.every((item) => {
         const accessType = item.split('.*')[0].split(':')[1];
         return accessType === PAGE_ACCESS.READONLY;
     })),
+    menuList: computed(() => roleBasedMenus.value),
+
 });
 const tableState = reactive({
     fields: computed(() => [
@@ -142,10 +143,10 @@ watch(() => state.selectedRole.role_id, async (roleId) => {
         : roleId;
 
     await getRoleDetailData(selectedRoleId);
-    state.pageAccessDataList = getPageAccessMenuListByRoleType(state.data.role_type);
+    state.pageAccessDataList = getPageAccessMenuListByRoleType(state.data.role_type, state.menuList);
 
     const pageAccessPermissionMap = getPageAccessMapFromRawData({
-        pageAccessPermissions: state.pageAccess, isRolePage: true, menuList: menuStore.getters.menuList,
+        pageAccessPermissions: state.pageAccess, menuList: state.menuList,
     });
 
     Object.entries(pageAccessPermissionMap).forEach(([itemId, accessible]) => {
diff --git a/apps/web/src/services/iam/components/RoleUpdateFormPermissionForm.vue b/apps/web/src/services/iam/components/RoleUpdateFormPermissionForm.vue
index 9ccb16c144..4ceb0ca17b 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 { useMenuStore } from '@/store/menu/menu-store';
-
 import { PAGE_ACCESS } from '@/lib/access-control/config';
 import { getPageAccessMapFromRawData } from '@/lib/access-control/page-access-helper';
 
@@ -19,6 +17,7 @@ import { useProxyValue } from '@/common/composables/proxy-state';
 
 import RoleUpdateFormAccess from '@/services/iam/components/RoleUpdateFormAccess.vue';
 import RoleUpdateFormPolicy from '@/services/iam/components/RoleUpdateFormPolicy.vue';
+import { useRoleBasedMenus } from '@/services/iam/composables/role-based-menus';
 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';
@@ -40,7 +39,7 @@ const props = withDefaults(defineProps<Props>(), {
     formType: FORM_TYPE.CREATE,
 });
 
-const menuStore = useMenuStore();
+const { roleBasedMenus } = useRoleBasedMenus();
 
 const emit = defineEmits<{(e: 'update-form', formData: RoleFormData): void,
     (e: 'update:is-page-access-valid', value: boolean): void,
@@ -54,6 +53,7 @@ const state = reactive({
     policy: '' as string|undefined,
     proxyPolicyValid: useProxyValue('isPolicyValid', props, emit),
     selectedRadioIdx: 0,
+    menuList: computed(() => roleBasedMenus.value),
 });
 
 /* Components */
@@ -96,7 +96,7 @@ const handleUpdateEditor = (value: string) => {
 const setPageAccessPermissionsData = () => {
     if (!props.initialPageAccess) return;
     const pageAccessPermissionMap = getPageAccessMapFromRawData({
-        pageAccessPermissions: props.initialPageAccess, isRolePage: true, menuList: menuStore.getters.menuList,
+        pageAccessPermissions: props.initialPageAccess, menuList: state.menuList,
     });
     // eslint-disable-next-line no-restricted-syntax
     for (const [itemId, accessible] of Object.entries(pageAccessPermissionMap)) {
@@ -132,7 +132,7 @@ watch(() => state.pageAccessPermissions, (pageAccessPermissions, prevPageAccessP
     emit('update-form', { page_access: pageAccessPermissions });
 });
 watch([() => props.roleType, () => props.initialPageAccess], ([roleType]) => {
-    menuItems.value = getPageAccessMenuListByRoleType(roleType);
+    menuItems.value = getPageAccessMenuListByRoleType(roleType, state.menuList);
     setPageAccessPermissionsData();
 }, { immediate: true });
 </script>
diff --git a/apps/web/src/services/iam/composables/role-based-menus.ts b/apps/web/src/services/iam/composables/role-based-menus.ts
new file mode 100644
index 0000000000..183a5ffa2f
--- /dev/null
+++ b/apps/web/src/services/iam/composables/role-based-menus.ts
@@ -0,0 +1,39 @@
+import type { ComputedRef } from 'vue';
+import { computed } from 'vue';
+
+import { useMenuStore } from '@/store/menu/menu-store';
+
+import type { Menu } from '@/lib/menu/config';
+import { DEFAULT_MENU_LIST } from '@/lib/menu/menu-architecture';
+
+interface RoleBasedMenus {
+    roleBasedMenus: ComputedRef<Menu[]>;
+}
+
+export const useRoleBasedMenus = (): RoleBasedMenus => {
+    const menuStore = useMenuStore();
+
+    const baseWorkspaceMenus = computed(() => menuStore.getters.baseWorkspaceMenus);
+
+    const filterMenus = (source: Menu[], exclude: Menu[]): Menu[] => {
+        const excludeMap = new Map<string, Menu>(exclude.map((item) => [item.id, item]));
+
+        return source
+            .filter((item) => !excludeMap.has(item.id))
+            .map((item) => {
+                if (item.subMenuList) {
+                    const matched = excludeMap.get(item.id);
+                    const excludedSub = matched?.subMenuList || [];
+                    return {
+                        ...item,
+                        subMenuList: filterMenus(item.subMenuList, excludedSub),
+                    };
+                }
+                return item;
+            });
+    };
+
+    return {
+        roleBasedMenus: computed(() => filterMenus(baseWorkspaceMenus.value, DEFAULT_MENU_LIST)),
+    };
+};
diff --git a/apps/web/src/services/iam/constants/role-constant.ts b/apps/web/src/services/iam/constants/role-constant.ts
index ab279da733..7889a969fb 100644
--- a/apps/web/src/services/iam/constants/role-constant.ts
+++ b/apps/web/src/services/iam/constants/role-constant.ts
@@ -3,11 +3,7 @@ import type { KeyItemSet } from '@cloudforet/mirinae/types/controls/search/query
 
 import { ROLE_TYPE } from '@/api-clients/identity/role/constant';
 
-import { SERVICE_FEATURES } from '@/lib/config/global-config/constants/constants';
 import type { ExcelDataField } from '@/lib/helper/file-download-helper/type';
-import { MENU_ID } from '@/lib/menu/config';
-
-import type { PageAccessMenuByConfig } from '@/services/iam/types/role-type';
 
 export const ROLE_TYPE_BADGE_OPTION = {
     [ROLE_TYPE.DOMAIN_ADMIN]: { label: 'Admin' },
@@ -90,76 +86,3 @@ export const ROLE_TAB_TABLE_FIELDS = [
 export const MANAGED_PAGE_ACCESS = [
     '*',
 ] as const;
-
-export const DEFAULT_WORKSPACE_PAGE_ACCESS_MENU_LIST: PageAccessMenuByConfig[] = [
-    { id: MENU_ID.DASHBOARDS, key: SERVICE_FEATURES.DASHBOARDS },
-    { id: MENU_ID.SERVICE_ACCOUNT, key: SERVICE_FEATURES.SERVICE_ACCOUNT },
-    { id: MENU_ID.PROJECT, key: SERVICE_FEATURES.PROJECT },
-    {
-        id: MENU_ID.ASSET_INVENTORY,
-        key: SERVICE_FEATURES.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.COST_EXPLORER,
-        key: SERVICE_FEATURES.COST_EXPLORER,
-        subMenuList: [
-            { id: MENU_ID.COST_ANALYSIS },
-            { id: MENU_ID.BUDGET },
-            { id: MENU_ID.COST_REPORT },
-        ],
-    },
-    {
-        id: MENU_ID.OPS_FLOW,
-        key: SERVICE_FEATURES.OPS_FLOW,
-        subMenuList: [
-            { id: MENU_ID.OPS_FLOW_LANDING },
-            { id: MENU_ID.TASK_BOARD },
-        ],
-    },
-];
-export const ALERT_V2_WORKSPACE_PAGE_ACCESS_MENU_LIST: PageAccessMenuByConfig[] = [
-    {
-        id: MENU_ID.ALERT_MANAGER,
-        key: SERVICE_FEATURES.ALERT_MANAGER,
-        subMenuList: [
-            { id: MENU_ID.SERVICE },
-            { id: MENU_ID.ALERTS },
-        ],
-    },
-    {
-        id: MENU_ID.IAM,
-        key: SERVICE_FEATURES.IAM,
-        subMenuList: [
-            { id: MENU_ID.USER },
-            { id: MENU_ID.USER_GROUP },
-            { id: MENU_ID.APP },
-        ],
-    },
-];
-
-export const ALERT_V1_WORKSPACE_PAGE_ACCESS_MENU_LIST: PageAccessMenuByConfig[] = [
-    {
-        id: MENU_ID.ALERT_MANAGER,
-        key: SERVICE_FEATURES.ALERT_MANAGER,
-        subMenuList: [
-            { id: MENU_ID.ALERT_MANAGER_DASHBOARD },
-            { id: MENU_ID.ALERTS },
-            { id: MENU_ID.ESCALATION_POLICY },
-        ],
-    },
-    {
-        id: MENU_ID.IAM,
-        key: SERVICE_FEATURES.IAM,
-        subMenuList: [
-            { id: MENU_ID.USER },
-            { id: MENU_ID.APP },
-        ],
-    },
-];
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 3d2e88caa4..7e234a659c 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,8 +1,7 @@
 import type { RoleType } from '@/api-clients/identity/role/type';
 
 import { PAGE_ACCESS } from '@/lib/access-control/config';
-import { getDefaultPageAccessPermissionList, getEnabledMenus } from '@/lib/access-control/page-access-helper';
-import config from '@/lib/config';
+import { getDefaultPageAccessPermissionList } from '@/lib/access-control/page-access-helper';
 import type { Menu, MenuId } from '@/lib/menu/config';
 import { MENU_ID } from '@/lib/menu/config';
 import { MENU_INFO_MAP } from '@/lib/menu/menu-info';
@@ -29,11 +28,10 @@ const flattenSubMenuList = (subMenuList: Menu[], defaultMenuIds: MenuId[], trans
     return results;
 };
 
-export const getPageAccessMenuListByRoleType = (roleType: RoleType): PageAccessMenuItem[] => {
-    const globalConfig = config.get('SERVICES') || {};
+export const getPageAccessMenuListByRoleType = (roleType: RoleType, menuList: Menu[]): PageAccessMenuItem[] => {
     const results: PageAccessMenuItem[] = [];
     const defaultMenuIdsByRoleType = getDefaultPageAccessPermissionList(roleType);
-    const menuListByVersion = getEnabledMenus(globalConfig);
+    const menuListByVersion = menuList;
     menuListByVersion.forEach((menu) => {
         if (defaultMenuIdsByRoleType.includes(menu.id)) {
             if (menu.id === MENU_ID.WORKSPACE_HOME) return;
diff --git a/apps/web/src/store/authorization/authorization-store.ts b/apps/web/src/store/authorization/authorization-store.ts
index 93926803b6..957eaf6b0a 100644
--- a/apps/web/src/store/authorization/authorization-store.ts
+++ b/apps/web/src/store/authorization/authorization-store.ts
@@ -62,7 +62,7 @@ export const useAuthorizationStore = defineStore('authorization', () => {
             const roleBasePagePermissions = state.currentRoleInfo?.pageAccess ?? ['my_page.*'];
             const pagePermissionMap = getPageAccessMapFromRawData({
                 pageAccessPermissions: roleBasePagePermissions,
-                menuList: menuStore.getters.menuList,
+                menuList: menuStore.getters.activeModeMenuList,
             });
             const minimalPagePermissionList = getMinimalPageAccessPermissionList(roleType);
             const defaultPagePermissionList = getDefaultPageAccessPermissionList(roleType);
@@ -85,7 +85,7 @@ export const useAuthorizationStore = defineStore('authorization', () => {
             const roleBasePagePermissions = state.currentRoleInfo?.pageAccess ?? ['my_page.*'];
             const pagePermissionMap = getPageAccessMapFromRawData({
                 pageAccessPermissions: roleBasePagePermissions,
-                menuList: menuStore.getters.menuList,
+                menuList: menuStore.getters.activeModeMenuList,
             });
             const minimalPagePermissionList = getMinimalPageAccessPermissionList(roleType);
 
diff --git a/apps/web/src/store/menu/menu-store.ts b/apps/web/src/store/menu/menu-store.ts
index fd1a7a2ab8..47a67d7362 100644
--- a/apps/web/src/store/menu/menu-store.ts
+++ b/apps/web/src/store/menu/menu-store.ts
@@ -53,40 +53,39 @@ export const useMenuStore = defineStore('derived-menu', () => {
         templateId: taskManagementTemplateStore.state.templateId,
         enableLanding: taskManagementTemplateStore.state.enableLanding,
     }));
-    const _baseMenuList = computed<Menu[]>(() => {
-        const menuList: Menu[] = _isAdminMode.value ? [] : [...DEFAULT_MENU_LIST];
 
+    const generateBaseMenuList = (mode: 'admin' | 'workspace') => {
+        const menuList: Menu[] = mode === 'admin' ? [] : [...DEFAULT_MENU_LIST];
         Object.values(globalConfigSchemaStore.state.menuSchema).forEach((featureSetting) => {
             if (featureSetting) {
-                const menu = _isAdminMode.value ? featureSetting.adminMenu : featureSetting.menu;
-                if (menu && !menuList.some((existingMenu) => existingMenu.id === menu.id)) {
+                const menu = mode === 'admin' ? featureSetting.adminMenu : featureSetting.menu;
+                if (menu && !menuList.some((m) => m.id === menu.id)) {
                     menuList.push(menu);
                 }
             }
         });
 
-        if (_isAdminMode.value) {
+        if (mode === 'admin') {
             menuList.push(...DEFAULT_ADMIN_MENU_LIST);
         }
+        const refinedMenuList = menuList.map((menu) => _applyCustomizations(menu as DisplayMenu, _menuContext.value));
 
-        return menuList;
-    });
+        const orderedMenus = refinedMenuList.filter((menu) => menu.order !== undefined);
+        const unorderedMenus = refinedMenuList.filter((menu) => menu.order === undefined);
 
+        return [...orderBy(orderedMenus, ['order'], ['asc']), ...unorderedMenus];
+    };
 
-    const getters = reactive({
-        menuList: computed(() => {
-            const refinedMenuList = _baseMenuList.value
-                .map((menu) => _applyCustomizations(menu as DisplayMenu, _menuContext.value));
 
-            const orderedMenus = refinedMenuList.filter((menu) => menu.order !== undefined);
-            const unorderedMenus = refinedMenuList.filter((menu) => menu.order === undefined);
 
-            return [...orderBy(orderedMenus, ['order'], ['asc']), ...unorderedMenus];
-        }),
+    const getters = reactive({
+        activeModeMenuList: computed(() => generateBaseMenuList(_isAdminMode.value ? 'admin' : 'workspace')),
+        baseAdminMenus: computed(() => generateBaseMenuList('admin')),
+        baseWorkspaceMenus: computed(() => generateBaseMenuList('workspace')),
         generateFlattenedMenuMap: computed<FlattenedMenuMap>(() => {
             const map: FlattenedMenuMap = {};
 
-            getters.menuList.forEach((menu) => {
+            getters.activeModeMenuList.forEach((menu) => {
                 _getSubMenuIdsToMap(menu, map);
             });
 
diff --git a/packages/language-pack/console-translation-2.8.babel b/packages/language-pack/console-translation-2.8.babel
index 9143303031..e1549e1c09 100644
--- a/packages/language-pack/console-translation-2.8.babel
+++ b/packages/language-pack/console-translation-2.8.babel
@@ -23687,6 +23687,48 @@
                     <folder_node>
                         <name>COST_REPORT</name>
                         <children>
+                            <concept_node>
+                                <name>ADJUSTING_REPORT_DESCRIPTION</name>
+                                <definition_loaded>false</definition_loaded>
+                                <description/>
+                                <comment/>
+                                <default_text/>
+                                <translations>
+                                    <translation>
+                                        <language>en-US</language>
+                                        <approved>false</approved>
+                                    </translation>
+                                    <translation>
+                                        <language>ja-JP</language>
+                                        <approved>false</approved>
+                                    </translation>
+                                    <translation>
+                                        <language>ko-KR</language>
+                                        <approved>false</approved>
+                                    </translation>
+                                </translations>
+                            </concept_node>
+                            <concept_node>
+                                <name>ADJUSTING_REPORT_TITLE</name>
+                                <definition_loaded>false</definition_loaded>
+                                <description/>
+                                <comment/>
+                                <default_text/>
+                                <translations>
+                                    <translation>
+                                        <language>en-US</language>
+                                        <approved>false</approved>
+                                    </translation>
+                                    <translation>
+                                        <language>ja-JP</language>
+                                        <approved>false</approved>
+                                    </translation>
+                                    <translation>
+                                        <language>ko-KR</language>
+                                        <approved>false</approved>
+                                    </translation>
+                                </translations>
+                            </concept_node>
                             <concept_node>
                                 <name>COLLAPSE_ALL</name>
                                 <definition_loaded>false</definition_loaded>
@@ -23834,6 +23876,48 @@
                                     </translation>
                                 </translations>
                             </concept_node>
+                            <concept_node>
+                                <name>EXPIRED_REPORT_DESCRIPTION</name>
+                                <definition_loaded>false</definition_loaded>
+                                <description/>
+                                <comment/>
+                                <default_text/>
+                                <translations>
+                                    <translation>
+                                        <language>en-US</language>
+                                        <approved>false</approved>
+                                    </translation>
+                                    <translation>
+                                        <language>ja-JP</language>
+                                        <approved>false</approved>
+                                    </translation>
+                                    <translation>
+                                        <language>ko-KR</language>
+                                        <approved>false</approved>
+                                    </translation>
+                                </translations>
+                            </concept_node>
+                            <concept_node>
+                                <name>EXPIRED_REPORT_TITLE</name>
+                                <definition_loaded>false</definition_loaded>
+                                <description/>
+                                <comment/>
+                                <default_text/>
+                                <translations>
+                                    <translation>
+                                        <language>en-US</language>
+                                        <approved>false</approved>
+                                    </translation>
+                                    <translation>
+                                        <language>ja-JP</language>
+                                        <approved>false</approved>
+                                    </translation>
+                                    <translation>
+                                        <language>ko-KR</language>
+                                        <approved>false</approved>
+                                    </translation>
+                                </translations>
+                            </concept_node>
                             <concept_node>
                                 <name>FROM</name>
                                 <definition_loaded>false</definition_loaded>
diff --git a/packages/language-pack/en.json b/packages/language-pack/en.json
index 0d739fde2e..fd79b4036f 100644
--- a/packages/language-pack/en.json
+++ b/packages/language-pack/en.json
@@ -1253,6 +1253,8 @@
 			"TITLE": "Leave Process"
 		},
 		"COST_REPORT": {
+			"ADJUSTING_REPORT_DESCRIPTION": "This report is not finalized yet, so the cost may change.",
+			"ADJUSTING_REPORT_TITLE": "Report Not Finalized",
 			"COLLAPSE_ALL": "Collapse All",
 			"COST_REPORT": "Cost Report",
 			"CURRENCY_REFERENCE": "Currency reference",
@@ -1260,6 +1262,8 @@
 			"DETAILS_BY_PROJECT": "Details by Project",
 			"DETAILS_BY_PROVIDER": "Details by Provider",
 			"DETAILS_BY_SERVICE_ACCOUNT": "Details by Service Account",
+			"EXPIRED_REPORT_DESCRIPTION": "This report has expired and the information may no longer be valid.",
+			"EXPIRED_REPORT_TITLE": "Expired Report",
 			"FROM": "From",
 			"INDEX": "Index",
 			"ISSUE_DATE": "Issue Date",
diff --git a/packages/language-pack/ja.json b/packages/language-pack/ja.json
index 1a97444f4e..a42a539d45 100644
--- a/packages/language-pack/ja.json
+++ b/packages/language-pack/ja.json
@@ -1253,6 +1253,8 @@
 			"TITLE": "プロセス終了"
 		},
 		"COST_REPORT": {
+			"ADJUSTING_REPORT_DESCRIPTION": "このレポートはまだ確定していないため、費用が変更される可能性があります。",
+			"ADJUSTING_REPORT_TITLE": "レポート未確定",
 			"COLLAPSE_ALL": "すべて折りたたむ",
 			"COST_REPORT": "コストレポート",
 			"CURRENCY_REFERENCE": "通貨リファレンス",
@@ -1260,6 +1262,8 @@
 			"DETAILS_BY_PROJECT": "プロジェクト別詳細",
 			"DETAILS_BY_PROVIDER": "プロバイダ別詳細",
 			"DETAILS_BY_SERVICE_ACCOUNT": "サービスアカウント別詳細",
+			"EXPIRED_REPORT_DESCRIPTION": "このレポートは有効期限が切れており、情報が無効になっている可能性があります。",
+			"EXPIRED_REPORT_TITLE": "レポートの有効期限切れ",
 			"FROM": "発信者",
 			"INDEX": "Index",
 			"ISSUE_DATE": "発行日",
diff --git a/packages/language-pack/ko.json b/packages/language-pack/ko.json
index 26dbb45430..2c334f32e9 100644
--- a/packages/language-pack/ko.json
+++ b/packages/language-pack/ko.json
@@ -1253,6 +1253,8 @@
 			"TITLE": "진행 중인 작업 종료"
 		},
 		"COST_REPORT": {
+			"ADJUSTING_REPORT_DESCRIPTION": "이 보고서는 아직 확정되지 않아 비용이 변경될 수 있습니다.",
+			"ADJUSTING_REPORT_TITLE": "보고서 미확정",
 			"COLLAPSE_ALL": "모두 접기",
 			"COST_REPORT": "비용 리포트",
 			"CURRENCY_REFERENCE": "통화 기준 ",
@@ -1260,6 +1262,8 @@
 			"DETAILS_BY_PROJECT": "프로젝트별 상세 보기 ",
 			"DETAILS_BY_PROVIDER": "프로바이더별 상세 보기 ",
 			"DETAILS_BY_SERVICE_ACCOUNT": "서비스 어카운트별 상세 보기",
+			"EXPIRED_REPORT_DESCRIPTION": "이 보고서는 만료되어 정보가 더 이상 유효하지 않을 수 있습니다.",
+			"EXPIRED_REPORT_TITLE": "보고서 만료",
 			"FROM": "발신자",
 			"INDEX": "인덱스",
 			"ISSUE_DATE": "발행일자 ",