From c06acdda8d73b839daae8799f80a2266ea16c8bb Mon Sep 17 00:00:00 2001
From: chyoo <chyoo@futuredrive.net>
Date: Thu, 9 Jul 2026 11:05:01 +0900
Subject: [PATCH] improve common app pipeline history layout

---
 src/pages/common-apps/CommonAppBuildPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/common-apps/CommonAppBuildPage.tsx b/src/pages/common-apps/CommonAppBuildPage.tsx
index 69a86fe..fd30a31 100644
--- a/src/pages/common-apps/CommonAppBuildPage.tsx
+++ b/src/pages/common-apps/CommonAppBuildPage.tsx
@@ -8,7 +8,7 @@ import { LoadingModal, useMinimumLoading } from '../operations/operation-utils';
 import { listCommonAppPipelineHistory, listCommonAppPipelines, type CommonAppPipeline } from './common-app-api';
 import { formatDuration, formatPipelineRelativeTime, formatRepositoryName, formatShortSha, isActivePipelineStatus, pipelineStatusDotClass, pipelineStatusTone } from './common-app-utils';
 
-const historyPageSize = 5;
+const historyPageSize = 6;
 
 export function CommonAppBuildPage() {
   const { toast } = useToast();
@@ -146,6 +146,7 @@ export function CommonAppBuildPage() {
                     <div className="flex min-w-0 items-center gap-2">
                       <span className={cn('size-2.5 shrink-0 rounded-full', pipelineStatusDotClass(pipeline.status))} />
                       <p className="truncate text-sm font-semibold">{formatRepositoryName(pipeline.repository)}</p>
+                      {isActivePipelineStatus(pipeline.status) ? <Loader2 className="size-3.5 shrink-0 animate-spin text-sky-300" /> : null}
                     </div>
                     <p className="mt-1 truncate text-sm text-muted-foreground">
                       <span className="mr-1 font-mono text-xs">#{pipeline.number ?? '-'}</span>
@@ -162,7 +163,6 @@ export function CommonAppBuildPage() {
           <CardHeader
             title="파이프라인 이력"
             description={selectedPipeline ? formatRepositoryName(selectedPipeline.repository) : '저장소를 선택하세요'}
-            action={<Badge tone="neutral">5개씩</Badge>}
           />
           <div className="min-h-[430px] divide-y divide-border">
             {history.length === 0 && !historyLoading ? (