From 6fcb101f5904160a00c3b1c7e4bb5e6ef3c56595 Mon Sep 17 00:00:00 2001
From: hjjeong <hjjeong@wace.me>
Date: Wed, 13 May 2026 14:34:26 +0900
Subject: [PATCH] =?UTF-8?q?style(batch):=20API=20=ED=8C=8C=EB=9D=BC?=
 =?UTF-8?q?=EB=AF=B8=ED=84=B0=20=EC=84=A4=EC=A0=95=EC=9D=84=20collapsible?=
 =?UTF-8?q?=20=EB=A1=9C=20=EB=B3=80=EA=B2=BD=20=E2=80=94=20=EA=B8=B0?=
 =?UTF-8?q?=EB=B3=B8=20=EC=A0=91=ED=9E=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

이전: 페이지 진입 시 항상 펼쳐져 큰 공간 차지 → 매핑 영역이 화면 밖으로 밀림
신규: <details> + summary 로 기본 접힘. 클릭 시만 펼침. 토글 아이콘 함께.

특정 사용자/조건으로 API 조회할 때만 쓰는 옵션이라 기본 접힘이 자연스러움.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../admin/batch-management-new/page.tsx       | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/frontend/app/(main)/admin/batch-management-new/page.tsx b/frontend/app/(main)/admin/batch-management-new/page.tsx
index 226a38ef..156d083c 100644
--- a/frontend/app/(main)/admin/batch-management-new/page.tsx
+++ b/frontend/app/(main)/admin/batch-management-new/page.tsx
@@ -945,17 +945,20 @@ export default function BatchManagementNewPage() {
                   </div>
                 )}
 
-                {/* API 파라미터 설정 */}
-                <div className="space-y-4">
-                  <div className="border-t pt-4">
-                    <Label className="text-base font-medium">API 파라미터 설정</Label>
-                    <p className="mt-1 text-sm text-muted-foreground">특정 사용자나 조건으로 데이터를 조회할 때 사용합니다.</p>
-                  </div>
-
+                {/* API 파라미터 설정 — 기본 접힘. 필요할 때만 펼침 */}
+                <details className="rounded-lg border bg-muted/20 [&[open]>summary>svg]:rotate-90">
+                  <summary className="flex cursor-pointer list-none items-center gap-2 p-3 text-xs font-medium hover:bg-muted/30">
+                    <svg className="h-3 w-3 transition-transform" viewBox="0 0 12 12" fill="currentColor">
+                      <path d="M4 2l4 4-4 4z" />
+                    </svg>
+                    API 파라미터 설정
+                    <span className="text-[10px] font-normal text-muted-foreground">— 특정 사용자/조건 조회 시</span>
+                  </summary>
+                  <div className="space-y-3 border-t p-3">
                   <div>
-                    <Label>파라미터 타입</Label>
+                    <Label className="text-xs">파라미터 타입</Label>
                     <Select value={apiParamType} onValueChange={(value: any) => setApiParamType(value)}>
-                      <SelectTrigger>
+                      <SelectTrigger className="h-9 text-sm">
                         <SelectValue />
                       </SelectTrigger>
                       <SelectContent>
@@ -1035,7 +1038,8 @@ export default function BatchManagementNewPage() {
                       )}
                     </>
                   )}
-                </div>
+                  </div>
+                </details>
 
                 {/* API 호출 미리보기 정보 */}
                 {fromApiUrl && fromEndpoint && (