From 2e10b701e4243b562e5f630868b7e2e59dba0f4e Mon Sep 17 00:00:00 2001
From: "NaYeong,Kim" <nayeongkim@megazone.com>
Date: Wed, 20 Nov 2024 10:31:59 +0900
Subject: [PATCH 01/10] fix: fixed feedback bug (#5058)

* feat: apply PHeadingLayout

Signed-off-by: NaYeong,Kim <nayeongkim@megazone.com>

* fix: fixed text clipping on select dropdown button

Signed-off-by: NaYeong,Kim <nayeongkim@megazone.com>

---------

Signed-off-by: NaYeong,Kim <nayeongkim@megazone.com>
---
 .../CollectorDetailSectionHeader.vue          | 18 ++++++-----
 .../components/DataSourceManagementModal.vue  | 13 ++++++--
 .../DataSourceManagementTabLinkedAccount.vue  | 32 +++++++++----------
 .../services/info/components/NoticeForm.vue   |  5 +++
 .../services/info/components/NoticeList.vue   |  8 ++++-
 .../components/NoticeWorkspaceDropdown.vue    | 10 +++++-
 .../LandingWorkspaceGroupTabGroupUser.vue     |  6 +++-
 7 files changed, 62 insertions(+), 30 deletions(-)

diff --git a/apps/web/src/services/asset-inventory/components/CollectorDetailSectionHeader.vue b/apps/web/src/services/asset-inventory/components/CollectorDetailSectionHeader.vue
index 62667bac53..2bd93ad870 100644
--- a/apps/web/src/services/asset-inventory/components/CollectorDetailSectionHeader.vue
+++ b/apps/web/src/services/asset-inventory/components/CollectorDetailSectionHeader.vue
@@ -3,7 +3,7 @@ import { useWindowSize } from '@vueuse/core';
 import type { TranslateResult } from 'vue-i18n';
 
 import {
-    PButton, PHeading, PIconButton, screens,
+    PButton, PHeading, PIconButton, screens, PHeadingLayout,
 } from '@cloudforet/mirinae';
 
 const props = defineProps<{
@@ -24,12 +24,14 @@ const handleClickEdit = () => {
 </script>
 
 <template>
-    <p-heading class="pt-8 px-4 pb-4"
-               :title="props.title"
-               heading-type="sub"
-               :use-total-count="props.totalCount !== undefined"
-               :total-count="props.totalCount"
-    >
+    <p-heading-layout class="pt-8 px-4 pb-4">
+        <template #heading>
+            <p-heading :title="props.title"
+                       heading-type="sub"
+                       :use-total-count="props.totalCount !== undefined"
+                       :total-count="props.totalCount"
+            />
+        </template>
         <template v-if="!props.editMode && !props.hideEditButton"
                   #extra
         >
@@ -49,5 +51,5 @@ const handleClickEdit = () => {
                            @click="handleClickEdit"
             />
         </template>
-    </p-heading>
+    </p-heading-layout>
 </template>
diff --git a/apps/web/src/services/cost-explorer/components/DataSourceManagementModal.vue b/apps/web/src/services/cost-explorer/components/DataSourceManagementModal.vue
index 593ca6e518..7ec5d4cf69 100644
--- a/apps/web/src/services/cost-explorer/components/DataSourceManagementModal.vue
+++ b/apps/web/src/services/cost-explorer/components/DataSourceManagementModal.vue
@@ -149,6 +149,7 @@ const workspaceMenuHandler: AutocompleteHandler = async (inputText: string, page
                                    :search-text.sync="dropdownState.searchText"
                                    show-select-marker
                                    is-filterable
+                                   is-fixed-width
                                    :handler="workspaceMenuHandler"
                                    class="workspace-select-dropdown"
                                    @select="handleSelectDropdownItem"
@@ -161,7 +162,7 @@ const workspaceMenuHandler: AutocompleteHandler = async (inputText: string, page
                                                  :theme="getWorkspaceInfo(dropdownState.selectedMenuId)?.tags?.theme"
                                                  size="xs"
                             />
-                            <span>{{ getWorkspaceInfo(dropdownState.selectedMenuId)?.name || '' }}</span>
+                            <span class="label">{{ getWorkspaceInfo(dropdownState.selectedMenuId)?.name || '' }}</span>
                         </div>
                         <span v-else
                               class="select"
@@ -173,7 +174,7 @@ const workspaceMenuHandler: AutocompleteHandler = async (inputText: string, page
                                                  :theme="getWorkspaceInfo(item.name)?.tags?.theme"
                                                  size="xs"
                             />
-                            <span>{{ item.label }}</span>
+                            <span class="label">{{ item.label }}</span>
                             <span class="state"
                                   :class="[getWorkspaceInfo(item.name)?.state.toLowerCase()]"
                             />
@@ -202,7 +203,11 @@ const workspaceMenuHandler: AutocompleteHandler = async (inputText: string, page
         .workspace-select-dropdown {
             .workspace-wrapper {
                 @apply flex items-center;
+                width: 100%;
                 gap: 0.25rem;
+                .label {
+                    @apply truncate;
+                }
             }
             .select {
                 @apply text-gray-600;
@@ -221,6 +226,10 @@ const workspaceMenuHandler: AutocompleteHandler = async (inputText: string, page
                         @apply bg-gray-300;
                     }
                 }
+                .label {
+                    @apply truncate;
+                    max-width: 21rem;
+                }
                 .description {
                     @apply text-label-md text-gray-500;
                 }
diff --git a/apps/web/src/services/cost-explorer/components/DataSourceManagementTabLinkedAccount.vue b/apps/web/src/services/cost-explorer/components/DataSourceManagementTabLinkedAccount.vue
index b7f4472979..652bc38a96 100644
--- a/apps/web/src/services/cost-explorer/components/DataSourceManagementTabLinkedAccount.vue
+++ b/apps/web/src/services/cost-explorer/components/DataSourceManagementTabLinkedAccount.vue
@@ -9,7 +9,7 @@ import { getApiQueryWithToolboxOptions } from '@cloudforet/core-lib/component-ut
 import type { ConsoleFilter } from '@cloudforet/core-lib/query/type';
 import { ApiQueryHelper } from '@cloudforet/core-lib/space-connector/helper';
 import {
-    PButton, PHeading,
+    PButton, PHeading, PHeadingLayout,
 } from '@cloudforet/mirinae';
 import type { ToolboxOptions } from '@cloudforet/mirinae/types/controls/toolbox/type';
 
@@ -152,14 +152,16 @@ onUnmounted(() => {
 
 <template>
     <div class="data-source-management-tab-linked-account">
-        <p-heading heading-type="sub"
-                   use-total-count
-                   use-selected-count
-                   :selected-count="storeState.selectedLinkedAccountsIndices.length"
-                   :title="$t('BILLING.COST_MANAGEMENT.DATA_SOURCES.TAB_LINKED_ACCOUNT_TITLE')"
-                   :total-count="storeState.linkedAccountsTotalCount"
-                   class="pt-8 px-4 pb-4"
-        >
+        <p-heading-layout class="pt-8 px-4 pb-4">
+            <template #heading>
+                <p-heading heading-type="sub"
+                           use-total-count
+                           use-selected-count
+                           :selected-count="storeState.selectedLinkedAccountsIndices.length"
+                           :title="$t('BILLING.COST_MANAGEMENT.DATA_SOURCES.TAB_LINKED_ACCOUNT_TITLE')"
+                           :total-count="storeState.linkedAccountsTotalCount"
+                />
+            </template>
             <template v-if="props.hasReadWriteAccess"
                       #extra
             >
@@ -178,7 +180,7 @@ onUnmounted(() => {
                     </p-button>
                 </div>
             </template>
-        </p-heading>
+        </p-heading-layout>
         <data-source-management-tab-linked-account-table :has-read-write-access="props.hasReadWriteAccess"
                                                          @confirm="handleChangeLinkedAccountToolbox"
                                                          @select-filter="handleChangedSelectFilter"
@@ -191,13 +193,9 @@ onUnmounted(() => {
 
 <style lang="postcss" scoped>
 .data-source-management-tab-linked-account {
-    .title {
-        @apply items-center;
-        margin-bottom: 0;
-        .extra-wrapper {
-            @apply flex;
-            gap: 0.5rem;
-        }
+    .extra-wrapper {
+        @apply flex;
+        gap: 0.5rem;
     }
 }
 </style>
diff --git a/apps/web/src/services/info/components/NoticeForm.vue b/apps/web/src/services/info/components/NoticeForm.vue
index 87d1ef5484..d962f16314 100644
--- a/apps/web/src/services/info/components/NoticeForm.vue
+++ b/apps/web/src/services/info/components/NoticeForm.vue
@@ -215,6 +215,7 @@ watch([() => noticeDetailState.post, () => noticeDetailState.loading], async ([n
                     <notice-workspace-dropdown v-if="workspaceState.selectedRadioIdx === 1"
                                                :selected-items.sync="workspaceState.selectedItems"
                                                :type="props.type"
+                                               class="workspace-dropdown"
                     />
                 </p-field-group>
                 <p-field-group class="notice-label-wrapper"
@@ -293,6 +294,10 @@ watch([() => noticeDetailState.post, () => noticeDetailState.loading], async ([n
     .notice-create-options-wrapper {
         @apply flex flex-col gap-2;
     }
+
+    .workspace-dropdown {
+        width: 50%;
+    }
 }
 .notice-create-buttons-wrapper {
     @apply inline-flex float-right mt-4;
diff --git a/apps/web/src/services/info/components/NoticeList.vue b/apps/web/src/services/info/components/NoticeList.vue
index 320fb7a486..82205d84b8 100644
--- a/apps/web/src/services/info/components/NoticeList.vue
+++ b/apps/web/src/services/info/components/NoticeList.vue
@@ -163,6 +163,7 @@ watch(() => state.selectedItems, (selectedItems) => {
                 <notice-workspace-dropdown v-if="state.selectedToolId === 'specific'"
                                            :selected-items.sync="state.selectedItems"
                                            class="dropdown"
+                                           :class="{'is-multi-selected': state.selectedItems.length > 1}"
                 />
             </div>
             <p-toolbox :pagination-visible="false"
@@ -257,10 +258,15 @@ watch(() => state.selectedItems, (selectedItems) => {
                 &.no-data {
                     padding: 0;
                 }
+                &.is-multi-selected {
+                    :deep(.notice-workspace-dropdown .label) {
+                        max-width: 12rem;
+                    }
+                }
             }
             :deep(.notice-workspace-dropdown .label) {
                 @apply truncate;
-                max-width: 12rem;
+                max-width: 15rem;
             }
         }
     }
diff --git a/apps/web/src/services/info/components/NoticeWorkspaceDropdown.vue b/apps/web/src/services/info/components/NoticeWorkspaceDropdown.vue
index 837c90200f..2a6e5c5ef0 100644
--- a/apps/web/src/services/info/components/NoticeWorkspaceDropdown.vue
+++ b/apps/web/src/services/info/components/NoticeWorkspaceDropdown.vue
@@ -112,6 +112,7 @@ const workspaceMenuHandler: AutocompleteHandler = async (inputText: string, page
                            :handler="workspaceMenuHandler"
                            show-select-marker
                            is-filterable
+                           is-fixed-width
                            page-size="10"
                            multi-selectable
                            appearance-type="badge"
@@ -132,6 +133,7 @@ const workspaceMenuHandler: AutocompleteHandler = async (inputText: string, page
                     <p-badge v-if="state.proxySelectedItems.length > 1"
                              style-type="blue200"
                              badge-type="subtle"
+                             class="badge"
                     >
                         + {{ state.proxySelectedItems.length - 1 }}
                     </p-badge>
@@ -188,7 +190,6 @@ const workspaceMenuHandler: AutocompleteHandler = async (inputText: string, page
 <style scoped lang="postcss">
 .notice-workspace-dropdown-wrapper {
     .notice-workspace-dropdown {
-        width: 50%;
         margin-top: 0.25rem;
         &.is-main {
             .menu-item-wrapper {
@@ -215,7 +216,14 @@ const workspaceMenuHandler: AutocompleteHandler = async (inputText: string, page
         }
         .selected-workspace-wrapper {
             @apply flex items-center;
+            width: 100%;
             gap: 0.25rem;
+            .label {
+                @apply truncate;
+            }
+            .badge {
+                min-width: 2.125rem;
+            }
         }
         .placeholder {
             @apply text-gray-600;
diff --git a/apps/web/src/services/landing/components/workspace-landing/landing-group-workspaces/LandingWorkspaceGroupTabGroupUser.vue b/apps/web/src/services/landing/components/workspace-landing/landing-group-workspaces/LandingWorkspaceGroupTabGroupUser.vue
index d9fa07f170..2e96c3acf6 100644
--- a/apps/web/src/services/landing/components/workspace-landing/landing-group-workspaces/LandingWorkspaceGroupTabGroupUser.vue
+++ b/apps/web/src/services/landing/components/workspace-landing/landing-group-workspaces/LandingWorkspaceGroupTabGroupUser.vue
@@ -239,7 +239,7 @@ const setRoleMap = async () => {
                             <img :src="useRoleFormatter(item.role_type).image"
                                  alt="role-type-icon"
                                  class="role-type-icon"
-                            ><span>{{ tableState.roleMap[item.role_id]?.name }}</span>
+                            ><span class="role-name">{{ tableState.roleMap[item.role_id]?.name }}</span>
                         </template>
                         <!-- eslint-disable vue/no-template-shadow -->
                         <template #menu-item--format="{ item }">
@@ -332,6 +332,10 @@ const setRoleMap = async () => {
                 @apply text-label-sm text-gray-400;
             }
         }
+        .role-name {
+            @apply truncate;
+            max-width: 19.375rem;
+        }
     }
 
     .readonly-role-field {

From b159f445bd212872936c0e4a0e2718db77a03349 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E1=84=8B=E1=85=B5=E1=84=89=E1=85=B3=E1=86=BC=E1=84=8B?=
 =?UTF-8?q?=E1=85=A7=E1=86=AB?= <sylee1274@mz.co.kr>
Date: Fri, 22 Nov 2024 14:21:05 +0900
Subject: [PATCH 02/10] fix: add type `resource_group` of MetricModel
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 이승연 <sylee1274@mz.co.kr>
---
 apps/web/src/schema/inventory/metric/model.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/web/src/schema/inventory/metric/model.ts b/apps/web/src/schema/inventory/metric/model.ts
index fd0177f104..857ac942bb 100644
--- a/apps/web/src/schema/inventory/metric/model.ts
+++ b/apps/web/src/schema/inventory/metric/model.ts
@@ -7,6 +7,7 @@ export interface MetricModel {
     name: string;
     metric_type: MetricType;
     resource_type: string;
+    resource_group: 'DOMAIN' | 'WORKSPACE',
     query_options: Record<string, any>;
     date_field: string;
     unit: string;

From 8beb4f674d240e1ad57e7b42029e2932604ceebb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E1=84=8B=E1=85=B5=E1=84=89=E1=85=B3=E1=86=BC=E1=84=8B?=
 =?UTF-8?q?=E1=85=A7=E1=86=AB?= <sylee1274@mz.co.kr>
Date: Fri, 22 Nov 2024 14:26:33 +0900
Subject: [PATCH 03/10] fix: fix metricPage to distinguish between Admin Mode
 and User Mode
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

about Custom Metric and Example

Signed-off-by: 이승연 <sylee1274@mz.co.kr>
---
 .../components/MetricExplorerHeader.vue       |  3 ++-
 .../components/MetricExplorerLSB.vue          | 17 +++++++++++++-
 .../MetricExplorerLSBMetricTree.vue           | 22 ++++++++++++++++++-
 .../store/reference/metric-reference-store.ts |  3 ++-
 4 files changed, 41 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/services/asset-inventory/components/MetricExplorerHeader.vue b/apps/web/src/services/asset-inventory/components/MetricExplorerHeader.vue
index 8d2224c6e0..0d499c586f 100644
--- a/apps/web/src/services/asset-inventory/components/MetricExplorerHeader.vue
+++ b/apps/web/src/services/asset-inventory/components/MetricExplorerHeader.vue
@@ -339,7 +339,8 @@ const handleOpenEditQuery = () => {
                         >
                             {{ $t('INVENTORY.METRIC_EXPLORER.DUPLICATE') }}
                         </p-button>
-                        <p-button style-type="tertiary"
+                        <p-button v-if="!storeState.isAdminMode"
+                                  style-type="tertiary"
                                   icon-left="ic_plus_bold"
                                   @click="handleOpenAddExampleModal"
                         >
diff --git a/apps/web/src/services/asset-inventory/components/MetricExplorerLSB.vue b/apps/web/src/services/asset-inventory/components/MetricExplorerLSB.vue
index 2dfe52ff2a..bfa2cc07aa 100644
--- a/apps/web/src/services/asset-inventory/components/MetricExplorerLSB.vue
+++ b/apps/web/src/services/asset-inventory/components/MetricExplorerLSB.vue
@@ -58,7 +58,22 @@ const metricExplorerPageStore = useMetricExplorerPageStore();
 const metricExplorerPageState = metricExplorerPageStore.state;
 
 const storeState = reactive({
-    metrics: computed<MetricReferenceMap>(() => allReferenceStore.getters.metric),
+    metrics: computed<MetricReferenceMap>(() => {
+        const filteredMetrics = (Object.values(allReferenceStore.getters.metric) as MetricReferenceItem[]).filter((metric) => {
+            if (metric.data.is_managed) {
+                return true;
+            }
+            if (!metric.data.is_managed) {
+                if (storeState.isAdminMode) {
+                    return metric.data.resource_group === 'DOMAIN';
+                }
+                return metric.data.resource_group === 'WORKSPACE';
+            }
+            return true;
+        });
+
+        return Object.fromEntries(filteredMetrics.map((metric: MetricReferenceItem) => [metric.key, metric]));
+    }),
     metricExamples: computed<MetricExampleModel[]>(() => gnbGetters.metricExamples),
     namespaces: computed<NamespaceReferenceMap>(() => allReferenceStore.getters.namespace),
     providers: computed(() => allReferenceStore.getters.provider),
diff --git a/apps/web/src/services/asset-inventory/components/MetricExplorerLSBMetricTree.vue b/apps/web/src/services/asset-inventory/components/MetricExplorerLSBMetricTree.vue
index 74202a85d4..cf029d0410 100644
--- a/apps/web/src/services/asset-inventory/components/MetricExplorerLSBMetricTree.vue
+++ b/apps/web/src/services/asset-inventory/components/MetricExplorerLSBMetricTree.vue
@@ -1,14 +1,21 @@
 <script setup lang="ts">
-
+import {
+    computed, reactive, watchEffect,
+} from 'vue';
 
 import { PTreeView, PI, PTextHighlighting } from '@cloudforet/mirinae';
 import type { TreeDisplayMap, TreeNode } from '@cloudforet/mirinae/src/data-display/tree/tree-view/type';
 
+import { useAppContextStore } from '@/store/app-context/app-context-store';
+
 import FavoriteButton from '@/common/modules/favorites/favorite-button/FavoriteButton.vue';
 import { FAVORITE_TYPE } from '@/common/modules/favorites/favorite-button/type';
 
 import { gray } from '@/styles/colors';
 
+
+const appContextStore = useAppContextStore();
+
 interface Props {
     metricItems: TreeNode[];
     selectedId?: string;
@@ -18,6 +25,19 @@ interface Props {
 
 const props = defineProps<Props>();
 
+const storeState = reactive({
+    isAdminMode: computed(() => appContextStore.getters.isAdminMode),
+});
+
+watchEffect(() => {
+    if (storeState.isAdminMode) {
+        props.metricItems.forEach((metricItem: TreeNode) => {
+            if (Object.keys(metricItem).includes(('children'))) {
+                delete metricItem.children;
+            }
+        });
+    }
+});
 </script>
 
 <template>
diff --git a/apps/web/src/store/reference/metric-reference-store.ts b/apps/web/src/store/reference/metric-reference-store.ts
index ddcb672324..c4f0cba65d 100644
--- a/apps/web/src/store/reference/metric-reference-store.ts
+++ b/apps/web/src/store/reference/metric-reference-store.ts
@@ -57,7 +57,7 @@ export const useMetricReferenceStore = defineStore('reference-metric', () => {
         try {
             const response = await SpaceConnector.clientV2.inventory.metric.list<MetricListParameters, ListResponse<MetricModel>>({
                 query: {
-                    only: ['metric_id', 'name', 'namespace_id', 'is_managed', 'resource_type', 'unit', 'labels_info'],
+                    only: ['metric_id', 'name', 'namespace_id', 'is_managed', 'resource_type', 'unit', 'labels_info', 'resource_group'],
                 },
             }, { timeout: 3000 });
 
@@ -70,6 +70,7 @@ export const useMetricReferenceStore = defineStore('reference-metric', () => {
                         namespace_id: metricInfo.namespace_id,
                         is_managed: metricInfo.is_managed,
                         resource_type: metricInfo.resource_type,
+                        resource_group: metricInfo.resource_group,
                         unit: metricInfo.unit,
                         labels_info: metricInfo.labels_info,
                     },

From 5870d7945659ac11f2762d0a2d6960b1d1f2dc6f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E1=84=8B=E1=85=B5=E1=84=89=E1=85=B3=E1=86=BC=E1=84=8B?=
 =?UTF-8?q?=E1=85=A7=E1=86=AB?= <sylee1274@mz.co.kr>
Date: Fri, 22 Nov 2024 14:30:09 +0900
Subject: [PATCH 04/10] fix: fix metric lsb selected css not displayed issue &
 breadcrumbs bug
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 이승연 <sylee1274@mz.co.kr>
---
 .../asset-inventory/components/MetricExplorerLSBMetric.vue | 3 ++-
 .../asset-inventory/pages/MetricExplorerDetailPage.vue     | 6 ++----
 .../src/services/asset-inventory/routes/admin/routes.ts    | 7 -------
 3 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/apps/web/src/services/asset-inventory/components/MetricExplorerLSBMetric.vue b/apps/web/src/services/asset-inventory/components/MetricExplorerLSBMetric.vue
index 3f8981df97..464893c484 100644
--- a/apps/web/src/services/asset-inventory/components/MetricExplorerLSBMetric.vue
+++ b/apps/web/src/services/asset-inventory/components/MetricExplorerLSBMetric.vue
@@ -74,8 +74,9 @@ const state = reactive({
     }),
     hasReadWriteAccess: computed<boolean|undefined>(() => storeState.pageAccessPermissionMap[state.selectedMenuId]?.write),
     selectedId: computed<string|undefined>(() => {
+        const routeName = getProperRouteLocation({ name: ASSET_INVENTORY_ROUTE.METRIC_EXPLORER.DETAIL._NAME }).name;
         if (!props.isDetailPage) return undefined;
-        if (route.name === ASSET_INVENTORY_ROUTE.METRIC_EXPLORER.DETAIL._NAME) return route.params.metricId;
+        if (route.name === routeName) return route.params.metricId;
         return route.params.metricExampleId;
     }),
     inputValue: '',
diff --git a/apps/web/src/services/asset-inventory/pages/MetricExplorerDetailPage.vue b/apps/web/src/services/asset-inventory/pages/MetricExplorerDetailPage.vue
index 7825f3b792..e5bb129fc4 100644
--- a/apps/web/src/services/asset-inventory/pages/MetricExplorerDetailPage.vue
+++ b/apps/web/src/services/asset-inventory/pages/MetricExplorerDetailPage.vue
@@ -18,7 +18,6 @@ import type { NamespaceReferenceMap } from '@/store/reference/namespace-referenc
 import { queryStringToArray, queryStringToObject, queryStringToString } from '@/lib/router-query-string';
 
 import { useBreadcrumbs } from '@/common/composables/breadcrumbs';
-import { useProperRouteLocation } from '@/common/composables/proper-route-location';
 import type { FavoriteOptions } from '@/common/modules/favorites/favorite-button/type';
 import { FAVORITE_TYPE } from '@/common/modules/favorites/favorite-button/type';
 import { useGnbStore } from '@/common/modules/navigations/stores/gnb-store';
@@ -36,7 +35,6 @@ import type { MetricExplorerPageUrlQuery } from '@/services/asset-inventory/type
 
 const gnbStore = useGnbStore();
 const { breadcrumbs } = useBreadcrumbs();
-const { getProperRouteLocation } = useProperRouteLocation();
 const route = useRoute();
 const router = useRouter();
 
@@ -56,10 +54,10 @@ const state = reactive({
         const _targetMetric = metricExplorerPageState.metric;
         return [
             ...(breadcrumbs.value.slice(0, breadcrumbs.value.length - 1)),
-            getProperRouteLocation({
+            {
                 name: `[${targetNamespace?.name}] ${state.currentMetricExample?.name ?? _targetMetric?.name}`,
                 path: state.currentMetricExampleId ? ASSET_INVENTORY_ROUTE.METRIC_EXPLORER.DETAIL.EXAMPLE._NAME : ASSET_INVENTORY_ROUTE.METRIC_EXPLORER.DETAIL._NAME,
-            }),
+            },
         ];
     }),
     metricFavoriteOptions: computed<FavoriteOptions>(() => ({
diff --git a/apps/web/src/services/asset-inventory/routes/admin/routes.ts b/apps/web/src/services/asset-inventory/routes/admin/routes.ts
index 06b946af10..5ebffd11eb 100644
--- a/apps/web/src/services/asset-inventory/routes/admin/routes.ts
+++ b/apps/web/src/services/asset-inventory/routes/admin/routes.ts
@@ -226,13 +226,6 @@ const adminAssetInventoryRoute: RouteConfig = {
                             props: true,
                             component: MetricExplorerDetailPage as any,
                         },
-                        {
-                            path: ':metricExampleId',
-                            name: makeAdminRouteName(ASSET_INVENTORY_ROUTE.METRIC_EXPLORER.DETAIL.EXAMPLE._NAME),
-                            meta: { label: ({ params }) => params.metricExampleId, lsbVisible: true },
-                            props: true,
-                            component: MetricExplorerDetailPage as any,
-                        },
                     ],
                 },
             ],

From 7f5097a6094aaf684e91a7807f70d056422e3a0e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E1=84=8B=E1=85=B5=E1=84=89=E1=85=B3=E1=86=BC=E1=84=8B?=
 =?UTF-8?q?=E1=85=A7=E1=86=AB?= <sylee1274@mz.co.kr>
Date: Fri, 22 Nov 2024 15:11:00 +0900
Subject: [PATCH 05/10] fix: fix type definition
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 이승연 <sylee1274@mz.co.kr>
---
 .../services/asset-inventory/components/MetricExplorerLSB.vue | 4 ++--
 .../components/MetricExplorerLSBMetricTree.vue                | 2 +-
 apps/web/src/store/reference/all-reference-store.ts           | 3 ++-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/services/asset-inventory/components/MetricExplorerLSB.vue b/apps/web/src/services/asset-inventory/components/MetricExplorerLSB.vue
index bfa2cc07aa..212551c7f6 100644
--- a/apps/web/src/services/asset-inventory/components/MetricExplorerLSB.vue
+++ b/apps/web/src/services/asset-inventory/components/MetricExplorerLSB.vue
@@ -59,7 +59,7 @@ const metricExplorerPageState = metricExplorerPageStore.state;
 
 const storeState = reactive({
     metrics: computed<MetricReferenceMap>(() => {
-        const filteredMetrics = (Object.values(allReferenceStore.getters.metric) as MetricReferenceItem[]).filter((metric) => {
+        const filteredMetrics = Object.values(allReferenceStore.getters.metric).filter((metric) => {
             if (metric.data.is_managed) {
                 return true;
             }
@@ -72,7 +72,7 @@ const storeState = reactive({
             return true;
         });
 
-        return Object.fromEntries(filteredMetrics.map((metric: MetricReferenceItem) => [metric.key, metric]));
+        return Object.fromEntries(filteredMetrics.map((metric) => [metric.key, metric]));
     }),
     metricExamples: computed<MetricExampleModel[]>(() => gnbGetters.metricExamples),
     namespaces: computed<NamespaceReferenceMap>(() => allReferenceStore.getters.namespace),
diff --git a/apps/web/src/services/asset-inventory/components/MetricExplorerLSBMetricTree.vue b/apps/web/src/services/asset-inventory/components/MetricExplorerLSBMetricTree.vue
index cf029d0410..bc845f7225 100644
--- a/apps/web/src/services/asset-inventory/components/MetricExplorerLSBMetricTree.vue
+++ b/apps/web/src/services/asset-inventory/components/MetricExplorerLSBMetricTree.vue
@@ -26,7 +26,7 @@ interface Props {
 const props = defineProps<Props>();
 
 const storeState = reactive({
-    isAdminMode: computed(() => appContextStore.getters.isAdminMode),
+    isAdminMode: computed<boolean>(() => appContextStore.getters.isAdminMode),
 });
 
 watchEffect(() => {
diff --git a/apps/web/src/store/reference/all-reference-store.ts b/apps/web/src/store/reference/all-reference-store.ts
index d75bf3022d..f926fc0ca5 100644
--- a/apps/web/src/store/reference/all-reference-store.ts
+++ b/apps/web/src/store/reference/all-reference-store.ts
@@ -17,6 +17,7 @@ import {
 } from '@/store/reference/cost-data-source-reference-store';
 import type { EscalationPolicyReferenceMap } from '@/store/reference/escalation-policy-reference-store';
 import { useEscalationPolicyReferenceStore } from '@/store/reference/escalation-policy-reference-store';
+import type { MetricReferenceMap } from '@/store/reference/metric-reference-store';
 import { useMetricReferenceStore } from '@/store/reference/metric-reference-store';
 import { useNamespaceReferenceStore } from '@/store/reference/namespace-reference-store';
 import { usePluginReferenceStore } from '@/store/reference/plugin-reference-store';
@@ -127,7 +128,7 @@ export const useAllReferenceStore = defineStore('all-reference-store', () => {
         escalationPolicy: computed<EscalationPolicyReferenceMap>(() => escalationPolicyReferenceStore.getters.escalationPolicyItems),
         escalation_policy: computed<EscalationPolicyReferenceMap>(() => escalationPolicyReferenceStore.getters.escalationPolicyItems),
         namespace: computed(() => namespaceReferenceStore.getters.namespaceItems),
-        metric: computed(() => metricReferenceStore.getters.metricItems),
+        metric: computed<MetricReferenceMap>(() => metricReferenceStore.getters.metricItems),
         role: computed(() => roleReferenceStore.getters.roleItems),
     });
 

From f77aae1d4dcf2b22f2da824b2faec77a63e2d5a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E1=84=8B=E1=85=B5=E1=84=89=E1=85=B3=E1=86=BC=E1=84=8B?=
 =?UTF-8?q?=E1=85=A7=E1=86=AB?= <sylee1274@mz.co.kr>
Date: Fri, 22 Nov 2024 19:46:17 +0900
Subject: [PATCH 06/10] fix: fix reacitivy (not solved)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 이승연 <sylee1274@mz.co.kr>
---
 .../components/MetricExplorerLSB.vue          | 47 ++++++++++---------
 1 file changed, 26 insertions(+), 21 deletions(-)

diff --git a/apps/web/src/services/asset-inventory/components/MetricExplorerLSB.vue b/apps/web/src/services/asset-inventory/components/MetricExplorerLSB.vue
index 212551c7f6..eaae890700 100644
--- a/apps/web/src/services/asset-inventory/components/MetricExplorerLSB.vue
+++ b/apps/web/src/services/asset-inventory/components/MetricExplorerLSB.vue
@@ -58,22 +58,7 @@ const metricExplorerPageStore = useMetricExplorerPageStore();
 const metricExplorerPageState = metricExplorerPageStore.state;
 
 const storeState = reactive({
-    metrics: computed<MetricReferenceMap>(() => {
-        const filteredMetrics = Object.values(allReferenceStore.getters.metric).filter((metric) => {
-            if (metric.data.is_managed) {
-                return true;
-            }
-            if (!metric.data.is_managed) {
-                if (storeState.isAdminMode) {
-                    return metric.data.resource_group === 'DOMAIN';
-                }
-                return metric.data.resource_group === 'WORKSPACE';
-            }
-            return true;
-        });
-
-        return Object.fromEntries(filteredMetrics.map((metric) => [metric.key, metric]));
-    }),
+    metrics: computed<MetricReferenceMap>(() => allReferenceStore.getters.metric),
     metricExamples: computed<MetricExampleModel[]>(() => gnbGetters.metricExamples),
     namespaces: computed<NamespaceReferenceMap>(() => allReferenceStore.getters.namespace),
     providers: computed(() => allReferenceStore.getters.provider),
@@ -85,12 +70,31 @@ const storeState = reactive({
     isAdminMode: computed(() => appContextStore.getters.isAdminMode),
 });
 
+const filteredMetrics = ref<MetricReferenceMap>(allReferenceStore.getters.metric);
+
+watch(() => storeState.metrics, () => {
+    const filteredData = Object.values(storeState.metrics).filter((metric) => {
+        if (metric.data.is_managed) {
+            return true;
+        }
+        if (!metric.data.is_managed) {
+            if (storeState.isAdminMode) {
+                return metric.data.resource_group === 'DOMAIN';
+            }
+            return metric.data.resource_group === 'WORKSPACE';
+        }
+        return true;
+    });
+
+    filteredMetrics.value = Object.fromEntries(filteredData.map((metric) => [metric.key, metric]));
+});
+
 const state = reactive({
     loading: false,
     currentPath: computed(() => route.fullPath),
     currentMetricIdByUrl: computed(() => route.params.metricId),
     isDetailPage: computed(() => !!state.currentMetricIdByUrl),
-    currentMetrics: computed<MetricReferenceItem[]>(() => Object.values(storeState.metrics).filter((metric) => metric.data.namespace_id === storeState.selectedNamespace?.name)),
+    currentMetrics: computed<MetricReferenceItem[]>(() => Object.values(filteredMetrics.value).filter((metric) => metric.data.namespace_id === storeState.selectedNamespace?.name)),
     menuSet: computed(() => {
         const baseMenuSet = storeState.isAdminMode ? [] : [
             {
@@ -106,7 +110,7 @@ const state = reactive({
         return [...baseMenuSet, state.metricMenu];
     }),
     starredMenuSet: computed<LSBItem[]>(() => {
-        const metricMenuList: LSBItem[] = Object.values(storeState.metrics).map((metric) => ({
+        const metricMenuList: LSBItem[] = Object.values(filteredMetrics.value).map((metric) => ({
             type: 'item',
             id: metric.key,
             label: metric.name,
@@ -173,7 +177,7 @@ const state = reactive({
 const namespaceState = reactive({
     inputValue: '',
     collapsed: true,
-    selectedMetric: computed<MetricReferenceItem|undefined>(() => (state.isDetailPage ? storeState.metrics[state.currentMetricIdByUrl] : undefined)),
+    selectedMetric: computed<MetricReferenceItem|undefined>(() => (state.isDetailPage ? filteredMetrics.value[state.currentMetricIdByUrl] : undefined)),
     namespaces: computed<NamespaceReferenceItem[]>(() => Object.values(storeState.namespaces)),
     namespacesFilteredByInput: computed(() => {
         const keyword = namespaceState.inputValue.toLowerCase();
@@ -284,7 +288,7 @@ watch(() => route.params, async () => {
         const targetNamespace = namespaceState.namespaces.find((item) => item.key === namespaceState.selectedMetric?.data.namespace_id);
         metricExplorerPageStore.setSelectedNamespace({
             label: targetNamespace?.name,
-            name: namespaceState.selectedMetric.data.namespace_id,
+            name: namespaceState.selectedMetric?.data.namespace_id,
             group: targetNamespace?.data.group,
             category: targetNamespace.data.category,
             icon: targetNamespace.data.group === 'common' ? 'COMMON' : targetNamespace.data.icon,
@@ -326,7 +330,8 @@ watch(() => storeState.selectedNamespace, (selectedNamespace) => {
                         <p-tooltip v-for="(item, idx) of state.starredMenuSet"
                                    :key="`asset-analysis-starred-${idx}`"
                                    position="bottom"
-                                   :contents="item.favoriteOptions?.type === FAVORITE_TYPE.METRIC_EXAMPLE ? `${storeState.metrics[item.to?.params?.metricId || '']?.name} > ${item.label}` : item.label"
+                                   :contents="item.favoriteOptions?.type === FAVORITE_TYPE.METRIC_EXAMPLE ? `${filteredMetrics.value[item.to?.params?.metricId
+                                       || '']?.name} > ${item.label}` : item.label"
                         >
                             <l-s-b-router-menu-item :item="item"
                                                     :idx="idx"

From 263634fe04fcd056168ef7ecaf09aca095b8bddc Mon Sep 17 00:00:00 2001
From: seungyeoneeee <sylee1274@mz.co.kr>
Date: Mon, 25 Nov 2024 00:59:40 +0900
Subject: [PATCH 07/10] fix: fix reactivity issue for real-time LSB updates

Signed-off-by: seungyeoneeee <sylee1274@mz.co.kr>
---
 .../components/MetricExplorerLSB.vue          | 27 +++----------------
 .../MetricExplorerLSBMetricTree.vue           | 15 +++++++++--
 2 files changed, 17 insertions(+), 25 deletions(-)

diff --git a/apps/web/src/services/asset-inventory/components/MetricExplorerLSB.vue b/apps/web/src/services/asset-inventory/components/MetricExplorerLSB.vue
index eaae890700..0970419b5c 100644
--- a/apps/web/src/services/asset-inventory/components/MetricExplorerLSB.vue
+++ b/apps/web/src/services/asset-inventory/components/MetricExplorerLSB.vue
@@ -70,31 +70,12 @@ const storeState = reactive({
     isAdminMode: computed(() => appContextStore.getters.isAdminMode),
 });
 
-const filteredMetrics = ref<MetricReferenceMap>(allReferenceStore.getters.metric);
-
-watch(() => storeState.metrics, () => {
-    const filteredData = Object.values(storeState.metrics).filter((metric) => {
-        if (metric.data.is_managed) {
-            return true;
-        }
-        if (!metric.data.is_managed) {
-            if (storeState.isAdminMode) {
-                return metric.data.resource_group === 'DOMAIN';
-            }
-            return metric.data.resource_group === 'WORKSPACE';
-        }
-        return true;
-    });
-
-    filteredMetrics.value = Object.fromEntries(filteredData.map((metric) => [metric.key, metric]));
-});
-
 const state = reactive({
     loading: false,
     currentPath: computed(() => route.fullPath),
     currentMetricIdByUrl: computed(() => route.params.metricId),
     isDetailPage: computed(() => !!state.currentMetricIdByUrl),
-    currentMetrics: computed<MetricReferenceItem[]>(() => Object.values(filteredMetrics.value).filter((metric) => metric.data.namespace_id === storeState.selectedNamespace?.name)),
+    currentMetrics: computed<MetricReferenceItem[]>(() => Object.values(storeState.metrics).filter((metric) => metric.data.namespace_id === storeState.selectedNamespace?.name)),
     menuSet: computed(() => {
         const baseMenuSet = storeState.isAdminMode ? [] : [
             {
@@ -110,7 +91,7 @@ const state = reactive({
         return [...baseMenuSet, state.metricMenu];
     }),
     starredMenuSet: computed<LSBItem[]>(() => {
-        const metricMenuList: LSBItem[] = Object.values(filteredMetrics.value).map((metric) => ({
+        const metricMenuList: LSBItem[] = Object.values(storeState.metrics).map((metric) => ({
             type: 'item',
             id: metric.key,
             label: metric.name,
@@ -177,7 +158,7 @@ const state = reactive({
 const namespaceState = reactive({
     inputValue: '',
     collapsed: true,
-    selectedMetric: computed<MetricReferenceItem|undefined>(() => (state.isDetailPage ? filteredMetrics.value[state.currentMetricIdByUrl] : undefined)),
+    selectedMetric: computed<MetricReferenceItem|undefined>(() => (state.isDetailPage ? storeState.metrics[state.currentMetricIdByUrl] : undefined)),
     namespaces: computed<NamespaceReferenceItem[]>(() => Object.values(storeState.namespaces)),
     namespacesFilteredByInput: computed(() => {
         const keyword = namespaceState.inputValue.toLowerCase();
@@ -330,7 +311,7 @@ watch(() => storeState.selectedNamespace, (selectedNamespace) => {
                         <p-tooltip v-for="(item, idx) of state.starredMenuSet"
                                    :key="`asset-analysis-starred-${idx}`"
                                    position="bottom"
-                                   :contents="item.favoriteOptions?.type === FAVORITE_TYPE.METRIC_EXAMPLE ? `${filteredMetrics.value[item.to?.params?.metricId
+                                   :contents="item.favoriteOptions?.type === FAVORITE_TYPE.METRIC_EXAMPLE ? `${storeState.metrics[item.to?.params?.metricId
                                        || '']?.name} > ${item.label}` : item.label"
                         >
                             <l-s-b-router-menu-item :item="item"
diff --git a/apps/web/src/services/asset-inventory/components/MetricExplorerLSBMetricTree.vue b/apps/web/src/services/asset-inventory/components/MetricExplorerLSBMetricTree.vue
index bc845f7225..c42552aa38 100644
--- a/apps/web/src/services/asset-inventory/components/MetricExplorerLSBMetricTree.vue
+++ b/apps/web/src/services/asset-inventory/components/MetricExplorerLSBMetricTree.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import {
-    computed, reactive, watchEffect,
+    computed, reactive, watchEffect, ref, watch,
 } from 'vue';
 
 import { PTreeView, PI, PTextHighlighting } from '@cloudforet/mirinae';
@@ -29,6 +29,17 @@ const storeState = reactive({
     isAdminMode: computed<boolean>(() => appContextStore.getters.isAdminMode),
 });
 
+const filteredMetricItems = ref<TreeNode[]>([]);
+
+watch(() => props.metricItems, (updatedMetricItems) => {
+    filteredMetricItems.value = updatedMetricItems.filter(((metricItem) => {
+        if (storeState.isAdminMode) {
+            return metricItem.data.data.resource_group === 'DOMAIN';
+        }
+        return metricItem.data.data.resource_group === 'WORKSPACE';
+    }));
+}, { immediate: true, deep: true });
+
 watchEffect(() => {
     if (storeState.isAdminMode) {
         props.metricItems.forEach((metricItem: TreeNode) => {
@@ -41,7 +52,7 @@ watchEffect(() => {
 </script>
 
 <template>
-    <p-tree-view :tree-data="props.metricItems"
+    <p-tree-view :tree-data="filteredMetricItems"
                  :selected-id="props.selectedId"
                  :tree-display-map="props.treeDisplayMap"
                  use-default-indent

From 24b1a2cedac5aeec63dcb7055922268e04f9cc3e Mon Sep 17 00:00:00 2001
From: syeeeee <165753731+seungyeoneeee@users.noreply.github.com>
Date: Tue, 26 Nov 2024 14:28:34 +0900
Subject: [PATCH 08/10] fix: fix metric disappeared issue (#5091)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 이승연 <sylee1274@mz.co.kr>
---
 .../asset-inventory/components/MetricExplorerLSBMetricTree.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/apps/web/src/services/asset-inventory/components/MetricExplorerLSBMetricTree.vue b/apps/web/src/services/asset-inventory/components/MetricExplorerLSBMetricTree.vue
index c42552aa38..ffb811d165 100644
--- a/apps/web/src/services/asset-inventory/components/MetricExplorerLSBMetricTree.vue
+++ b/apps/web/src/services/asset-inventory/components/MetricExplorerLSBMetricTree.vue
@@ -33,6 +33,9 @@ const filteredMetricItems = ref<TreeNode[]>([]);
 
 watch(() => props.metricItems, (updatedMetricItems) => {
     filteredMetricItems.value = updatedMetricItems.filter(((metricItem) => {
+        if (metricItem.data.is_managed) {
+            return true;
+        }
         if (storeState.isAdminMode) {
             return metricItem.data.data.resource_group === 'DOMAIN';
         }

From 76ffe489c0bc1a12c500dc2059b4e1cffeb96384 Mon Sep 17 00:00:00 2001
From: "NaYeong,Kim" <nayeongkim@megazone.com>
Date: Tue, 26 Nov 2024 16:14:09 +0900
Subject: [PATCH 09/10] fix: fixed minor feedback (#5092)

* chore: update translations

Signed-off-by: NaYeong,Kim <nayeongkim@megazone.com>

* fix: apply throw error

Signed-off-by: NaYeong,Kim <nayeongkim@megazone.com>

* fix: apply is-fixed-width at select-dropdown

Signed-off-by: NaYeong,Kim <nayeongkim@megazone.com>

---------

Signed-off-by: NaYeong,Kim <nayeongkim@megazone.com>
---
 .../workspace/WorkspaceSelectDropdown.vue     |   1 +
 .../WorkspaceGroupAddWorkspacesModal.vue      |   1 +
 .../components/WorkspaceGroupCreateModal.vue  |   1 +
 .../CollectorAdditionalRuleForm.vue           |   1 -
 .../components/WorkspaceDropdown.vue          |   1 +
 apps/web/src/store/modules/user/actions.ts    |   4 +
 .../console-translation-2.8.babel             | 222 +++++++++---------
 packages/language-pack/ja.json                |   2 +-
 packages/language-pack/ko.json                |   2 +-
 9 files changed, 121 insertions(+), 114 deletions(-)

diff --git a/apps/web/src/common/modules/workspace/WorkspaceSelectDropdown.vue b/apps/web/src/common/modules/workspace/WorkspaceSelectDropdown.vue
index cc19aeb184..cf81076439 100644
--- a/apps/web/src/common/modules/workspace/WorkspaceSelectDropdown.vue
+++ b/apps/web/src/common/modules/workspace/WorkspaceSelectDropdown.vue
@@ -101,6 +101,7 @@ watch(() => workspaceState.selectedItems, (selectedItems) => {
                        parent-id="workspace-role-form"
                        show-select-marker
                        show-select-header
+                       is-fixed-width
                        is-filterable
                        show-delete-all-button
                        class="workspace-select-dropdown"
diff --git a/apps/web/src/services/advanced/components/WorkspaceGroupAddWorkspacesModal.vue b/apps/web/src/services/advanced/components/WorkspaceGroupAddWorkspacesModal.vue
index 83da198bbb..1ca11db4e0 100644
--- a/apps/web/src/services/advanced/components/WorkspaceGroupAddWorkspacesModal.vue
+++ b/apps/web/src/services/advanced/components/WorkspaceGroupAddWorkspacesModal.vue
@@ -159,6 +159,7 @@ watch([() => state.menuIds, () => state.isSelectDropdownVisible], async (menuIds
                                 use-fixed-menu-style
                                 show-select-marker
                                 disable-handler
+                                is-fixed-width
                                 :visible-menu.sync="state.isSelectDropdownVisible"
                                 :menu="menuList"
                                 :selected.sync="selectedItems"
diff --git a/apps/web/src/services/advanced/components/WorkspaceGroupCreateModal.vue b/apps/web/src/services/advanced/components/WorkspaceGroupCreateModal.vue
index bb77ed8767..a958190ba1 100644
--- a/apps/web/src/services/advanced/components/WorkspaceGroupCreateModal.vue
+++ b/apps/web/src/services/advanced/components/WorkspaceGroupCreateModal.vue
@@ -188,6 +188,7 @@ watch([() => state.menuIds, () => state.isSelectDropdownVisible], async (menuIds
                                 use-fixed-menu-style
                                 show-select-marker
                                 disable-handler
+                                is-fixed-width
                                 :visible-menu.sync="state.isSelectDropdownVisible"
                                 :menu="menuList"
                                 :selected.sync="selectedItems"
diff --git a/apps/web/src/services/asset-inventory/components/CollectorAdditionalRuleForm.vue b/apps/web/src/services/asset-inventory/components/CollectorAdditionalRuleForm.vue
index 32337549e7..7a9910c547 100644
--- a/apps/web/src/services/asset-inventory/components/CollectorAdditionalRuleForm.vue
+++ b/apps/web/src/services/asset-inventory/components/CollectorAdditionalRuleForm.vue
@@ -570,7 +570,6 @@ onMounted(() => {
                                        required
                         >
                             <workspace-select-dropdown class="action-workspace"
-                                                       is-fixed-width
                                                        :selected-workspace-ids="state.selectedWorkspaceId"
                                                        @update:selected-workspace-ids="handleSelectWorkspaceId"
                             />
diff --git a/apps/web/src/services/asset-inventory/components/WorkspaceDropdown.vue b/apps/web/src/services/asset-inventory/components/WorkspaceDropdown.vue
index fe95b99743..571e0c4bb1 100644
--- a/apps/web/src/services/asset-inventory/components/WorkspaceDropdown.vue
+++ b/apps/web/src/services/asset-inventory/components/WorkspaceDropdown.vue
@@ -134,6 +134,7 @@ watch(() => state.searchText, debounce(async (searchText) => {
                        :selected="state.selected"
                        disable-handler
                        use-fixed-menu-style
+                       is-fixed-width
                        is-filterable
                        @click-button="handleClickCreateButton"
                        @click-show-more="handleClickShowMore"
diff --git a/apps/web/src/store/modules/user/actions.ts b/apps/web/src/store/modules/user/actions.ts
index 28758145b1..3fc1f52c9d 100644
--- a/apps/web/src/store/modules/user/actions.ts
+++ b/apps/web/src/store/modules/user/actions.ts
@@ -1,6 +1,7 @@
 import type { Action } from 'vuex';
 
 import { jwtDecode } from 'jwt-decode';
+import { isEmpty } from 'lodash';
 
 import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
 import { getCancellableFetcher } from '@cloudforet/core-lib/space-connector/cancellable-fetcher';
@@ -89,6 +90,9 @@ export const signIn = async ({ commit }, signInRequest: SignInRequest): Promise<
         SpaceConnector.setToken(response.access_token, response.refresh_token);
     }
 
+    if (isEmpty(response)) {
+        throw new Error();
+    }
 
     const userInfo = await getUserInfo();
     commit('setUser', userInfo);
diff --git a/packages/language-pack/console-translation-2.8.babel b/packages/language-pack/console-translation-2.8.babel
index 86dc96ae3b..1af7dab3f2 100644
--- a/packages/language-pack/console-translation-2.8.babel
+++ b/packages/language-pack/console-translation-2.8.babel
@@ -691,15 +691,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -712,15 +712,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -733,15 +733,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -754,15 +754,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -775,15 +775,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -796,15 +796,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -948,15 +948,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -969,15 +969,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -16780,15 +16780,15 @@
                                         <translations>
                                             <translation>
                                                 <language>en-US</language>
-                                                <approved>true</approved>
+                                                <approved>false</approved>
                                             </translation>
                                             <translation>
                                                 <language>ja-JP</language>
-                                                <approved>true</approved>
+                                                <approved>false</approved>
                                             </translation>
                                             <translation>
                                                 <language>ko-KR</language>
-                                                <approved>true</approved>
+                                                <approved>false</approved>
                                             </translation>
                                         </translations>
                                     </concept_node>
@@ -21674,15 +21674,15 @@
                                         <translations>
                                             <translation>
                                                 <language>en-US</language>
-                                                <approved>true</approved>
+                                                <approved>false</approved>
                                             </translation>
                                             <translation>
                                                 <language>ja-JP</language>
-                                                <approved>true</approved>
+                                                <approved>false</approved>
                                             </translation>
                                             <translation>
                                                 <language>ko-KR</language>
-                                                <approved>true</approved>
+                                                <approved>false</approved>
                                             </translation>
                                         </translations>
                                     </concept_node>
@@ -21781,15 +21781,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -21802,15 +21802,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -22064,15 +22064,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -24137,15 +24137,15 @@
                         <translations>
                             <translation>
                                 <language>en-US</language>
-                                <approved>true</approved>
+                                <approved>false</approved>
                             </translation>
                             <translation>
                                 <language>ja-JP</language>
-                                <approved>true</approved>
+                                <approved>false</approved>
                             </translation>
                             <translation>
                                 <language>ko-KR</language>
-                                <approved>true</approved>
+                                <approved>false</approved>
                             </translation>
                         </translations>
                     </concept_node>
@@ -32346,15 +32346,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -33621,15 +33621,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -33810,15 +33810,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -37940,15 +37940,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -43784,15 +43784,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -60634,15 +60634,15 @@
                                         <translations>
                                             <translation>
                                                 <language>en-US</language>
-                                                <approved>true</approved>
+                                                <approved>false</approved>
                                             </translation>
                                             <translation>
                                                 <language>ja-JP</language>
-                                                <approved>true</approved>
+                                                <approved>false</approved>
                                             </translation>
                                             <translation>
                                                 <language>ko-KR</language>
-                                                <approved>true</approved>
+                                                <approved>false</approved>
                                             </translation>
                                         </translations>
                                     </concept_node>
@@ -60655,15 +60655,15 @@
                                         <translations>
                                             <translation>
                                                 <language>en-US</language>
-                                                <approved>true</approved>
+                                                <approved>false</approved>
                                             </translation>
                                             <translation>
                                                 <language>ja-JP</language>
-                                                <approved>true</approved>
+                                                <approved>false</approved>
                                             </translation>
                                             <translation>
                                                 <language>ko-KR</language>
-                                                <approved>true</approved>
+                                                <approved>false</approved>
                                             </translation>
                                         </translations>
                                     </concept_node>
@@ -60802,15 +60802,15 @@
                                         <translations>
                                             <translation>
                                                 <language>en-US</language>
-                                                <approved>true</approved>
+                                                <approved>false</approved>
                                             </translation>
                                             <translation>
                                                 <language>ja-JP</language>
-                                                <approved>true</approved>
+                                                <approved>false</approved>
                                             </translation>
                                             <translation>
                                                 <language>ko-KR</language>
-                                                <approved>true</approved>
+                                                <approved>false</approved>
                                             </translation>
                                         </translations>
                                     </concept_node>
@@ -70165,15 +70165,15 @@
                                         <translations>
                                             <translation>
                                                 <language>en-US</language>
-                                                <approved>false</approved>
+                                                <approved>true</approved>
                                             </translation>
                                             <translation>
                                                 <language>ja-JP</language>
-                                                <approved>false</approved>
+                                                <approved>true</approved>
                                             </translation>
                                             <translation>
                                                 <language>ko-KR</language>
-                                                <approved>false</approved>
+                                                <approved>true</approved>
                                             </translation>
                                         </translations>
                                     </concept_node>
@@ -80426,15 +80426,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -80447,15 +80447,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -80468,15 +80468,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -80510,15 +80510,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -80531,15 +80531,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -80552,15 +80552,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -80573,15 +80573,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -80594,15 +80594,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -80615,15 +80615,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -80678,15 +80678,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -80699,15 +80699,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -80720,15 +80720,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -80741,15 +80741,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
@@ -80762,15 +80762,15 @@
                                 <translations>
                                     <translation>
                                         <language>en-US</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ja-JP</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                     <translation>
                                         <language>ko-KR</language>
-                                        <approved>true</approved>
+                                        <approved>false</approved>
                                     </translation>
                                 </translations>
                             </concept_node>
diff --git a/packages/language-pack/ja.json b/packages/language-pack/ja.json
index 8edce077cd..399230bbfb 100644
--- a/packages/language-pack/ja.json
+++ b/packages/language-pack/ja.json
@@ -3849,7 +3849,7 @@
 				"CLEAR": "削除",
 				"COLLECT_DATA": "データ収集",
 				"CONSOLE": "コンソールに接続",
-				"DEFAULT_FILTER_DESC": "{count}",
+				"DEFAULT_FILTER_DESC": "高度な検索フィルター {count} 件が適用されています。",
 				"DELETE": "削除",
 				"NO_SELECTED_SERVER": "サーバーを選択すると、詳細な情報が表示されます",
 				"TAB_DETAILS": "詳細情報",
diff --git a/packages/language-pack/ko.json b/packages/language-pack/ko.json
index 86b21a168f..43951257e4 100644
--- a/packages/language-pack/ko.json
+++ b/packages/language-pack/ko.json
@@ -3849,7 +3849,7 @@
 				"CLEAR": "삭제",
 				"COLLECT_DATA": "데이터 수집",
 				"CONSOLE": "콘솔 연결",
-				"DEFAULT_FILTER_DESC": "{count}",
+				"DEFAULT_FILTER_DESC": "고급 검색 필터 {count}개 적용됨.",
 				"DELETE": "삭제",
 				"NO_SELECTED_SERVER": "서버를 선택하면 자세한 정보를 볼 수 있습니다.",
 				"TAB_DETAILS": "상세 정보",

From 46028059189b45d288e33335c6b2f51b85c19924 Mon Sep 17 00:00:00 2001
From: "NaYeong,Kim" <nayeongkim@megazone.com>
Date: Wed, 27 Nov 2024 12:11:42 +0900
Subject: [PATCH 10/10] chore: update is-fixed-width option at select-dropdown
 (#5099)

Signed-off-by: NaYeong,Kim <skdud4659@gmail.com>
---
 .../pages/admin/AdminDomainSettingsDomainInformationPage.vue    | 1 +
 .../components/CollectorCreateMultipleProviderForm.vue          | 1 +
 .../components/CollectorCreateStep1SearchFilter.vue             | 2 ++
 .../services/my-page/components/UserAccountBaseInformation.vue  | 1 +
 4 files changed, 5 insertions(+)

diff --git a/apps/web/src/services/advanced/pages/admin/AdminDomainSettingsDomainInformationPage.vue b/apps/web/src/services/advanced/pages/admin/AdminDomainSettingsDomainInformationPage.vue
index 54296ef7f2..870d98c44e 100644
--- a/apps/web/src/services/advanced/pages/admin/AdminDomainSettingsDomainInformationPage.vue
+++ b/apps/web/src/services/advanced/pages/admin/AdminDomainSettingsDomainInformationPage.vue
@@ -112,6 +112,7 @@ watch(() => domainConfigGetters.language, (val) => {
                                    :selected.sync="state.selectedTimezone"
                                    :page-size="10"
                                    :disabled="!state.hasReadWriteAccess"
+                                   is-fixed-width
                                    is-filterable
                 />
             </div>
diff --git a/apps/web/src/services/asset-inventory/components/CollectorCreateMultipleProviderForm.vue b/apps/web/src/services/asset-inventory/components/CollectorCreateMultipleProviderForm.vue
index 9b3cfe48bc..76f50ae4f9 100644
--- a/apps/web/src/services/asset-inventory/components/CollectorCreateMultipleProviderForm.vue
+++ b/apps/web/src/services/asset-inventory/components/CollectorCreateMultipleProviderForm.vue
@@ -24,6 +24,7 @@
         <div class="dropdown-container">
             <p-select-dropdown :selected="state.selectedProvider"
                                :menu="state.providerList"
+                               is-fixed-width
                                class="select-dropdown"
                                @update:selected="handleChangeProvider"
             >
diff --git a/apps/web/src/services/asset-inventory/components/CollectorCreateStep1SearchFilter.vue b/apps/web/src/services/asset-inventory/components/CollectorCreateStep1SearchFilter.vue
index 93af161d7b..782b559860 100644
--- a/apps/web/src/services/asset-inventory/components/CollectorCreateStep1SearchFilter.vue
+++ b/apps/web/src/services/asset-inventory/components/CollectorCreateStep1SearchFilter.vue
@@ -60,6 +60,7 @@
                 <p-select-dropdown :selected="state.selectedProvider"
                                    :menu="state.providerList"
                                    class="select-dropdown"
+                                   is-fixed-width
                                    @update:selected="handleChangeProvider"
                 >
                     <template #dropdown-button="item">
@@ -91,6 +92,7 @@
             <div class="repository">
                 <p-select-dropdown :selected.sync="state.selectedRepository"
                                    :menu="state.repositoryList"
+                                   is-fixed-width
                                    class="select-dropdown"
                 >
                     <template #dropdown-button="item">
diff --git a/apps/web/src/services/my-page/components/UserAccountBaseInformation.vue b/apps/web/src/services/my-page/components/UserAccountBaseInformation.vue
index f6d85e51c3..9c287547a6 100644
--- a/apps/web/src/services/my-page/components/UserAccountBaseInformation.vue
+++ b/apps/web/src/services/my-page/components/UserAccountBaseInformation.vue
@@ -152,6 +152,7 @@ watch(() => store.state.user.language, (language) => {
                                            :placeholder="$t('COMMON.PROFILE.TIMEZONE')"
                                            :page-size="10"
                                            is-filterable
+                                           is-fixed-width
                                            show-delete-all-button
                         />
                     </template>