kjs
/
ERP-node
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

[agent-pipeline] pipe-20260315065015-rei8 round-1

This commit is contained in:
DDD1542 2026-03-15 15:54:04 +09:00
parent ea6aa6921c
commit 015cd2c3ed
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/components/screen/ScreenNode.tsx
View File

@ -214,10 +214,10 @@ export const ScreenNode: React.FC<{ data: ScreenNodeData }> = ({ data }) => {
/> />
{/* 헤더 (컬러) */} {/* 헤더 (컬러) */}
<div className={`flex items-center gap-2 px-3 py-2 text-white ${headerColor} transition-colors duration-300`}> <div className={`flex items-center gap-2 px-3 py-2 text-primary-foreground ${headerColor} transition-colors duration-300`}>
<Monitor className="h-4 w-4" /> <Monitor className="h-4 w-4" />
<span className="flex-1 truncate text-xs font-semibold">{label}</span> <span className="flex-1 truncate text-xs font-semibold">{label}</span>
{(isMain || isFocused) && <span className="flex h-2 w-2 rounded-full bg-white/80 animate-pulse" />} {(isMain || isFocused) && <span className="flex h-2 w-2 rounded-full bg-primary-foreground/80 animate-pulse" />}
</div> </div>
{/* 화면 미리보기 영역 (컴팩트) */} {/* 화면 미리보기 영역 (컴팩트) */}
@ -352,7 +352,7 @@ const ScreenPreview: React.FC<{ layoutSummary: ScreenLayoutSummary; screenType:
<div className="h-2.5 w-4 rounded bg-muted-foreground/40" /> <div className="h-2.5 w-4 rounded bg-muted-foreground/40" />
</div> </div>
{/* 컴포넌트 수 */} {/* 컴포넌트 수 */}
<div className="absolute bottom-2 right-2 rounded-md bg-foreground/80 px-2 py-1 text-[10px] font-medium text-white shadow-sm"> <div className="absolute bottom-2 right-2 rounded-md bg-foreground/80 px-2 py-1 text-[10px] font-medium text-primary-foreground shadow-sm">
{totalComponents}개 {totalComponents}개
</div> </div>
</div> </div>
@ -376,7 +376,7 @@ const ScreenPreview: React.FC<{ layoutSummary: ScreenLayoutSummary; screenType:
<div className="h-5 w-14 rounded-md bg-primary shadow-sm" /> <div className="h-5 w-14 rounded-md bg-primary shadow-sm" />
</div> </div>
{/* 컴포넌트 수 */} {/* 컴포넌트 수 */}
<div className="absolute bottom-2 right-2 rounded-md bg-foreground/80 px-2 py-1 text-[10px] font-medium text-white shadow-sm"> <div className="absolute bottom-2 right-2 rounded-md bg-foreground/80 px-2 py-1 text-[10px] font-medium text-primary-foreground shadow-sm">
{totalComponents}개 {totalComponents}개
</div> </div>
</div> </div>
@ -409,7 +409,7 @@ const ScreenPreview: React.FC<{ layoutSummary: ScreenLayoutSummary; screenType:
</div> </div>
</div> </div>
{/* 컴포넌트 수 */} {/* 컴포넌트 수 */}
<div className="absolute bottom-2 right-2 rounded-md bg-foreground/80 px-2 py-1 text-[10px] font-medium text-white shadow-sm"> <div className="absolute bottom-2 right-2 rounded-md bg-foreground/80 px-2 py-1 text-[10px] font-medium text-primary-foreground shadow-sm">
{totalComponents}개 {totalComponents}개
</div> </div>
</div> </div>
@ -429,7 +429,7 @@ const ScreenPreview: React.FC<{ layoutSummary: ScreenLayoutSummary; screenType:
</div> </div>
<div className="text-xs font-medium text-muted-foreground">액션 화면</div> <div className="text-xs font-medium text-muted-foreground">액션 화면</div>
{/* 컴포넌트 수 */} {/* 컴포넌트 수 */}
<div className="absolute bottom-2 right-2 rounded-md bg-foreground/80 px-2 py-1 text-[10px] font-medium text-white shadow-sm"> <div className="absolute bottom-2 right-2 rounded-md bg-foreground/80 px-2 py-1 text-[10px] font-medium text-primary-foreground shadow-sm">
{totalComponents}개 {totalComponents}개
</div> </div>
</div> </div>
@ -654,7 +654,7 @@ export const TableNode: React.FC<{ data: TableNodeData }> = ({ data }) => {
/> />
{/* 헤더 (필터 관계: primary, 필터 소스: primary, 메인: primary, 기본: muted-foreground) */} {/* 헤더 (필터 관계: primary, 필터 소스: primary, 메인: primary, 기본: muted-foreground) */}
<div className={`flex items-center gap-2 px-3 py-1.5 text-white rounded-t-xl transition-colors duration-700 ease-in-out ${ <div className={`flex items-center gap-2 px-3 py-1.5 text-primary-foreground rounded-t-xl transition-colors duration-700 ease-in-out ${
isFaded ? "bg-muted-foreground" : (hasFilterRelation || isFilterSource) ? "bg-primary" : isMain ? "bg-primary" : "bg-muted-foreground" isFaded ? "bg-muted-foreground" : (hasFilterRelation || isFilterSource) ? "bg-primary" : isMain ? "bg-primary" : "bg-muted-foreground"
}`}> }`}>
<Database className="h-3.5 w-3.5 shrink-0" /> <Database className="h-3.5 w-3.5 shrink-0" />
@ -670,7 +670,7 @@ export const TableNode: React.FC<{ data: TableNodeData }> = ({ data }) => {
</div> </div>
</div> </div>
{hasActiveColumns && ( {hasActiveColumns && (
<span className="rounded-full bg-white/20 px-1.5 py-0.5 text-[8px] shrink-0"> <span className="rounded-full bg-primary-foreground/20 px-1.5 py-0.5 text-[8px] shrink-0">
{displayColumns.length}개 활성 {displayColumns.length}개 활성
</span> </span>
)} )}
@ -699,7 +699,7 @@ export const TableNode: React.FC<{ data: TableNodeData }> = ({ data }) => {
{/* 필터 뱃지 */} {/* 필터 뱃지 */}
{filterRefs.length > 0 && ( {filterRefs.length > 0 && (
<span <span
className="flex items-center gap-1 rounded-full bg-primary px-2 py-px text-white font-semibold shadow-sm" className="flex items-center gap-1 rounded-full bg-primary px-2 py-px text-primary-foreground font-semibold shadow-sm"
title={`마스터-디테일 필터링\n${filterRefs.map(r => `${r.fromTable}.${r.fromColumn || 'id'} → ${r.toColumn}`).join('\n')}`} title={`마스터-디테일 필터링\n${filterRefs.map(r => `${r.fromTable}.${r.fromColumn || 'id'} → ${r.toColumn}`).join('\n')}`}
> >
<Link2 className="h-3 w-3" /> <Link2 className="h-3 w-3" />
@ -714,7 +714,7 @@ export const TableNode: React.FC<{ data: TableNodeData }> = ({ data }) => {
{/* 참조 뱃지 */} {/* 참조 뱃지 */}
{lookupRefs.length > 0 && ( {lookupRefs.length > 0 && (
<span <span
className="flex items-center gap-1 rounded-full bg-warning px-2 py-px text-white font-semibold shadow-sm" className="flex items-center gap-1 rounded-full bg-warning px-2 py-px text-warning-foreground font-semibold shadow-sm"
title={`코드 참조 (lookup)\n${lookupRefs.map(r => `${r.fromTable} → ${r.toColumn}`).join('\n')}`} title={`코드 참조 (lookup)\n${lookupRefs.map(r => `${r.fromTable} → ${r.toColumn}`).join('\n')}`}
> >
{lookupRefs.length}곳 참조 {lookupRefs.length}곳 참조