From 2b4500a999ea1a0595de7affc81cc066380c1889 Mon Sep 17 00:00:00 2001
From: DDD1542 <puget159@naver.com>
Date: Tue, 17 Mar 2026 15:00:41 +0900
Subject: [PATCH] [agent-pipeline] pipe-20260317054958-cypk round-2

---
 .../screen/panels/V2PropertiesPanel.tsx       | 49 +++++++++----------
 1 file changed, 24 insertions(+), 25 deletions(-)

diff --git a/frontend/components/screen/panels/V2PropertiesPanel.tsx b/frontend/components/screen/panels/V2PropertiesPanel.tsx
index 047a10cb..65f55230 100644
--- a/frontend/components/screen/panels/V2PropertiesPanel.tsx
+++ b/frontend/components/screen/panels/V2PropertiesPanel.tsx
@@ -17,7 +17,6 @@ import {
   GroupComponent,
   DataTableComponent,
   TableInfo,
-  LayoutComponent,
   FileComponent,
   AreaComponent,
 } from "@/types/screen";
@@ -212,15 +211,15 @@ export const V2PropertiesPanel: React.FC<V2PropertiesPanelProps> = ({
         const currentTableName = tables?.[0]?.tableName;
 
         // DB input_type만 조회 (saved config와 분리하여 전달)
-        const colName = selectedComponent.columnName || currentConfig.fieldKey || currentConfig.columnName;
-        const tblName = selectedComponent.tableName || currentTable?.tableName || currentTableName;
+        const colName = (selectedComponent as any).columnName || currentConfig.fieldKey || currentConfig.columnName;
+        const tblName = (selectedComponent as any).tableName || currentTable?.tableName || currentTableName;
         const dbMeta = colName && tblName && !colName.includes(".") ? columnMetaCache[tblName]?.[colName] : undefined;
         const dbInputType = dbMeta ? (() => { const raw = dbMeta.input_type || dbMeta.inputType; return raw === "direct" || raw === "auto" ? undefined : raw; })() : undefined;
 
         // 컴포넌트별 추가 props
         const extraProps: Record<string, any> = {};
-        const resolvedTableName = selectedComponent.tableName || currentTable?.tableName || currentTableName;
-        const resolvedColumnName = selectedComponent.columnName || currentConfig.fieldKey || currentConfig.columnName;
+        const resolvedTableName = (selectedComponent as any).tableName || currentTable?.tableName || currentTableName;
+        const resolvedColumnName = (selectedComponent as any).columnName || currentConfig.fieldKey || currentConfig.columnName;
 
         if (componentId === "v2-input" || componentId === "v2-select") {
           extraProps.componentType = componentId;
@@ -256,7 +255,7 @@ export const V2PropertiesPanel: React.FC<V2PropertiesPanelProps> = ({
         const currentConfig = selectedComponent.componentConfig || {};
 
         // 🔧 ConfigPanelWrapper를 인라인 함수 대신 직접 JSX 반환 (리마운트 방지)
-        const config = currentConfig || definition.defaultProps?.componentConfig || {};
+        const config = currentConfig || (definition as any).defaultProps?.componentConfig || {};
 
         const handlePanelConfigChange = (newConfig: any) => {
           // 🔧 Partial 업데이트: 기존 componentConfig를 유지하면서 새 설정만 병합
@@ -282,14 +281,14 @@ export const V2PropertiesPanel: React.FC<V2PropertiesPanelProps> = ({
                 onConfigChange={handlePanelConfigChange}
                 tables={tables}
                 allTables={allTables}
-                screenTableName={selectedComponent.tableName || currentTable?.tableName || currentTableName}
-                tableName={selectedComponent.tableName || currentTable?.tableName || currentTableName}
+                screenTableName={(selectedComponent as any).tableName || currentTable?.tableName || currentTableName}
+                tableName={(selectedComponent as any).tableName || currentTable?.tableName || currentTableName}
                 columnName={
                   (selectedComponent as any).columnName || currentConfig?.columnName || currentConfig?.fieldName
                 }
                 inputType={(selectedComponent as any).inputType || currentConfig?.inputType}
                 componentType={componentType}
-                tableColumns={currentTable?.columns || []}
+                tableColumns={(currentTable as any)?.columns || []}
                 allComponents={allComponents}
                 currentComponent={selectedComponent}
                 menuObjid={menuObjid}
@@ -323,8 +322,8 @@ export const V2PropertiesPanel: React.FC<V2PropertiesPanelProps> = ({
           componentType={componentType}
           config={selectedComponent.componentConfig || {}}
           onChange={handleDynamicConfigChange}
-          screenTableName={selectedComponent.tableName || currentTable?.tableName || currentTableName}
-          tableColumns={currentTable?.columns || []}
+          screenTableName={(selectedComponent as any).tableName || currentTable?.tableName || currentTableName}
+          tableColumns={(currentTable as any)?.columns || []}
           tables={tables}
           menuObjid={menuObjid}
           allComponents={allComponents}
@@ -491,7 +490,7 @@ export const V2PropertiesPanel: React.FC<V2PropertiesPanelProps> = ({
               <span className="text-muted-foreground text-xs">제목</span>
               <div className="w-[160px]">
                 <Input
-                  value={group.title || area.title || ""}
+                  value={(group as any).title || (area as any).title || ""}
                   onChange={(e) => handleUpdate("title", e.target.value)}
                   placeholder="제목"
                   className="h-7 text-xs"
@@ -503,7 +502,7 @@ export const V2PropertiesPanel: React.FC<V2PropertiesPanelProps> = ({
                 <span className="text-muted-foreground text-xs">설명</span>
                 <div className="w-[160px]">
                   <Input
-                    value={area.description || ""}
+                    value={(area as any).description || ""}
                     onChange={(e) => handleUpdate("description", e.target.value)}
                     placeholder="설명"
                     className="h-7 text-xs"
@@ -519,9 +518,9 @@ export const V2PropertiesPanel: React.FC<V2PropertiesPanelProps> = ({
           <h4 className="text-muted-foreground py-2 text-[10px] font-semibold tracking-wider uppercase">OPTIONS</h4>
           {(isInputField || widget.required !== undefined) &&
             (() => {
-              const colName = widget.columnName || selectedComponent?.columnName;
+              const colName = widget.columnName || (selectedComponent as any)?.columnName;
               const colMeta = colName
-                ? currentTable?.columns?.find(
+                ? (currentTable as any)?.columns?.find(
                     (c: any) => (c.columnName || c.column_name || "").toLowerCase() === colName.toLowerCase(),
                   )
                 : null;
@@ -568,7 +567,7 @@ export const V2PropertiesPanel: React.FC<V2PropertiesPanelProps> = ({
           <div className="flex items-center justify-between py-1.5">
             <span className="text-muted-foreground text-xs">숨김</span>
             <Checkbox
-              checked={selectedComponent.hidden === true || selectedComponent.componentConfig?.hidden === true}
+              checked={(selectedComponent as any).hidden === true || selectedComponent.componentConfig?.hidden === true}
               onCheckedChange={(checked) => {
                 handleUpdate("hidden", checked);
                 handleUpdate("componentConfig.hidden", checked);
@@ -689,7 +688,7 @@ export const V2PropertiesPanel: React.FC<V2PropertiesPanelProps> = ({
               <div className="flex items-center justify-between py-1.5">
                 <span className="text-muted-foreground text-xs">표시</span>
                 <Checkbox
-                  checked={selectedComponent.style?.labelDisplay === true || selectedComponent.labelDisplay === true}
+                  checked={selectedComponent.style?.labelDisplay === true || (selectedComponent as any).labelDisplay === true}
                   onCheckedChange={(checked) => {
                     const boolValue = checked === true;
                     handleUpdate("style.labelDisplay", boolValue);
@@ -785,7 +784,7 @@ export const V2PropertiesPanel: React.FC<V2PropertiesPanelProps> = ({
       const webType = selectedComponent.componentConfig?.webType;
 
       // 테이블 패널에서 드래그한 컴포넌트인지 확인
-      const isFromTablePanel = !!(selectedComponent.tableName && selectedComponent.columnName);
+      const isFromTablePanel = !!((selectedComponent as any).tableName && (selectedComponent as any).columnName);
 
       if (!componentId) {
         return (
@@ -845,8 +844,8 @@ export const V2PropertiesPanel: React.FC<V2PropertiesPanelProps> = ({
           <DynamicComponentConfigPanel
             componentId={componentId}
             config={selectedComponent.componentConfig || {}}
-            screenTableName={selectedComponent.tableName || currentTable?.tableName || currentTableName}
-            tableColumns={currentTable?.columns || []}
+            screenTableName={(selectedComponent as any).tableName || currentTable?.tableName || currentTableName}
+            tableColumns={(currentTable as any)?.columns || []}
             tables={tables}
             menuObjid={menuObjid} // 🆕 메뉴 OBJID 전달
             allComponents={allComponents} // 🆕 연쇄 드롭다운 부모 감지용
@@ -1006,8 +1005,8 @@ export const V2PropertiesPanel: React.FC<V2PropertiesPanelProps> = ({
           <DynamicComponentConfigPanel
             componentId={widget.widgetType}
             config={widget.componentConfig || {}}
-            screenTableName={widget.tableName || currentTable?.tableName || currentTableName}
-            tableColumns={currentTable?.columns || []}
+            screenTableName={(widget as any).tableName || currentTable?.tableName || currentTableName}
+            tableColumns={(currentTable as any)?.columns || []}
             tables={tables}
             menuObjid={menuObjid} // 🆕 메뉴 OBJID 전달
             allComponents={allComponents} // 🆕 연쇄 드롭다운 부모 감지용
@@ -1023,17 +1022,17 @@ export const V2PropertiesPanel: React.FC<V2PropertiesPanelProps> = ({
       return (
         <div className="space-y-4">
           {/* WebType 선택 (있는 경우만) */}
-          {widget.webType && (
+          {(widget as any).webType && (
             <div>
               <Label>입력 타입</Label>
-              <Select value={widget.webType} onValueChange={(value) => handleUpdate("webType", value)}>
+              <Select value={(widget as any).webType} onValueChange={(value) => handleUpdate("webType", value)}>
                 <SelectTrigger className="h-6 w-full px-2 py-0 text-xs">
                   <SelectValue />
                 </SelectTrigger>
                 <SelectContent>
                   {webTypes.map((wt) => (
                     <SelectItem key={wt.web_type} value={wt.web_type}>
-                      {wt.web_type_name_kor || wt.web_type}
+                      {(wt as any).web_type_name_kor || wt.web_type}
                     </SelectItem>
                   ))}
                 </SelectContent>