From ac40f0227eb41a679ac601717be351ba7b3b8690 Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Mon, 3 Nov 2025 14:23:53 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20TableListComponent=EC=99=80=20FlowW?=
 =?UTF-8?q?idget=20=EC=83=81=EB=8B=A8=20=ED=97=A4=EB=8D=94=20=EC=A0=9C?=
 =?UTF-8?q?=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- TableListComponent: showHeader 조건부 렌더링 제거
  - 타이틀 표시 영역 삭제
  - 공간 절약을 위해 헤더 완전 제거

- FlowWidget: 플로우 제목 및 설명 영역 제거
  - flowData.name 표시 영역 삭제
  - flowData.description 표시 영역 삭제
  - 더 많은 데이터 표시 공간 확보

UI 개선:
- 불필요한 헤더 제거로 컨텐츠 영역 확대
- 더 많은 데이터를 한 화면에 표시 가능
---
 .../components/screen/widgets/FlowWidget.tsx    | 11 -----------
 .../table-list/TableListComponent.tsx           | 17 -----------------
 2 files changed, 28 deletions(-)

diff --git a/frontend/components/screen/widgets/FlowWidget.tsx b/frontend/components/screen/widgets/FlowWidget.tsx
index 0caa97e4..d3aca16f 100644
--- a/frontend/components/screen/widgets/FlowWidget.tsx
+++ b/frontend/components/screen/widgets/FlowWidget.tsx
@@ -771,17 +771,6 @@ export function FlowWidget({
 
   return (
     <div className="@container flex w-full flex-col p-2 sm:p-4 lg:p-6">
-      {/* 플로우 제목 */}
-      <div className="mb-3 flex-shrink-0 sm:mb-4">
-        <div className="flex items-center justify-center gap-2">
-          <h3 className="text-foreground text-base font-semibold sm:text-lg lg:text-xl">{flowData.name}</h3>
-        </div>
-
-        {flowData.description && (
-          <p className="text-muted-foreground mt-1 text-center text-xs sm:text-sm">{flowData.description}</p>
-        )}
-      </div>
-
       {/* 플로우 스텝 목록 */}
       <div className={`${containerClass} flex-shrink-0`}>
         {steps.map((step, index) => (
diff --git a/frontend/lib/registry/components/table-list/TableListComponent.tsx b/frontend/lib/registry/components/table-list/TableListComponent.tsx
index 9ee28aac..365c1bc5 100644
--- a/frontend/lib/registry/components/table-list/TableListComponent.tsx
+++ b/frontend/lib/registry/components/table-list/TableListComponent.tsx
@@ -1084,14 +1084,6 @@ export const TableListComponent: React.FC<TableListComponentProps> = ({
   if (tableConfig.stickyHeader && !isDesignMode) {
     return (
       <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 || finalSelectedTable}
-            </h2>
-          </div>
-        )}
-
         {tableConfig.filter?.enabled && (
           <div className="px-4 py-3 border-b border-border sm:px-6 sm:py-4">
             <div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:gap-4">
@@ -1184,15 +1176,6 @@ export const TableListComponent: React.FC<TableListComponentProps> = ({
   return (
     <>
       <div {...domProps}>
-        {/* 헤더 */}
-        {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 || finalSelectedTable}
-            </h2>
-          </div>
-        )}
-
         {/* 필터 */}
         {tableConfig.filter?.enabled && (
           <div className="px-4 py-3 border-b border-border flex-shrink-0 sm:px-6 sm:py-4">