improve release artifacts and common app source details

src/pages/common-apps/CommonAppSourcePage.tsx

@@ -40,11 +40,6 @@ function splitRepository(repository: string) {
   return owner && repo ? { owner, repo } : null;
 }
 
-function cicdLabel(pipeline?: CommonAppPipeline) {
-  if (!pipeline) return '-';
-  return pipeline.ciUrl ? `Woodpecker / ${pipeline.ciUrl}` : 'Woodpecker';
-}
-
 function commitAuthor(commit: GiteaCommit) {
   return commit.author?.login
     || commit.author?.username
@@ -282,8 +277,20 @@ export function CommonAppSourcePage() {
               <p className="mt-2 truncate text-sm font-semibold">{selectedRepository ? formatRepositoryName(selectedRepository) : '-'}</p>
             </div>
             <div className="rounded-md border border-border bg-muted/20 p-4">
+              <div className="flex items-center justify-between gap-3">
                 <p className="text-xs text-muted-foreground">CI/CD</p>
-              <p className="mt-2 truncate text-sm font-semibold">{cicdLabel(selectedPipeline)}</p>
+                <Badge tone={selectedPipeline ? 'green' : 'neutral'}>{selectedPipeline ? '연결됨' : '미연결'}</Badge>
+              </div>
+              <div className="mt-3 space-y-2">
+                <div className="flex items-center justify-between gap-3 text-sm">
+                  <span className="text-muted-foreground">도구</span>
+                  <span className="font-semibold text-foreground">{selectedPipeline ? 'Woodpecker CI' : '-'}</span>
+                </div>
+                <div className="flex items-center justify-between gap-3 text-sm">
+                  <span className="text-muted-foreground">서버</span>
+                  <span className="min-w-0 truncate font-mono text-xs font-medium text-foreground">{selectedPipeline?.ciUrl || '-'}</span>
+                </div>
+              </div>
             </div>
             <div>
               <p className="text-xs text-muted-foreground">조회 브랜치</p>