From 3d6ce26f9d43cca9ed44a9c112d39a4c7255eca3 Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Fri, 31 Oct 2025 11:10:09 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=ED=85=8C=EC=9D=B4=EB=B8=94=20=EB=A6=AC?=
 =?UTF-8?q?=EC=8A=A4=ED=8A=B8=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20?=
 =?UTF-8?q?=EC=A0=9C=EB=AA=A9=20=ED=8E=B8=EC=A7=91=20=EA=B8=B0=EB=8A=A5=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- TableListConfigPanel에 테이블 제목 입력 필드 추가
- 제목 표시 우선순위: 사용자 입력 제목 → 테이블 라벨명 → 테이블명
- 사용자가 제목을 비워두면 자동으로 테이블 라벨명 또는 테이블명 표시
- 화면 편집기에서 테이블 제목을 자유롭게 수정 가능
---
 .../table-list/TableListComponent.tsx         |  8 +++++--
 .../table-list/TableListConfigPanel.tsx       | 24 +++++++++++++++++++
 2 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/frontend/lib/registry/components/table-list/TableListComponent.tsx b/frontend/lib/registry/components/table-list/TableListComponent.tsx
index 497b42b7..9ee27c36 100644
--- a/frontend/lib/registry/components/table-list/TableListComponent.tsx
+++ b/frontend/lib/registry/components/table-list/TableListComponent.tsx
@@ -874,7 +874,9 @@ export const TableListComponent: React.FC<TableListComponentProps> = ({
       <div {...domProps}>
         {tableConfig.showHeader && (
           <div className="px-4 py-3 border-b border-border sm:px-6 sm:py-4">
-            <h2 className="text-base font-semibold text-foreground sm:text-lg">{tableConfig.title || tableLabel}</h2>
+            <h2 className="text-base font-semibold text-foreground sm:text-lg">
+              {tableConfig.title || tableLabel || finalSelectedTable}
+            </h2>
           </div>
         )}
 
@@ -936,7 +938,9 @@ export const TableListComponent: React.FC<TableListComponentProps> = ({
         {/* 헤더 */}
         {tableConfig.showHeader && (
           <div className="px-4 py-3 border-b border-border flex-shrink-0 sm:px-6 sm:py-4">
-            <h2 className="text-base font-semibold text-foreground sm:text-lg">{tableConfig.title || tableLabel}</h2>
+            <h2 className="text-base font-semibold text-foreground sm:text-lg">
+              {tableConfig.title || tableLabel || finalSelectedTable}
+            </h2>
           </div>
         )}
 
diff --git a/frontend/lib/registry/components/table-list/TableListConfigPanel.tsx b/frontend/lib/registry/components/table-list/TableListConfigPanel.tsx
index 6b977155..f268e625 100644
--- a/frontend/lib/registry/components/table-list/TableListConfigPanel.tsx
+++ b/frontend/lib/registry/components/table-list/TableListConfigPanel.tsx
@@ -727,6 +727,30 @@ export const TableListConfigPanel: React.FC<TableListConfigPanelProps> = ({
       <div className="text-sm font-medium">테이블 리스트 설정</div>
 
       <div className="space-y-6">
+        {/* 테이블 제목 설정 */}
+        <div className="space-y-3">
+          <div>
+            <h3 className="text-sm font-semibold">테이블 제목</h3>
+          </div>
+          <hr className="border-border" />
+          <div className="space-y-1">
+            <Label htmlFor="tableTitle" className="text-xs">
+              제목 (비워두면 테이블 라벨명 또는 테이블명 표시)
+            </Label>
+            <Input
+              id="tableTitle"
+              type="text"
+              value={config.title || ""}
+              onChange={(e) => handleChange("title", e.target.value)}
+              placeholder="테이블 제목 입력..."
+              className="h-8 text-xs"
+            />
+            <p className="text-[10px] text-muted-foreground">
+              우선순위: 사용자 입력 제목 → 테이블 라벨명 → 테이블명
+            </p>
+          </div>
+        </div>
+
         {/* 가로 스크롤 및 컬럼 고정 */}
         <div className="space-y-3">
           <div>