Update app.py

app.py

@@ -92,6 +92,11 @@ def get_card(item: dict, index: int, card_type: str = "space") -> str:
     likes = format(item.get('likes', 0), ',')
     created = item.get('createdAt', '').split('T')[0]
     
+    # 메타데이터 처리
+    tags = item.get('tags', [])
+    pipeline_tag = item.get('pipeline_tag', '')
+    license = item.get('license', '')
+    
     # 카드 타입별 특수 처리
     if card_type == "space":
         url = f"https://huggingface.co/spaces/{item_id}"
@@ -102,52 +107,65 @@ def get_card(item: dict, index: int, card_type: str = "space") -> str:
             background-size: cover;
             background-position: center;
         """
-    elif card_type == "model":
-        url = f"https://huggingface.co/{item_id}"
-        type_icon = "🤖"
-        type_label = "MODEL"
-        tags = item.get('tags', [])[:3]  # 상위 3개 태그만 표시
-        bg_content = f"""
-            background: linear-gradient(135deg, #6e8efb, #4a6cf7);
-            display: flex;
-            flex-wrap: wrap;
-            gap: 5px;
+        meta_html = ""
+    else:
+        # models와 datasets를 위한 메타데이터 표시
+        url = f"https://huggingface.co/{item_id}" if card_type == "model" else f"https://huggingface.co/datasets/{item_id}"
+        type_icon = "🤖" if card_type == "model" else "📊"
+        type_label = "MODEL" if card_type == "model" else "DATASET"
+        bg_color = "#6e8efb" if card_type == "model" else "#ff6b6b"
+        
+        meta_html = f"""
+        <div style='
             padding: 15px;
-            align-content: flex-start;
-        """
-        tag_html = ''.join([f"""
-            <span style='
-                background: rgba(255,255,255,0.2);
-                padding: 5px 10px;
-                border-radius: 15px;
+            background: rgba(255,255,255,0.1);
+            border-radius: 10px;
+            margin-top: 10px;'>
+            
+            <!-- Tags -->
+            <div style='
+                display: flex;
+                flex-wrap: wrap;
+                gap: 5px;
+                margin-bottom: 10px;'>
+                {' '.join([f'''
+                    <span style='
+                        background: rgba(255,255,255,0.2);
+                        padding: 5px 10px;
+                        border-radius: 15px;
+                        color: white;
+                        font-size: 0.8em;'>
+                        #{tag}
+                    </span>
+                ''' for tag in tags[:5]])}
+            </div>
+            
+            <!-- Pipeline Tag -->
+            {f'''
+            <div style='
                 color: white;
-                font-size: 0.8em;'>
-                #{tag}
-            </span>
-        """ for tag in tags])
-    else:  # dataset
-        url = f"https://huggingface.co/datasets/{item_id}"
-        type_icon = "📊"
-        type_label = "DATASET"
-        tags = item.get('tags', [])[:3]
+                margin-bottom: 5px;
+                font-size: 0.9em;'>
+                🔧 Pipeline: {pipeline_tag}
+            </div>
+            ''' if pipeline_tag else ''}
+            
+            <!-- License -->
+            {f'''
+            <div style='
+                color: white;
+                font-size: 0.9em;'>
+                📜 License: {license}
+            </div>
+            ''' if license else ''}
+        </div>
+        """
+        
         bg_content = f"""
-            background: linear-gradient(135deg, #ff6b6b, #ff8787);
-            display: flex;
-            flex-wrap: wrap;
-            gap: 5px;
+            background: linear-gradient(135deg, {bg_color}, {bg_color}dd);
             padding: 15px;
-            align-content: flex-start;
+            color: white;
         """
-        tag_html = ''.join([f"""
-            <span style='
-                background: rgba(255,255,255,0.2);
-                padding: 5px 10px;
-                border-radius: 15px;
-                color: white;
-                font-size: 0.8em;'>
-                #{tag}
-            </span>
-        """ for tag in tags])
 
     return f"""
     <div class="card" style='
@@ -202,11 +220,14 @@ def get_card(item: dict, index: int, card_type: str = "space") -> str:
                 {type_icon} {type_label}
             </div>
 
-            {tag_html if card_type != "space" else ""}
+            {meta_html}
         </div>
         
         <!-- 콘텐츠 영역 -->
-        <div style='padding: 20px;'>
+        <div style='
+            padding: 20px;
+            background: {("#f5f5f5" if card_type == "space" else "white")};
+            border-radius: 0 0 20px 20px;'>
             <h3 style='
                 margin: 0 0 15px 0;
                 color: #333;
@@ -239,7 +260,6 @@ def get_card(item: dict, index: int, card_type: str = "space") -> str:
         </div>
     </div>
     """
-    
 
 
 def get_trending_spaces(progress=gr.Progress()) -> Tuple[str, str]: