fix(ai-agents): 카드 내 설정 버튼/모델 배지 위치 정렬
Build & Deploy to K8s / build-and-deploy (push) Has been cancelled

description 유무에 따라 카드 내부 컨텐츠 높이가 달라져 모델 배지와 설정 버튼이 카드마다 다른 높이에 노출되는 문제.

- 카드를 flex column 으로 변환하고 버튼 행에 mt-auto 적용 → 항상 카드 바닥 고정.
- description 영역을 항상 렌더링하고 min-h-[28px] (~2줄) 로 고정 → 빈 description 카드도 동일한 공간 차지 → 모델 배지 위치도 일치.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-01 21:42:47 +09:00
parent 81637b64a0
commit a76b85f1e5
@@ -223,7 +223,7 @@ export default function AgentListPage() {
const cfg = agent.config || {};
const fileCount = (cfg.knowledge_files || []).length;
return (
<div key={agent.id} className="group rounded-lg border bg-card p-3.5 transition-all hover:shadow-md hover:border-primary/30">
<div key={agent.id} className="group flex flex-col rounded-lg border bg-card p-3.5 transition-all hover:shadow-md hover:border-primary/30">
<div className="mb-2 flex items-start justify-between">
<div className="flex items-center gap-2">
<div className="flex h-7 w-7 items-center justify-center rounded-md" style={{ backgroundColor: `${color}15` }}>
@@ -236,7 +236,7 @@ export default function AgentListPage() {
</div>
<Badge variant={agent.status === "active" ? "default" : "secondary"} className="h-5 text-[9px]">{agent.status}</Badge>
</div>
{agent.description && <p className="mb-2 text-[10px] text-muted-foreground line-clamp-2">{agent.description}</p>}
<p className="mb-2 min-h-[28px] text-[10px] text-muted-foreground line-clamp-2">{agent.description || ""}</p>
<div className="mb-2 rounded-md bg-muted/50 px-2 py-1.5">
<div className="flex items-center gap-1.5">
<span className="h-2 w-2 rounded-full" style={{ backgroundColor: color }} />
@@ -247,7 +247,7 @@ export default function AgentListPage() {
{fileCount > 0 && <span className="flex items-center gap-0.5"><FileText className="h-2.5 w-2.5" /> {fileCount}</span>}
</div>
</div>
<div className="flex items-center gap-1">
<div className="mt-auto flex items-center gap-1 pt-2">
<Button variant="outline" size="sm" className="h-6 flex-1 text-[10px]" onClick={() => openEdit(agent)}>
<Pencil className="mr-1 h-3 w-3" />
</Button>