탭 내부 컴포넌트 선택 및 업데이트 기능 추가: RealtimePreviewDynamic, ScreenDesigner, TabsWidget, DynamicComponentRenderer, TabsConfigPanel에서 탭 내부 컴포넌트를 선택하고 업데이트할 수 있는 콜백 함수를 추가하여 사용자 인터랙션을 개선하였습니다. 이를 통해 탭 내에서의 컴포넌트 관리가 용이해졌습니다.

frontend/lib/registry/DynamicComponentRenderer.tsx

@@ -152,6 +152,11 @@ export interface DynamicComponentRendererProps {
   tableDisplayData?: any[]; // 🆕 화면 표시 데이터
   // 플로우 선택된 데이터 정보 (플로우 위젯 선택 액션용)
   flowSelectedData?: any[];
+  // 🆕 컴포넌트 업데이트 콜백 (탭 내부 컴포넌트 위치 조정 등)
+  onUpdateComponent?: (updatedComponent: any) => void;
+  // 🆕 탭 내부 컴포넌트 선택 콜백
+  onSelectTabComponent?: (tabId: string, compId: string, comp: any) => void;
+  selectedTabComponentId?: string;
   flowSelectedStepId?: number | null;
   onFlowSelectedDataChange?: (selectedData: any[], stepId: number | null) => void;
   // 테이블 새로고침 키
@@ -754,6 +759,11 @@ export const DynamicComponentRenderer: React.FC<DynamicComponentRendererProps> =
           // 🆕 탭 관련 정보 전달 (탭 내부의 테이블 컴포넌트에서 사용)
           parentTabId: props.parentTabId,
           parentTabsComponentId: props.parentTabsComponentId,
+          // 🆕 컴포넌트 업데이트 콜백 (탭 내부 컴포넌트 위치 조정 등)
+          onUpdateComponent: props.onUpdateComponent,
+          // 🆕 탭 내부 컴포넌트 선택 콜백
+          onSelectTabComponent: props.onSelectTabComponent,
+          selectedTabComponentId: props.selectedTabComponentId,
         };
 
         // 렌더러가 클래스인지 함수인지 확인