Merge branch 'jskim-node' of http://39.117.244.52:3000/kjs/ERP-node into gbpark-node

; Please enter a commit message to explain why this merge is necessary,
; especially if it merges an updated upstream into a topic branch.
;
; Lines starting with ';' will be ignored, and an empty message aborts
; the commit.

frontend/components/screen/widgets/TabsWidget.tsx

@@ -135,6 +135,8 @@ export function TabsWidget({
   const [screenLayouts, setScreenLayouts] = useState<Record<string, ComponentData[]>>({});
   const [screenLoadingStates, setScreenLoadingStates] = useState<Record<string, boolean>>({});
   const [screenErrors, setScreenErrors] = useState<Record<string, string>>({});
+  // 탭별 화면 정보 (screenId, tableName) 저장
+  const [screenInfoMap, setScreenInfoMap] = useState<Record<string, { id: number; tableName?: string }>>({});
 
   // 컴포넌트 탭 목록 변경 시 동기화
   useEffect(() => {
@@ -155,10 +157,21 @@ export function TabsWidget({
         ) {
           setScreenLoadingStates((prev) => ({ ...prev, [tab.id]: true }));
           try {
-            const layoutData = await screenApi.getLayout(extTab.screenId);
+            // 레이아웃과 화면 정보를 병렬로 로드
+            const [layoutData, screenDef] = await Promise.all([
+              screenApi.getLayout(extTab.screenId),
+              screenApi.getScreen(extTab.screenId),
+            ]);
             if (layoutData && layoutData.components) {
               setScreenLayouts((prev) => ({ ...prev, [tab.id]: layoutData.components }));
             }
+            // 탭의 화면 정보 저장 (tableName 포함)
+            if (screenDef) {
+              setScreenInfoMap((prev) => ({
+                ...prev,
+                [tab.id]: { id: extTab.screenId!, tableName: screenDef.tableName },
+              }));
+            }
           } catch (error) {
             console.error(`탭 "${tab.label}" 화면 로드 실패:`, error);
             setScreenErrors((prev) => ({ ...prev, [tab.id]: "화면을 불러올 수 없습니다." }));
@@ -172,6 +185,31 @@ export function TabsWidget({
     loadScreenLayouts();
   }, [visibleTabs, screenLayouts, screenLoadingStates]);
 
+  // screenInfoMap이 없는 탭의 화면 정보 보충 로드
+  // screenId가 있지만 screenInfoMap에 아직 없는 탭의 화면 정보를 로드
+  useEffect(() => {
+    const loadMissingScreenInfo = async () => {
+      for (const tab of visibleTabs) {
+        const extTab = tab as ExtendedTabItem;
+        // screenId가 있고 screenInfoMap에 아직 없는 경우 로드
+        if (extTab.screenId && !screenInfoMap[tab.id]) {
+          try {
+            const screenDef = await screenApi.getScreen(extTab.screenId);
+            if (screenDef) {
+              setScreenInfoMap((prev) => ({
+                ...prev,
+                [tab.id]: { id: extTab.screenId!, tableName: screenDef.tableName },
+              }));
+            }
+          } catch (error) {
+            console.error(`탭 "${tab.label}" 화면 정보 로드 실패:`, error);
+          }
+        }
+      }
+    };
+    loadMissingScreenInfo();
+  }, [visibleTabs, screenInfoMap]);
+
   // 선택된 탭 변경 시 localStorage에 저장 + ActiveTab Context 업데이트
   useEffect(() => {
     if (persistSelection && typeof window !== "undefined") {
@@ -256,7 +294,7 @@ export function TabsWidget({
       // 화면 레이아웃이 로드된 경우
       const loadedComponents = screenLayouts[tab.id];
       if (loadedComponents && loadedComponents.length > 0) {
-        return renderScreenComponents(loadedComponents);
+        return renderScreenComponents(tab, loadedComponents);
       }
 
       // 아직 로드되지 않은 경우
@@ -283,7 +321,7 @@ export function TabsWidget({
   };
 
   // screenId로 로드한 화면 컴포넌트 렌더링
-  const renderScreenComponents = (components: ComponentData[]) => {
+  const renderScreenComponents = (tab: ExtendedTabItem, components: ComponentData[]) => {
     // InteractiveScreenViewerDynamic 동적 로드
     const InteractiveScreenViewerDynamic =
       require("@/components/screen/InteractiveScreenViewerDynamic").InteractiveScreenViewerDynamic;
@@ -316,7 +354,10 @@ export function TabsWidget({
               allComponents={components}
               formData={formData}
               onFormDataChange={onFormDataChange}
+              screenInfo={screenInfoMap[tab.id]}
               menuObjid={menuObjid}
+              parentTabId={tab.id}
+              parentTabsComponentId={component.id}
             />
           </div>
         ))}
@@ -325,7 +366,7 @@ export function TabsWidget({
   };
 
   // 인라인 컴포넌트 렌더링 (v2 방식)
-  const renderInlineComponents = (tab: TabItem, components: TabInlineComponent[]) => {
+  const renderInlineComponents = (tab: ExtendedTabItem, components: TabInlineComponent[]) => {
     // 컴포넌트들의 최대 위치를 계산하여 스크롤 가능한 영역 확보
     const maxBottom = Math.max(
       ...components.map((c) => (c.position?.y || 0) + (c.size?.height || 100)),
@@ -386,6 +427,15 @@ export function TabsWidget({
                 isInteractive={!isDesignMode}
                 selectedRowsData={localSelectedRowsData}
                 onSelectedRowsChange={handleSelectedRowsChange}
+                parentTabId={tab.id}
+                parentTabsComponentId={component.id}
+                // 탭에 screenId가 있으면 해당 화면의 tableName/screenId로 오버라이드
+                {...(screenInfoMap[tab.id]
+                  ? {
+                      tableName: screenInfoMap[tab.id].tableName,
+                      screenId: screenInfoMap[tab.id].id,
+                    }
+                  : {})}
               />
             </div>
           );