From 19b078cf0240ff137ad265ce86186775f451ff3a Mon Sep 17 00:00:00 2001
From: DDD1542 <puget159@naver.com>
Date: Thu, 12 Mar 2026 04:04:47 +0900
Subject: [PATCH] [agent-pipeline] pipe-20260311185722-je7c round-2

---
 .../V2RepeatContainerConfigPanel.tsx          | 89 +++++++++++++++++++
 .../V2SectionPaperConfigPanel.tsx             | 20 +++++
 2 files changed, 109 insertions(+)

diff --git a/frontend/components/v2/config-panels/V2RepeatContainerConfigPanel.tsx b/frontend/components/v2/config-panels/V2RepeatContainerConfigPanel.tsx
index d1e64897..d5d75f5e 100644
--- a/frontend/components/v2/config-panels/V2RepeatContainerConfigPanel.tsx
+++ b/frontend/components/v2/config-panels/V2RepeatContainerConfigPanel.tsx
@@ -321,6 +321,26 @@ export const V2RepeatContainerConfigPanel: React.FC<V2RepeatContainerConfigPanel
             className="h-7 w-[100px] text-xs"
           />
         </div>
+
+        <div className="flex items-center justify-between py-1">
+          <span className="text-xs text-muted-foreground">최소 너비</span>
+          <Input
+            value={config.itemMinWidth || ""}
+            onChange={(e) => onChange({ itemMinWidth: e.target.value || undefined })}
+            placeholder="auto"
+            className="h-7 w-[100px] text-xs"
+          />
+        </div>
+
+        <div className="flex items-center justify-between py-1">
+          <span className="text-xs text-muted-foreground">최대 너비</span>
+          <Input
+            value={config.itemMaxWidth || ""}
+            onChange={(e) => onChange({ itemMaxWidth: e.target.value || undefined })}
+            placeholder="auto"
+            className="h-7 w-[100px] text-xs"
+          />
+        </div>
       </div>
 
       {/* ─── 3단계: 반복 표시 필드 (슬롯) ─── */}
@@ -474,6 +494,20 @@ export const V2RepeatContainerConfigPanel: React.FC<V2RepeatContainerConfigPanel
             </Popover>
           </div>
 
+          {/* 제목 템플릿 (titleColumn 미사용 시 대체) */}
+          <div className="space-y-1">
+            <span className="text-xs text-muted-foreground">제목 템플릿 (레거시)</span>
+            <Input
+              value={config.itemTitleTemplate || ""}
+              onChange={(e) => onChange({ itemTitleTemplate: e.target.value })}
+              placeholder="{field_name} - {field_code}"
+              className="h-7 text-xs"
+            />
+            <p className="text-[10px] text-muted-foreground">
+              제목 컬럼 미선택 시 사용. 중괄호로 필드 참조
+            </p>
+          </div>
+
           {/* 제목 스타일 */}
           <div className="space-y-2 pt-1">
             <span className="text-[10px] text-muted-foreground">제목 스타일</span>
@@ -749,6 +783,61 @@ export const V2RepeatContainerConfigPanel: React.FC<V2RepeatContainerConfigPanel
                 className="h-7 w-[160px] text-xs"
               />
             </div>
+
+            {/* 데이터 필터링 */}
+            <div className="flex items-center justify-between py-1">
+              <div>
+                <p className="text-sm">필터 필드</p>
+                <p className="text-[11px] text-muted-foreground">formData에서 필터 값을 가져올 키</p>
+              </div>
+              <Input
+                value={config.filterField || ""}
+                onChange={(e) => onChange({ filterField: e.target.value || undefined })}
+                placeholder="미사용"
+                className="h-7 w-[120px] text-xs"
+              />
+            </div>
+
+            {config.filterField && (
+              <div className="flex items-center justify-between py-1">
+                <div>
+                  <p className="text-sm">필터 컬럼</p>
+                  <p className="text-[11px] text-muted-foreground">테이블에서 필터링할 컬럼</p>
+                </div>
+                <Input
+                  value={config.filterColumn || ""}
+                  onChange={(e) => onChange({ filterColumn: e.target.value || undefined })}
+                  placeholder="컬럼명"
+                  className="h-7 w-[120px] text-xs"
+                />
+              </div>
+            )}
+
+            {/* 그룹핑 */}
+            <div className="flex items-center justify-between py-1">
+              <div>
+                <p className="text-sm">그룹핑 사용</p>
+                <p className="text-[11px] text-muted-foreground">특정 필드로 아이템을 그룹화해요</p>
+              </div>
+              <Switch
+                checked={config.useGrouping ?? false}
+                onCheckedChange={(checked) => onChange({ useGrouping: checked })}
+              />
+            </div>
+
+            {config.useGrouping && (
+              <div className="ml-1 border-l-2 border-primary/20 pl-3">
+                <div className="flex items-center justify-between py-1">
+                  <span className="text-xs text-muted-foreground">그룹핑 기준 필드</span>
+                  <Input
+                    value={config.groupByField || ""}
+                    onChange={(e) => onChange({ groupByField: e.target.value || undefined })}
+                    placeholder="필드명"
+                    className="h-7 w-[120px] text-xs"
+                  />
+                </div>
+              </div>
+            )}
           </div>
         </CollapsibleContent>
       </Collapsible>
diff --git a/frontend/components/v2/config-panels/V2SectionPaperConfigPanel.tsx b/frontend/components/v2/config-panels/V2SectionPaperConfigPanel.tsx
index 509d7508..1d549bca 100644
--- a/frontend/components/v2/config-panels/V2SectionPaperConfigPanel.tsx
+++ b/frontend/components/v2/config-panels/V2SectionPaperConfigPanel.tsx
@@ -7,6 +7,7 @@
 
 import React, { useState } from "react";
 import { Input } from "@/components/ui/input";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { Switch } from "@/components/ui/switch";
 import {
   Collapsible,
@@ -243,6 +244,25 @@ export const V2SectionPaperConfigPanel: React.FC<
                 }
               />
             </div>
+
+            {/* 테두리 스타일 */}
+            {config.showBorder && (
+              <div className="flex items-center justify-between py-1">
+                <span className="text-xs text-muted-foreground">테두리 스타일</span>
+                <Select
+                  value={config.borderStyle || "subtle"}
+                  onValueChange={(value) => updateConfig("borderStyle", value)}
+                >
+                  <SelectTrigger className="h-7 w-[100px] text-xs">
+                    <SelectValue />
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectItem value="none">없음</SelectItem>
+                    <SelectItem value="subtle">은은하게</SelectItem>
+                  </SelectContent>
+                </Select>
+              </div>
+            )}
           </div>
         </CollapsibleContent>
       </Collapsible>