From c40d8ea1ba4580d32fe437340f2fea9531ecacf4 Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Wed, 12 Nov 2025 15:49:52 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=B6=84=ED=95=A0=20=ED=8C=A8=EB=84=90?=
 =?UTF-8?q?=20=EC=9A=B0=EC=B8=A1=20=ED=85=8C=EC=9D=B4=EB=B8=94=20=EC=84=A4?=
 =?UTF-8?q?=EC=A0=95=EC=97=90=EC=84=9C=20=ED=99=94=EB=A9=B4=EC=97=90=20?=
 =?UTF-8?q?=ED=91=9C=EC=8B=9C=EB=90=98=EB=8A=94=20=EC=BB=AC=EB=9F=BC?=
 =?UTF-8?q?=EB=A7=8C=20=EB=B3=B4=EC=9D=B4=EB=8F=84=EB=A1=9D=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

문제:
- 분할 패널의 테이블 옵션/검색필터 설정/그룹 설정에서 모든 컬럼이 표시됨
- 우측 패널에서 rightTableColumns (전체 컬럼) 사용하여 등록

해결:
- componentConfig.rightPanel?.columns (화면 표시 컬럼)만 등록하도록 수정
- 좌측 패널과 동일한 방식으로 displayColumns 사용
- 의존성 배열도 rightTableColumns → rightPanel.columns로 수정

변경 사항:
- rightTableColumns 대신 displayColumns 사용
- 컬럼 매핑 로직 개선 (col.columnName || col.name || col)
- 화면에 실제 표시되는 컬럼만 설정 UI에 노출
---
 .../split-panel-layout/SplitPanelLayoutComponent.tsx        | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/lib/registry/components/split-panel-layout/SplitPanelLayoutComponent.tsx b/frontend/lib/registry/components/split-panel-layout/SplitPanelLayoutComponent.tsx
index 483fc393..b73a1224 100644
--- a/frontend/lib/registry/components/split-panel-layout/SplitPanelLayoutComponent.tsx
+++ b/frontend/lib/registry/components/split-panel-layout/SplitPanelLayoutComponent.tsx
@@ -320,7 +320,9 @@ export const SplitPanelLayoutComponent: React.FC<SplitPanelLayoutComponentProps>
     if (!rightTableName || isDesignMode) return;
 
     const rightTableId = `split-panel-right-${component.id}`;
-    const rightColumns = rightTableColumns.map((col: any) => col.columnName || col.column_name).filter(Boolean);
+    // 🔧 화면에 표시되는 컬럼만 등록 (displayColumns 또는 columns)
+    const displayColumns = componentConfig.rightPanel?.columns || [];
+    const rightColumns = displayColumns.map((col: any) => col.columnName || col.name || col).filter(Boolean);
 
     if (rightColumns.length > 0) {
       registerTable({
@@ -343,7 +345,7 @@ export const SplitPanelLayoutComponent: React.FC<SplitPanelLayoutComponentProps>
 
       return () => unregisterTable(rightTableId);
     }
-  }, [component.id, componentConfig.rightPanel?.tableName, rightTableColumns, rightColumnLabels, component.title, isDesignMode]);
+  }, [component.id, componentConfig.rightPanel?.tableName, componentConfig.rightPanel?.columns, rightColumnLabels, component.title, isDesignMode]);
 
   // 좌측 테이블 컬럼 라벨 로드
   useEffect(() => {