From 6a4ebf362cbf0586fdc3bfed16af090d5ecc67f5 Mon Sep 17 00:00:00 2001
From: SeongHyun Kim <kksh7842@gmail.com>
Date: Mon, 22 Dec 2025 14:36:13 +0900
Subject: [PATCH] =?UTF-8?q?feat(UniversalFormModal):=20=EC=A0=80=EC=9E=A5?=
 =?UTF-8?q?=20=EB=B2=84=ED=8A=BC=20=ED=91=9C=EC=8B=9C=20=EC=84=A4=EC=A0=95?=
 =?UTF-8?q?=20=EC=98=B5=EC=85=98=20=EC=B6=94=EA=B0=80=20ConfigPanel?=
 =?UTF-8?q?=EC=97=90=20showSaveButton=20=EC=B2=B4=ED=81=AC=EB=B0=95?=
 =?UTF-8?q?=EC=8A=A4=20=EC=B6=94=EA=B0=80=20=EC=B2=B4=ED=81=AC=20=ED=95=B4?=
 =?UTF-8?q?=EC=A0=9C=20=EC=8B=9C=20=EB=AA=A8=EB=8B=AC=20=ED=95=98=EB=8B=A8?=
 =?UTF-8?q?=20=EC=A0=80=EC=9E=A5=20=EB=B2=84=ED=8A=BC=20=EC=88=A8=EA=B9=80?=
 =?UTF-8?q?=20=EA=B0=80=EB=8A=A5=20SaveSettingsModal=20SelectItem=20key=20?=
 =?UTF-8?q?=EC=A4=91=EB=B3=B5=20=ED=95=B4=EA=B2=B0=20=EC=84=9C=EB=B8=8C=20?=
 =?UTF-8?q?=ED=85=8C=EC=9D=B4=EB=B8=94=20=EC=82=AD=EC=A0=9C=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=ED=81=B4=EB=A6=AD=20=EC=9D=B4=EB=B2=A4=ED=8A=B8=20?=
 =?UTF-8?q?=EC=B6=A9=EB=8F=8C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../UniversalFormModalConfigPanel.tsx         | 16 ++++++++
 .../modals/SaveSettingsModal.tsx              | 38 +++++++++----------
 2 files changed, 35 insertions(+), 19 deletions(-)

diff --git a/frontend/lib/registry/components/universal-form-modal/UniversalFormModalConfigPanel.tsx b/frontend/lib/registry/components/universal-form-modal/UniversalFormModalConfigPanel.tsx
index 4ef28d6f..aa2386be 100644
--- a/frontend/lib/registry/components/universal-form-modal/UniversalFormModalConfigPanel.tsx
+++ b/frontend/lib/registry/components/universal-form-modal/UniversalFormModalConfigPanel.tsx
@@ -4,6 +4,7 @@ import React, { useState, useEffect, useCallback } from "react";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
+import { Checkbox } from "@/components/ui/checkbox";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion";
 import { Badge } from "@/components/ui/badge";
@@ -334,6 +335,21 @@ export function UniversalFormModalConfigPanel({ config, onChange }: UniversalFor
                 <HelpText>모달 창의 크기를 선택하세요</HelpText>
               </div>
 
+              {/* 저장 버튼 표시 설정 */}
+              <div className="w-full min-w-0">
+                <div className="flex items-center gap-2">
+                  <Checkbox
+                    id="show-save-button"
+                    checked={config.modal.showSaveButton !== false}
+                    onCheckedChange={(checked) => updateModalConfig({ showSaveButton: checked === true })}
+                  />
+                  <Label htmlFor="show-save-button" className="text-xs font-medium cursor-pointer">
+                    저장 버튼 표시
+                  </Label>
+                </div>
+                <HelpText>체크 해제 시 모달 하단의 저장 버튼이 숨겨집니다</HelpText>
+              </div>
+
               <div className="space-y-3 w-full min-w-0">
                 <div className="w-full min-w-0">
                   <Label className="text-xs font-medium mb-1.5 block">저장 버튼 텍스트</Label>
diff --git a/frontend/lib/registry/components/universal-form-modal/modals/SaveSettingsModal.tsx b/frontend/lib/registry/components/universal-form-modal/modals/SaveSettingsModal.tsx
index 2607cf83..c9976ed8 100644
--- a/frontend/lib/registry/components/universal-form-modal/modals/SaveSettingsModal.tsx
+++ b/frontend/lib/registry/components/universal-form-modal/modals/SaveSettingsModal.tsx
@@ -217,8 +217,8 @@ export function SaveSettingsModal({
   const repeatSections = sections.filter((s) => s.repeatable);
 
   // 모든 필드 목록 (반복 섹션 포함)
-  const getAllFields = (): { columnName: string; label: string; sectionTitle: string }[] => {
-    const fields: { columnName: string; label: string; sectionTitle: string }[] = [];
+  const getAllFields = (): { columnName: string; label: string; sectionTitle: string; sectionId: string }[] => {
+    const fields: { columnName: string; label: string; sectionTitle: string; sectionId: string }[] = [];
     sections.forEach((section) => {
       // 필드 타입 섹션만 처리 (테이블 타입은 fields가 undefined)
       if (section.fields && Array.isArray(section.fields)) {
@@ -227,6 +227,7 @@ export function SaveSettingsModal({
             columnName: field.columnName,
             label: field.label,
             sectionTitle: section.title,
+            sectionId: section.id,
           });
         });
       }
@@ -550,8 +551,8 @@ export function SaveSettingsModal({
                           return (
                             <Accordion key={subIndex} type="single" collapsible>
                               <AccordionItem value={`sub-${subIndex}`} className="border rounded-lg bg-orange-50/30">
-                                <AccordionTrigger className="px-3 py-2 text-xs hover:no-underline">
-                                  <div className="flex items-center justify-between flex-1">
+                                <div className="flex items-center justify-between px-3 py-2">
+                                  <AccordionTrigger className="flex-1 text-xs hover:no-underline p-0">
                                     <div className="flex items-center gap-2">
                                       <span className="font-medium">
                                         서브 테이블 {subIndex + 1}: {subTable.tableName || "(미설정)"}
@@ -560,19 +561,18 @@ export function SaveSettingsModal({
                                         ({subTable.fieldMappings?.length || 0}개 매핑)
                                       </span>
                                     </div>
-                                    <Button
-                                      size="sm"
-                                      variant="ghost"
-                                      onClick={(e) => {
-                                        e.stopPropagation();
-                                        removeSubTable(subIndex);
-                                      }}
-                                      className="h-5 w-5 p-0 text-destructive hover:text-destructive mr-2"
-                                    >
-                                      <Trash2 className="h-3 w-3" />
-                                    </Button>
-                                  </div>
-                                </AccordionTrigger>
+                                  </AccordionTrigger>
+                                  <button
+                                    type="button"
+                                    onClick={(e) => {
+                                      e.stopPropagation();
+                                      removeSubTable(subIndex);
+                                    }}
+                                    className="h-5 w-5 p-0 text-destructive hover:text-destructive/80 ml-2 inline-flex items-center justify-center"
+                                  >
+                                    <Trash2 className="h-3 w-3" />
+                                  </button>
+                                </div>
                                 <AccordionContent className="px-3 pb-3 space-y-3">
                                   <div>
                                     <Label className="text-[10px]">서브 테이블명</Label>
@@ -755,8 +755,8 @@ export function SaveSettingsModal({
                                                   <SelectValue placeholder="필드 선택" />
                                                 </SelectTrigger>
                                                 <SelectContent>
-                                                  {allFields.map((field) => (
-                                                    <SelectItem key={field.columnName} value={field.columnName}>
+                                                  {allFields.map((field, fieldIndex) => (
+                                                    <SelectItem key={`${field.sectionId}-${field.columnName}-${fieldIndex}`} value={field.columnName}>
                                                       {field.label} ({field.sectionTitle})
                                                     </SelectItem>
                                                   ))}