From 07777e314b23e90a6ff0330f4e07430af7961956 Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Thu, 26 Mar 2026 14:04:51 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=B6=84=ED=95=A0=ED=8C=A8=EB=84=90=20V?=
 =?UTF-8?q?2=20=EC=84=A4=EC=A0=95=EC=97=90=EC=84=9C=20=EC=BB=AC=EB=9F=BC?=
 =?UTF-8?q?=20=EC=84=A0=ED=83=9D=20=EA=B8=B0=EB=8A=A5=20=EB=B3=B5=EC=9B=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 추가 탭에 PanelColumnSection 컬럼 선택 기능 추가
- 우측 패널 custom 모드에서도 컬럼 설정 표시되도록 조건 제거

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../V2SplitPanelLayoutConfigPanel.tsx         | 135 ++++++++++++------
 1 file changed, 89 insertions(+), 46 deletions(-)

diff --git a/frontend/components/v2/config-panels/V2SplitPanelLayoutConfigPanel.tsx b/frontend/components/v2/config-panels/V2SplitPanelLayoutConfigPanel.tsx
index 88b0d7d3..be5f8b80 100644
--- a/frontend/components/v2/config-panels/V2SplitPanelLayoutConfigPanel.tsx
+++ b/frontend/components/v2/config-panels/V2SplitPanelLayoutConfigPanel.tsx
@@ -1507,53 +1507,51 @@ export const V2SplitPanelLayoutConfigPanel: React.FC<V2SplitPanelLayoutConfigPan
             </div>
 
             {/* 우측 패널 컬럼 설정 (접이식) */}
-            {config.rightPanel?.displayMode !== "custom" && (
-              <Collapsible open={rightColumnsOpen} onOpenChange={setRightColumnsOpen}>
-                <CollapsibleTrigger asChild>
-                  <button
-                    type="button"
-                    className="bg-muted/20 hover:bg-muted/40 flex w-full items-center justify-between rounded-md border px-3 py-2 text-left transition-colors"
-                  >
-                    <div className="flex items-center gap-2">
-                      <Columns3 className="text-muted-foreground h-3.5 w-3.5" />
-                      <span className="text-xs font-medium">
-                        컬럼 설정 ({config.rightPanel?.columns?.length || 0}개)
-                      </span>
-                    </div>
-                    <ChevronDown
-                      className={cn(
-                        "text-muted-foreground h-3.5 w-3.5 transition-transform duration-200",
-                        rightColumnsOpen && "rotate-180",
-                      )}
-                    />
-                  </button>
-                </CollapsibleTrigger>
-                <CollapsibleContent>
-                  <div className="mt-2 rounded-md border p-3">
-                    {loadingColumns[rightTableName] ? (
-                      <div className="text-muted-foreground flex items-center gap-2 py-4 text-xs">
-                        <Loader2 className="h-3 w-3 animate-spin" />
-                        컬럼 로딩 중...
-                      </div>
-                    ) : rightTableColumns.length === 0 ? (
-                      <p className="text-muted-foreground py-4 text-center text-xs">
-                        테이블을 선택하면 컬럼이 표시됩니다
-                      </p>
-                    ) : (
-                      <PanelColumnSection
-                        panelKey="rightPanel"
-                        columns={config.rightPanel?.columns}
-                        availableColumns={rightTableColumns}
-                        entityJoinData={rightEntityJoins}
-                        loadingEntityJoins={loadingEntityJoins[rightTableName] || false}
-                        tableName={rightTableName}
-                        onColumnsChange={(columns) => updateRightPanel({ columns })}
-                      />
-                    )}
+            <Collapsible open={rightColumnsOpen} onOpenChange={setRightColumnsOpen}>
+              <CollapsibleTrigger asChild>
+                <button
+                  type="button"
+                  className="bg-muted/20 hover:bg-muted/40 flex w-full items-center justify-between rounded-md border px-3 py-2 text-left transition-colors"
+                >
+                  <div className="flex items-center gap-2">
+                    <Columns3 className="text-muted-foreground h-3.5 w-3.5" />
+                    <span className="text-xs font-medium">
+                      컬럼 설정 ({config.rightPanel?.columns?.length || 0}개)
+                    </span>
                   </div>
-                </CollapsibleContent>
-              </Collapsible>
-            )}
+                  <ChevronDown
+                    className={cn(
+                      "text-muted-foreground h-3.5 w-3.5 transition-transform duration-200",
+                      rightColumnsOpen && "rotate-180",
+                    )}
+                  />
+                </button>
+              </CollapsibleTrigger>
+              <CollapsibleContent>
+                <div className="mt-2 rounded-md border p-3">
+                  {loadingColumns[rightTableName] ? (
+                    <div className="text-muted-foreground flex items-center gap-2 py-4 text-xs">
+                      <Loader2 className="h-3 w-3 animate-spin" />
+                      컬럼 로딩 중...
+                    </div>
+                  ) : rightTableColumns.length === 0 ? (
+                    <p className="text-muted-foreground py-4 text-center text-xs">
+                      테이블을 선택하면 컬럼이 표시됩니다
+                    </p>
+                  ) : (
+                    <PanelColumnSection
+                      panelKey="rightPanel"
+                      columns={config.rightPanel?.columns}
+                      availableColumns={rightTableColumns}
+                      entityJoinData={rightEntityJoins}
+                      loadingEntityJoins={loadingEntityJoins[rightTableName] || false}
+                      tableName={rightTableName}
+                      onColumnsChange={(columns) => updateRightPanel({ columns })}
+                    />
+                  )}
+                </div>
+              </CollapsibleContent>
+            </Collapsible>
 
             {/* 우측 패널 데이터 필터 (접이식) */}
             <Collapsible open={rightFilterOpen} onOpenChange={setRightFilterOpen}>
@@ -2064,6 +2062,51 @@ export const V2SplitPanelLayoutConfigPanel: React.FC<V2SplitPanelLayoutConfigPan
                   </div>
                 )}
 
+                {/* 탭 컬럼 설정 */}
+                {tab.tableName && (loadedTableColumns[tab.tableName] || []).length > 0 && (
+                  <Collapsible defaultOpen>
+                    <CollapsibleTrigger asChild>
+                      <button
+                        type="button"
+                        className="bg-muted/20 hover:bg-muted/40 flex w-full items-center justify-between rounded-md border px-3 py-2 text-left transition-colors"
+                      >
+                        <div className="flex items-center gap-2">
+                          <Columns3 className="text-muted-foreground h-3.5 w-3.5" />
+                          <span className="text-xs font-medium">
+                            컬럼 설정 ({tab.columns?.length || 0}개)
+                          </span>
+                        </div>
+                        <ChevronDown className="text-muted-foreground h-3.5 w-3.5 transition-transform duration-200 [[data-state=open]>&]:rotate-180" />
+                      </button>
+                    </CollapsibleTrigger>
+                    <CollapsibleContent>
+                      <div className="mt-2 rounded-md border p-3">
+                        {loadingColumns[tab.tableName] ? (
+                          <div className="text-muted-foreground flex items-center gap-2 py-4 text-xs">
+                            <Loader2 className="h-3 w-3 animate-spin" />
+                            컬럼 로딩 중...
+                          </div>
+                        ) : (
+                          <PanelColumnSection
+                            panelKey="rightPanel"
+                            columns={tab.columns}
+                            availableColumns={loadedTableColumns[tab.tableName] || []}
+                            entityJoinData={
+                              entityJoinColumns[tab.tableName] || {
+                                availableColumns: [],
+                                joinTables: [],
+                              }
+                            }
+                            loadingEntityJoins={loadingEntityJoins[tab.tableName] || false}
+                            tableName={tab.tableName}
+                            onColumnsChange={(columns) => updateTab(tabIndex, { columns })}
+                          />
+                        )}
+                      </div>
+                    </CollapsibleContent>
+                  </Collapsible>
+                )}
+
                 {/* 탭 기능 토글 */}
                 <div className="space-y-0.5">
                   <SwitchRow