V2 컴포넌트로의 전환 및 기존 컴포넌트 숨김 처리: ComponentsPanel에서 기존 컴포넌트를 V2 버전으로 대체하고, 관련 컴포넌트들을 패널에서 숨김 처리하여 관리 효율성을 높였습니다. 각 컴포넌트의 정의에 'hidden' 속성을 추가하여 V2 컴포넌트 사용을 명시하였습니다.

frontend/components/screen/panels/ComponentsPanel.tsx

@@ -58,11 +58,11 @@ export function ComponentsPanel({
         // unified-biz 제거 - 개별 컴포넌트(flow-widget, rack-structure, numbering-rule)로 직접 표시
         // unified-hierarchy 제거 - 현재 미사용
         {
-          id: "unified-repeater",
+          id: "v2-unified-repeater",
           name: "리피터 그리드",
           description: "행 단위로 데이터를 추가/수정/삭제",
           category: "data" as ComponentCategory,
-          tags: ["repeater", "table", "modal", "button", "unified"],
+          tags: ["repeater", "table", "modal", "button", "unified", "v2"],
           defaultSize: { width: 600, height: 300 },
         },
       ] as ComponentDefinition[],
@@ -113,6 +113,25 @@ export function ComponentsPanel({
       "selected-items-detail-input",
       // 연관 데이터 버튼 - unified-repeater로 대체 가능
       "related-data-buttons",
+      // ===== V2로 대체된 기존 컴포넌트 (v2 버전만 사용) =====
+      "button-primary", // → v2-button-primary
+      "split-panel-layout", // → v2-split-panel-layout
+      "aggregation-widget", // → v2-aggregation-widget
+      "card-display", // → v2-card-display
+      "table-list", // → v2-table-list
+      "text-display", // → v2-text-display
+      "divider-line", // → v2-divider-line
+      "numbering-rule", // → v2-numbering-rule
+      "section-paper", // → v2-section-paper
+      "section-card", // → v2-section-card
+      "location-swap-selector", // → v2-location-swap-selector
+      "rack-structure", // → v2-rack-structure
+      "unified-repeater", // → v2-unified-repeater (아래 unifiedComponents에서 별도 처리)
+      "repeat-container", // → v2-repeat-container
+      "repeat-screen-modal", // → v2-repeat-screen-modal
+      "pivot-grid", // → v2-pivot-grid
+      "table-search-widget", // → v2-table-search-widget
+      "tabs", // → v2-tabs
     ];
 
     return {

frontend/lib/registry/components/aggregation-widget/index.ts

@@ -35,6 +35,7 @@ export const AggregationWidgetDefinition = createComponentDefinition({
   tags: ["집계", "합계", "평균", "개수", "통계", "데이터"],
   version: "1.0.0",
   author: "개발팀",
+  hidden: true, // v2-aggregation-widget 사용으로 패널에서 숨김
 });
 
 // 타입 내보내기

frontend/lib/registry/components/button-primary/index.ts

@@ -36,6 +36,7 @@ export const ButtonPrimaryDefinition = createComponentDefinition({
   version: "1.0.0",
   author: "개발팀",
   documentation: "https://docs.example.com/components/button-primary",
+  hidden: true, // v2-button-primary 사용으로 패널에서 숨김
 });
 
 // 컴포넌트는 ButtonPrimaryRenderer에서 자동 등록됩니다

frontend/lib/registry/components/card-display/index.ts

@@ -45,6 +45,7 @@ export const CardDisplayDefinition = createComponentDefinition({
   author: "개발팀",
   documentation:
     "테이블 데이터를 카드 형태로 표시하는 컴포넌트입니다. 레이아웃과 다르게 컴포넌트로서 재사용 가능하며, 다양한 설정이 가능합니다.",
+  hidden: true, // v2-card-display 사용으로 패널에서 숨김
 });
 
 // 컴포넌트는 CardDisplayRenderer에서 자동 등록됩니다

frontend/lib/registry/components/divider-line/index.ts

@@ -31,6 +31,7 @@ export const DividerLineDefinition = createComponentDefinition({
   version: "1.0.0",
   author: "Developer",
   documentation: "https://docs.example.com/components/divider-line",
+  hidden: true, // v2-divider-line 사용으로 패널에서 숨김
 });
 
 // 타입 내보내기

frontend/lib/registry/components/location-swap-selector/index.ts

@@ -49,6 +49,7 @@ export const LocationSwapSelectorDefinition = createComponentDefinition({
   tags: ["출발지", "도착지", "교환", "스왑", "위치", "모바일"],
   version: "1.0.0",
   author: "개발팀",
+  hidden: true, // v2-location-swap-selector 사용으로 패널에서 숨김
 });
 
 // 컴포넌트 내보내기

frontend/lib/registry/components/numbering-rule/index.ts

@@ -31,6 +31,7 @@ export const NumberingRuleDefinition = createComponentDefinition({
   version: "1.0.0",
   author: "개발팀",
   documentation: "코드 자동 채번 규칙을 설정합니다. 접두사, 날짜, 순번 등을 조합하여 고유한 코드를 생성할 수 있습니다.",
+  hidden: true, // v2-numbering-rule 사용으로 패널에서 숨김
 });
 
 // 타입 내보내기

frontend/lib/registry/components/pivot-grid/PivotGridRenderer.tsx

@@ -267,6 +267,7 @@ const PivotGridDefinition = createComponentDefinition({
   version: "1.0.0",
   author: "개발팀",
   documentation: "",
+  hidden: true, // v2-pivot-grid 사용으로 패널에서 숨김
 });
 
 /**

frontend/lib/registry/components/rack-structure/index.ts

@@ -55,6 +55,7 @@ formData에서 다음 필드를 자동으로 읽어옵니다:
 - location_type / locationType: 위치 유형
 - status: 사용 여부
   `,
+  hidden: true, // v2-rack-structure 사용으로 패널에서 숨김
 });
 
 // 타입 내보내기

frontend/lib/registry/components/repeat-container/index.ts

@@ -46,6 +46,7 @@ export const RepeatContainerDefinition = createComponentDefinition({
   tags: ["리피터", "반복", "컨테이너", "데이터", "레이아웃", "그리드"],
   version: "1.0.0",
   author: "개발팀",
+  hidden: true, // v2-repeat-container 사용으로 패널에서 숨김
 });
 
 // 타입 내보내기

frontend/lib/registry/components/repeat-screen-modal/index.ts

@@ -89,6 +89,7 @@ export const RepeatScreenModalDefinition = createComponentDefinition({
   tags: ["모달", "폼", "반복", "카드", "그룹핑", "집계", "테이블", "편집", "데이터", "출하계획", "일괄등록", "자유레이아웃"],
   version: "3.0.0",
   author: "개발팀",
+  hidden: true, // v2-repeat-screen-modal 사용으로 패널에서 숨김
 });
 
 // 타입 재 export

frontend/lib/registry/components/section-card/index.ts

@@ -33,6 +33,7 @@ export const SectionCardDefinition = createComponentDefinition({
   tags: ["섹션", "그룹", "카드", "컨테이너", "제목", "card"],
   version: "1.0.0",
   author: "WACE",
+  hidden: true, // v2-section-card 사용으로 패널에서 숨김
 });
 
 // 컴포넌트는 SectionCardRenderer에서 자동 등록됩니다

frontend/lib/registry/components/section-paper/index.ts

@@ -30,6 +30,7 @@ export const SectionPaperDefinition = createComponentDefinition({
   tags: ["섹션", "그룹", "배경", "컨테이너", "색종이", "paper"],
   version: "1.0.0",
   author: "WACE",
+  hidden: true, // v2-section-paper 사용으로 패널에서 숨김
 });
 
 // 컴포넌트는 SectionPaperRenderer에서 자동 등록됩니다

frontend/lib/registry/components/split-panel-layout/index.ts

@@ -48,6 +48,7 @@ export const SplitPanelLayoutDefinition = createComponentDefinition({
   version: "1.0.0",
   author: "개발팀",
   documentation: "https://docs.example.com/components/split-panel-layout",
+  hidden: true, // v2-split-panel-layout 사용으로 패널에서 숨김
 });
 
 // 컴포넌트는 SplitPanelLayoutRenderer에서 자동 등록됩니다

frontend/lib/registry/components/table-list/index.ts

@@ -51,6 +51,7 @@ export const TableListDefinition = createComponentDefinition({
     autoWidth: true,
     stickyHeader: false,
 
+    hidden: true, // v2-table-list 사용으로 패널에서 숨김
     // 가로 스크롤 및 컬럼 고정 설정
     horizontalScroll: {
       enabled: true,

frontend/lib/registry/components/table-search-widget/index.tsx

@@ -33,6 +33,7 @@ ComponentRegistry.registerComponent({
   configPanel: TableSearchWidgetConfigPanel,
   version: "1.0.0",
   author: "WACE",
+  hidden: true, // v2-table-search-widget 사용으로 패널에서 숨김
 });
 
 export { TableSearchWidget } from "./TableSearchWidget";

frontend/lib/registry/components/tabs/tabs-component.tsx

@@ -55,6 +55,8 @@ ComponentRegistry.registerComponent({
     width: 800,
     height: 600,
   },
+
+  hidden: true, // v2-tabs-widget 사용으로 패널에서 숨김
   
   defaultProps: {
     type: "tabs" as const,

frontend/lib/registry/components/text-display/index.ts

@@ -34,6 +34,7 @@ export const TextDisplayDefinition = createComponentDefinition({
   version: "1.0.0",
   author: "개발팀",
   documentation: "https://docs.example.com/components/text-display",
+  hidden: true, // v2-text-display 사용으로 패널에서 숨김
 });
 
 // 타입 내보내기

frontend/lib/registry/components/unified-repeater/index.ts

@@ -92,6 +92,9 @@ export const UnifiedRepeaterDefinition = createComponentDefinition({
 
   // 설정 패널
   configPanel: UnifiedRepeaterConfigPanel,
+
+  // v2-unified-repeater 사용으로 패널에서 숨김
+  hidden: true,
 });
 
 export default UnifiedRepeaterDefinition;