@opsnow-mcp/opsnow-mcp-common-ui-server 1.0.6 → 1.0.8

package/build/components/examples/opsnow-common-chart-examples-data.js

@@ -1362,7 +1362,7 @@ export const LineChartExamples = [
         title: '라인 차트 - 다국어',
         description: '라인 차트 - 다국어 데이터 예제입니다.',
         code_props_usage: `
-      import { useFinOpsTranslation } from 'opsnow-finops-common-i18n'
+      import { useFinOpsTranslation } from '@opsnow-common/opsnow-finops-common-i18n'
       const { t } = useFinOpsTranslation()
 
       const chartId = 'line-chart-${generateUniqueGeneralId()}'

package/build/components/examples/opsnow-common-grid-examples-data.js

@@ -4,8 +4,8 @@ export const DataGridExamples = [
         title: '기본 데이터 그리드',
         description: '기본 데이터 그리드 예제입니다.',
         code_props_usage: `
-      import { useCommonComponents, useGlobalContext } from 'opsnow-finops-common-ui-loader'
-      import i18n from 'opsnow-finops-common-i18n'
+      import { useCommonComponents, useGlobalContext } from '@opsnow-common/opsnow-finops-common-ui-loader'
+      import i18n from '@opsnow-common/opsnow-finops-common-i18n'
 
       // 컬럼 정의
       const columnDefs = [
@@ -64,8 +64,8 @@ export const DataGridExamples = [
         title: 'Search + Pagination 추가',
         description: 'Search + Pagination 추가 예제입니다.',
         code_props_usage: `
-      import { useCommonComponents, useGlobalContext } from 'opsnow-finops-common-ui-loader'
-      import i18n from 'opsnow-finops-common-i18n'
+      import { useCommonComponents, useGlobalContext } from '@opsnow-common/opsnow-finops-common-ui-loader'
+      import i18n from '@opsnow-common/opsnow-finops-common-i18n'
 
       // 컬럼 정의
       const columnDefs = [
@@ -125,8 +125,8 @@ export const DataGridExamples = [
         title: 'Insert Button Inside the Common Grid Search Section',
         description: 'Insert Button Inside the Common Grid Search Section 예제입니다.',
         code_props_usage: `
-      import { useCommonComponents, useGlobalContext } from 'opsnow-finops-common-ui-loader'
-      import i18n from 'opsnow-finops-common-i18n'
+      import { useCommonComponents, useGlobalContext } from '@opsnow-common/opsnow-finops-common-ui-loader'
+      import i18n from '@opsnow-common/opsnow-finops-common-i18n'
 
       // 컬럼 정의
       const columnDefs = [
@@ -212,8 +212,8 @@ export const DataGridExamples = [
         title: 'Header Filter, Tooltip, Sort',
         description: 'Header Filter, Tooltip, Sort 예제입니다.',
         code_props_usage: `
-      import { useCommonComponents, useGlobalContext } from 'opsnow-finops-common-ui-loader'
-      import i18n from 'opsnow-finops-common-i18n'
+      import { useCommonComponents, useGlobalContext } from '@opsnow-common/opsnow-finops-common-ui-loader'
+      import i18n from '@opsnow-common/opsnow-finops-common-i18n'
 
       // 컬럼 정의
       const columnDefs = [
@@ -339,8 +339,8 @@ export const DataGridExamples = [
         title: 'Custom Header and Number Tooltip',
         description: 'Custom Header and Number Tooltip 예제입니다.',
         code_props_usage: `
-      import { useCommonComponents, useGlobalContext } from 'opsnow-finops-common-ui-loader'
-      import i18n from 'opsnow-finops-common-i18n'
+      import { useCommonComponents, useGlobalContext } from '@opsnow-common/opsnow-finops-common-ui-loader'
+      import i18n from '@opsnow-common/opsnow-finops-common-i18n'
       import UserCustomHeaderCellRenderer from './renderer/UserCustomCellRenderer.jsx'
 
       // 날짜 범위 정의
@@ -502,8 +502,8 @@ export const DataGridExamples = [
         title: 'Using a three-dots header with a custom header (including filter and sort)',
         description: 'Using a three-dots header with a custom header (including filter and sort) 예제입니다.',
         code_props_usage: `
-      import { useCommonComponents, useGlobalContext } from 'opsnow-finops-common-ui-loader'
-      import i18n from 'opsnow-finops-common-i18n'
+      import { useCommonComponents, useGlobalContext } from '@opsnow-common/opsnow-finops-common-ui-loader'
+      import i18n from '@opsnow-common/opsnow-finops-common-i18n'
       import SingleHeaderTwoLineCustomHeader from './renderer/SingleHeaderTwoLineCustomHeader' // 커스텀 헤더 컴포넌트
 
       // 기본 컬럼 정의
@@ -591,8 +591,8 @@ export const DataGridExamples = [
         title: 'Master / Detail Cell',
         description: 'Master / Detail Cell 예제입니다.',
         code_props_usage: `
-      import { useCommonComponents, useGlobalContext } from 'opsnow-finops-common-ui-loader'
-      import i18n from 'opsnow-finops-common-i18n'
+      import { useCommonComponents, useGlobalContext } from '@opsnow-common/opsnow-finops-common-ui-loader'
+      import i18n from '@opsnow-common/opsnow-finops-common-i18n'
       import DetailCellRenderer from './renderer/DetailCellRenderer' // 커스텀 헤더 컴포넌트
 
       // 컬럼 정의 (custom header 사용)
@@ -654,8 +654,8 @@ export const DataGridExamples = [
         title: 'No Data',
         description: 'No Data 예제입니다.',
         code_props_usage: `
-      import { useCommonComponents, useGlobalContext } from 'opsnow-finops-common-ui-loader'
-      import i18n from 'opsnow-finops-common-i18n'
+      import { useCommonComponents, useGlobalContext } from '@opsnow-common/opsnow-finops-common-ui-loader'
+      import i18n from '@opsnow-common/opsnow-finops-common-i18n'
 
       // 컬럼 정의 (custom header 사용)
       const columnDefs = [
@@ -693,8 +693,8 @@ export const DataGridExamples = [
         title: 'Custom No Data',
         description: 'Custom No Data 예제입니다.',
         code_props_usage: `
-      import { useCommonComponents, useGlobalContext } from 'opsnow-finops-common-ui-loader'
-      import i18n from 'opsnow-finops-common-i18n'
+      import { useCommonComponents, useGlobalContext } from '@opsnow-common/opsnow-finops-common-ui-loader'
+      import i18n from '@opsnow-common/opsnow-finops-common-i18n'
       import CustomNoData from './renderer/CustomNoData'
 
       // 컬럼 정의 (custom header 사용)
@@ -734,8 +734,8 @@ export const DataGridExamples = [
         title: 'Pivot, Sidebar',
         description: 'Pivot, Sidebar 예제입니다. 피벗이나 사이드바를 사용할 때는 높이가 항상 고정되어야 함(autoHeight는 허용되지 않음).',
         code_props_usage: `
-      import { useCommonComponents, useGlobalContext } from 'opsnow-finops-common-ui-loader'
-      import i18n from 'opsnow-finops-common-i18n'
+      import { useCommonComponents, useGlobalContext } from '@opsnow-common/opsnow-finops-common-ui-loader'
+      import i18n from '@opsnow-common/opsnow-finops-common-i18n'
 
       // defaultColDef
       const defaultColDef = {
@@ -894,8 +894,8 @@ export const DataGridExamples = [
         title: 'Ratio Bar',
         description: 'Ratio Bar 예제입니다.',
         code_props_usage: `
-      import { useCommonComponents, useGlobalContext } from 'opsnow-finops-common-ui-loader'
-      import i18n from 'opsnow-finops-common-i18n'
+      import { useCommonComponents, useGlobalContext } from '@opsnow-common/opsnow-finops-common-ui-loader'
+      import i18n from '@opsnow-common/opsnow-finops-common-i18n'
 
       // 컬럼 정의
       const columnDefs = [
@@ -1036,8 +1036,8 @@ export const DataGridExamples = [
         title: 'How to insert into the slot to the left of the search',
         description: 'Search 왼쪽에 컴포넌트를 추가하는 방법입니다.',
         code_props_usage: `
-      import { useCommonComponents, useGlobalContext } from 'opsnow-finops-common-ui-loader'
-      import i18n from 'opsnow-finops-common-i18n'
+      import { useCommonComponents, useGlobalContext } from '@opsnow-common/opsnow-finops-common-ui-loader'
+      import i18n from '@opsnow-common/opsnow-finops-common-i18n'
 
       const defaultColDef = {
         wrapText: true,
@@ -1180,8 +1180,8 @@ export const DataGridExamples = [
         title: 'Tree data drag',
         description: 'Tree data drag 예제입니다.',
         code_props_usage: `
-      import { useCommonComponents, useGlobalContext } from 'opsnow-finops-common-ui-loader'
-      import i18n from 'opsnow-finops-common-i18n'
+      import { useCommonComponents, useGlobalContext } from '@opsnow-common/opsnow-finops-common-ui-loader'
+      import i18n from '@opsnow-common/opsnow-finops-common-i18n'
       import AddButtonRenderer from './renderer/AddButtonRenderer.jsx'
 
       const { OpsnowCommonDataGrid } = useCommonComponents();
@@ -1393,8 +1393,8 @@ export const DataGridExamples = [
         title: 'Grid row drag (transferring rows between two grids)',
         description: 'Grid row drag 예제입니다.',
         code_props_usage: `
-      import { useCommonComponents, useGlobalContext } from 'opsnow-finops-common-ui-loader'
-      import i18n from 'opsnow-finops-common-i18n'
+      import { useCommonComponents, useGlobalContext } from '@opsnow-common/opsnow-finops-common-ui-loader'
+      import i18n from '@opsnow-common/opsnow-finops-common-i18n'
       
       const { OpsnowCommonDataGrid } = useCommonComponents()
       const { CommonConst } = useGlobalContext()
@@ -1658,8 +1658,8 @@ export const DataGridExamples = [
         title: 'Server side row model',
         description: 'Server side row model 예제입니다.',
         code_props_usage: `
-      import { useCommonComponents, useGlobalContext } from 'opsnow-finops-common-ui-loader'
-      import i18n from 'opsnow-finops-common-i18n'
+      import { useCommonComponents, useGlobalContext } from '@opsnow-common/opsnow-finops-common-ui-loader'
+      import i18n from '@opsnow-common/opsnow-finops-common-i18n'
       import { assetAlarmServiceGetServerSideAlarmHistory } from './data/serverSideAlarmService'
       import CloudServiceCellRenderer from './renderer/CloudServiceCellRenderer'
       import DetailCellRenderer from './renderer/DetailCellRenderer'

package/build/components/opsnow-common-calendar.js

@@ -76,8 +76,8 @@ export function createCalendarComponent() {
       \`\`\`
     **import:**
     \`\`\`javascript
-    import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
-    import i18n from 'opsnow-finops-common-i18n'
+    import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
+    import i18n from '@opsnow-common/opsnow-finops-common-i18n'
     const { OpsnowCommonDatePicker } = useCommonComponents();
     \`\`\``,
             parameters: CalendarSchema,

package/build/components/opsnow-common-chart.js

@@ -1220,7 +1220,7 @@ export function createChartComponent() {
       
       **import:**
         \`\`\`javascript
-        import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+        import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
         const { OpsnowCommonGaugeChart } = useCommonComponents();
         \`\`\``,
             parameters: GaugeChartSchema,
@@ -1252,7 +1252,7 @@ export function createChartComponent() {
       
       **import:**
         \`\`\`javascript
-        import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+        import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
         const { OpsnowCommonPieChart } = useCommonComponents();
         \`\`\``,
             parameters: PieChartSchema,
@@ -1291,7 +1291,7 @@ export function createChartComponent() {
       
       **import:**
         \`\`\`javascript
-        import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+        import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
         const { OpsnowCommonLineChart } = useCommonComponents();
         \`\`\``,
             parameters: LineChartSchema,
@@ -1346,7 +1346,7 @@ export function createChartComponent() {
       
       **import:**
         \`\`\`javascript
-        import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+        import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
         const { OpsnowCommonBarChart } = useCommonComponents();
         \`\`\``,
             parameters: BarChartSchema,
@@ -1403,7 +1403,7 @@ export function createChartComponent() {
       
       **import:**
         \`\`\`javascript
-        import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+        import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
         const { OpsnowCommonStackChart } = useCommonComponents();
         \`\`\``,
             parameters: StackChartSchema,
@@ -1460,7 +1460,7 @@ export function createChartComponent() {
       
       **import:**
         \`\`\`javascript
-        import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+        import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
         const { OpsnowCommonXyMultiChart } = useCommonComponents();
         \`\`\``,
             parameters: XyMultiChartSchema,

package/build/components/opsnow-common-data-status.js

@@ -56,7 +56,7 @@ export function createDataStatusComponent() {
        사용 예시: buttonProps={{onConfirm, label: "Add AWS Account", iconName: "ArrowRight"}}
       **import:**
         \`\`\`javascript
-        import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+        import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
         const { OpsnowCommonDataStatus } = useCommonComponents();
         \`\`\``,
             parameters: DataStatusSchema,

package/build/components/opsnow-common-file-upload.js

@@ -24,7 +24,7 @@ export function createFileUploaderComponent() {
       
       **import 예시(React의 모든 훅(useState, useEffect, useCommonComponents 등)은 반드시 함수 컴포넌트 내부에서 호출):**
       \`\`\`javascript
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonFileUploader } = useCommonComponents();
       \`\`\``,
             parameters: FileUploaderSchema,

package/build/components/opsnow-common-forms.js

@@ -215,7 +215,7 @@ export function createFormsComponent() {
 
       **import:**
       \`\`\`javascript
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonButton } = useCommonComponents();
       \`\`\``,
             parameters: ButtonSchema,
@@ -260,7 +260,7 @@ export function createFormsComponent() {
 
       **import:**
       \`\`\`javascript
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonBadge } = useCommonComponents();
       \`\`\``,
             parameters: BadgeSchema,
@@ -297,7 +297,7 @@ export function createFormsComponent() {
 
       **import:**
       \`\`\`javascript
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonTextarea } = useCommonComponents();
       \`\`\``,
             parameters: TextareaSchema,
@@ -334,7 +334,7 @@ export function createFormsComponent() {
 
       **import:**
       \`\`\`javascript
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonSwitch } = useCommonComponents();
       \`\`\``,
             parameters: SwitchSchema,
@@ -370,7 +370,7 @@ export function createFormsComponent() {
       
        **import:**
       \`\`\`javascript
-      import { useCommonComponents, useOpsnowCommonIcons } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents, useOpsnowCommonIcons } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonChip } = useCommonComponents();
       const { OpsnowCommonIcon } = useOpsnowCommonIcons();
       \`\`\``,
@@ -415,7 +415,7 @@ export function createFormsComponent() {
       
       **import:**
       \`\`\`javascript
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonTextField } = useCommonComponents();
       \`\`\``,
             parameters: TextFieldSchema,
@@ -478,7 +478,7 @@ export function createFormsComponent() {
         },
         {
             name: "createAvatar",
-            description: `Avatar 컴포넌트 - 텍스트, 아이콘, 이미지, 뱃지, 다양한 크기/모양, 클릭 등 지원\n\n- children에 텍스트, 아이콘(JSX), 이니셜 등 자유롭게 전달 가능\n- showBadge, variant, sx 등 다양한 옵션 지원\n\n**import:**\n\u0060\u0060\u0060javascript\nimport { useCommonComponents, useOpsnowCommonIcons } from 'opsnow-finops-common-ui-loader';\nconst { OpsnowCommonAvatar } = useCommonComponents();\nconst { OpsnowCommonIcon } = useOpsnowCommonIcons();\n\u0060\u0060\u0060`,
+            description: `Avatar 컴포넌트 - 텍스트, 아이콘, 이미지, 뱃지, 다양한 크기/모양, 클릭 등 지원\n\n- children에 텍스트, 아이콘(JSX), 이니셜 등 자유롭게 전달 가능\n- showBadge, variant, sx 등 다양한 옵션 지원\n\n**import:**\n\u0060\u0060\u0060javascript\nimport { useCommonComponents, useOpsnowCommonIcons } from '@opsnow-common/opsnow-finops-common-ui-loader';\nconst { OpsnowCommonAvatar } = useCommonComponents();\nconst { OpsnowCommonIcon } = useOpsnowCommonIcons();\n\u0060\u0060\u0060`,
             parameters: AvatarSchema,
             handler: async (args) => {
                 const props = [];
@@ -527,7 +527,7 @@ export function createFormsComponent() {
 
       **import:**
       \`\`\`javascript
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonCheckbox } = useCommonComponents();
       \`\`\``,
             parameters: CheckboxSchema,
@@ -566,7 +566,7 @@ export function createFormsComponent() {
 
       **import:**
       \`\`\`javascript
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonRadioGroup } = useCommonComponents();
       \`\`\``,
             parameters: RadioGroupSchema,
@@ -601,7 +601,7 @@ export function createFormsComponent() {
 
       **import:**
       \`\`\`javascript
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonCollapse } = useCommonComponents();
       \`\`\``,
             parameters: CollapseSchema,
@@ -634,7 +634,7 @@ export function createFormsComponent() {
 
       **import:**
       \`\`\`javascript
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonSlider } = useCommonComponents();
       \`\`\``,
             parameters: SliderSchema,
@@ -715,7 +715,7 @@ export function createFormsComponent() {
 
       **import:**
       \`\`\`javascript
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonLink } = useCommonComponents();
       \`\`\``,
             parameters: LinkSchema,
@@ -756,7 +756,7 @@ export function createFormsComponent() {
 
       **import 예시:**
       \`\`\`javascript
-      import { useCommonComponents, useOpsnowCommonIcons } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents, useOpsnowCommonIcons } from '@opsnow-common/opsnow-finops-common-ui-loader';
 
       const { OpsnowCommonToggleButton, OpsnowCommonToggleButtonGroup } =useCommonComponents()
       const { OpsnowCommonIcon } = useOpsnowCommonIcons()

package/build/components/opsnow-common-grid.js

@@ -10,7 +10,7 @@ const gridOptionsSchema = z.object({
     }).optional().describe('행 선택 옵션'),
     tooltipShowDelay: z.number().optional().describe('툴팁 표시 지연 시간'),
     domLayout: z.enum(['normal', 'autoHeight', 'print']).optional().describe('그리드 레이아웃 방식'),
-    suppressCellFocus: z.boolean().optional().describe('셀 포커스 비활성화'),
+    suppressCellFocus: z.boolean().optional().describe('셀 포커스 비활성화 (셀 클릭 이벤트 사용 시 필수: true)'),
     suppressPaginationPanel: z.boolean().optional().describe('페이지네이션 패널 숨김'),
     masterDetail: z.boolean().optional().describe('마스터/디테일 모드 사용'),
     detailCellRenderer: z.any().optional().describe('디테일 셀 렌더러'),
@@ -128,7 +128,7 @@ export const DataGridSchema = z.object({
     gridHeight: z.number().optional().describe('그리드 높이'),
     setClass: z.string().optional().describe('그리드 클래스명'),
     localRowClass: z.string().optional().describe('로컬 행 클래스명'),
-    pagination: z.boolean().optional().describe('페이지네이션 사용 여부'),
+    pagination: z.boolean().optional().describe('페이지네이션 사용 여부 (true로 설정 시 내부적으로 opsnow-common-pagination 컴포넌트 사용)'),
     paginationPageSize: z.number().optional().describe('페이지당 행 수'),
     textNoData: z.string().optional().describe('데이터 없음 텍스트'),
     noDataDescription: z.string().optional().describe('데이터 없음 설명'),
@@ -141,7 +141,7 @@ export const DataGridSchema = z.object({
     pagingFromServer: z.boolean().optional().describe('서버 페이징 사용 여부'),
     pageSizeList: z.array(z.number()).optional().describe('페이지 사이즈 리스트'),
     placeholderText: z.string().optional().describe('플레이스홀더 텍스트'),
-    usedRowClass: z.boolean().optional().describe('행 클래스 사용 여부'),
+    usedRowClass: z.boolean().optional().describe('행 클래스 사용 여부 (셀 클릭 이벤트 사용 시 필수: true)'),
     usedSearch: z.boolean().optional().describe('검색창 사용 여부'),
     usedSearchAndDropdown: z.boolean().optional().describe('검색+드롭다운 동시 사용'),
     useOpsnowUs: z.boolean().optional().describe('Opsnow US 스타일 사용'),
@@ -182,7 +182,7 @@ export function createDataGridComponent() {
       
       **import:**
       \`\`\`javascript
-      import { useCommonComponents, useGlobalContext } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents, useGlobalContext } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonDataGrid } = useCommonComponents();
       const { CommonConst } = useGlobalContext()
       \`\`\``,

package/build/components/opsnow-common-icons.js

@@ -37,7 +37,7 @@ export function createIconsComponent() {
       **import 예시(React의 모든 훅(useState, useEffect, useOpsnowCommonIcons 등)은 반드시 함수 컴포넌트 내부에서 호출):**
 
       \`\`\`javascript
-      import { useOpsnowCommonIcons } from 'opsnow-finops-common-ui-loader';
+      import { useOpsnowCommonIcons } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonIcon } = useOpsnowCommonIcons();
       \`\`\``,
             parameters: IconSchema,
@@ -75,7 +75,7 @@ export function createIconsComponent() {
       
       **import 예시:**
       \`\`\`javascript
-      import { useOpsnowCommonIcons } from 'opsnow-finops-common-ui-loader';
+      import { useOpsnowCommonIcons } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonMuiIcon } = useOpsnowCommonIcons();
       \`\`\``,
             parameters: MuiIconSchema,
@@ -114,7 +114,7 @@ export function createIconsComponent() {
         //   - 아이콘은 useOpsnowCommonIcons 훅을 통해 생성해야 합니다.
         //   **import 예시:**
         //   \`\`\`javascript
-        //   import { useOpsnowCommonIcons } from 'opsnow-finops-common-ui-loader';
+        //   import { useOpsnowCommonIcons } from '@opsnow-common/opsnow-finops-common-ui-loader';
         //   const { OpsnowCommonMarkers } = useOpsnowCommonIcons();
         //   \`\`\``,
         //   parameters: MarkersSchema,

package/build/components/opsnow-common-notification.js

@@ -55,7 +55,7 @@ export function createNotificationComponent() {
       - '>' 버튼이 있는 경우 이동하는 버튼이며 placement가 card인 경우 버튼은 자동으로 생성됨(따로 버튼 추가 필요 없음)
       - 좌측 외부 컬러 라인, 아이콘 색상 존재하고 모서리가 둥근 경우 알림 컴포넌트(severity:infoXXX, placement: page)사용
       **import**:
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader'
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader'
       const { OpsnowCommonButton, OpsnowCommonNotification } = useCommonComponents()
       `,
             parameters: NotificationSchema,

package/build/components/opsnow-common-pagination.js

@@ -52,8 +52,8 @@ export function createPaginationComponent() {
             description: `페이지네이션 컴포넌트 - 페이지 이동 및 크기 조절
       **import**:
       \`\`\`jsx
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader'
-      import i18n from 'opsnow-finops-common-i18n'
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader'
+      import i18n from '@opsnow-common/opsnow-finops-common-i18n'
       const { OpsnowCommonPagination } = useCommonComponents();
       \`\`\`
       `,

package/build/components/opsnow-common-popup.js

@@ -28,7 +28,7 @@ export function createPopupComponent() {
     
     사용 예시(React 함수 컴포넌트 내부에서 아래와 같이 import 후 사용하세요):
     \`\`\`javascript
-    import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+    import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
     const { OpsnowCommonPopup } = useCommonComponents();
     \`\`\``,
             parameters: PopupSchema,

package/build/components/opsnow-common-progress.js

@@ -68,7 +68,7 @@ export function createProgressComponent() {
       - 금지 : isLoadingDots = { dotSize: 8, dotIndex: 0 } - 해당 예시처럼 사용 금지
        **import:**
       \`\`\`javascript
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonLoading, OpsnowCommonButton } = useCommonComponents();
       `,
             parameters: CircleProgressSchema,
@@ -126,7 +126,7 @@ export function createProgressComponent() {
             description: `진행률 컴포넌트 생성 - 단일 진행률(%)을 라인 형태로 표시를 위한 컴포넌트 생성(라인, 바 형태)
       **import:**
       \`\`\`javascript클라
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonProgress } = useCommonComponents();
       `,
             parameters: LineProgressSchema,

package/build/components/opsnow-common-select.js

@@ -46,7 +46,7 @@ export function createSelectComponent() {
 
       **import:**
       \`\`\`javascript
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonSelect } = useCommonComponents();
       \`\`\``,
             parameters: SelectSchema,
@@ -92,7 +92,7 @@ export function createSelectComponent() {
 
       **import:**
       \`\`\`javascript
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonAutocomplete } = useCommonComponents();
       \`\`\``,
             parameters: AutocompleteSelectSchema,

package/build/components/opsnow-common-stepper.js

@@ -32,7 +32,7 @@ export function createStepperComponent() {
 
       **import 예시(React의 모든 훅(useState, useEffect, useCommonComponents 등)은 반드시 함수 컴포넌트 내부에서 호출):**
       \`\`\`javascript
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonStepper, OpsnowCommonStepContent } = useCommonComponents();
       \`\`\``,
             parameters: StepperSchema,

package/build/components/opsnow-common-tab.js

@@ -37,7 +37,7 @@ export function createTabComponent() {
             description: `탭 컴포넌트 - 탭 인터페이스 및 콘텐츠 관리
       **import 예시:**
       \`\`\`javascript
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonTab } = useCommonComponents();
       \`\`\`
       `,

package/build/components/opsnow-common-toast-popup.js

@@ -70,7 +70,7 @@ export function createToastPopupComponent() {
       버튼 컴포넌트 onClick 함수 내부에 showToast를 사용하여 토스트 팝업 표시
 
       **import**:
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonToastPopup, showToast, OpsnowCommonButton } = useCommonComponents();
       `,
             parameters: ToastPopupSchema,

package/build/components/opsnow-common-tooltip.js

@@ -101,7 +101,7 @@ export function createTooltipComponent() {
             description: `툴팁 컴포넌트 - 요소에 대한 추가 정보 표시
       **import 예시:**
       \`\`\`javascript
-      import { useCommonComponents } from 'opsnow-finops-common-ui-loader';
+      import { useCommonComponents } from '@opsnow-common/opsnow-finops-common-ui-loader';
       const { OpsnowCommonTooltip, OpsnowCommonIconTooltip } = useCommonComponents();
       \`\`\`
       `,

package/build/components/opsnow-common-typography.js

@@ -53,7 +53,7 @@ export function createTypographyComponent() {
       - 예제 테이블 스타일에 맞는 Typography만 생성 가능
 
       \`\`\`javascript
-      import { OpsnowCommonTypography } from 'opsnow-common-style'
+      import { OpsnowCommonTypography } from '@opsnow-common/opsnow-common-style'
       \`\`\`
       `,
             parameters: TypographySchema,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opsnow-mcp/opsnow-mcp-common-ui-server",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "type": "module",
   "main": "index.js",
   "bin": {