From 318d60fa42ef9abc32a2536a778089c67491c3ad Mon Sep 17 00:00:00 2001
From: 666ghj <670939375@qq.com>
Date: Tue, 16 Dec 2025 18:55:30 +0800
Subject: [PATCH] Refactor Step5Interaction component to streamline profile
 display and remove unused topics section

- Combined conditions for displaying the profile card body and bio for improved clarity.
- Removed the topics section and associated CSS styles to simplify the component and enhance user experience.
---
 frontend/src/components/Step5Interaction.vue | 32 ++------------------
 1 file changed, 2 insertions(+), 30 deletions(-)

diff --git a/frontend/src/components/Step5Interaction.vue b/frontend/src/components/Step5Interaction.vue
index dbdd2a6..0f15780 100644
--- a/frontend/src/components/Step5Interaction.vue
+++ b/frontend/src/components/Step5Interaction.vue
@@ -156,17 +156,11 @@
                 </svg>
               </button>
             </div>
-            <div v-if="showFullProfile" class="profile-card-body">
-              <div v-if="selectedAgent.bio" class="profile-card-bio">
+            <div v-if="showFullProfile && selectedAgent.bio" class="profile-card-body">
+              <div class="profile-card-bio">
                 <div class="profile-card-label">简介</div>
                 <p>{{ selectedAgent.bio }}</p>
               </div>
-              <div v-if="selectedAgent.interested_topics?.length" class="profile-card-topics">
-                <div class="profile-card-label">兴趣领域</div>
-                <div class="profile-topics-list">
-                  <span v-for="topic in selectedAgent.interested_topics" :key="topic" class="profile-topic-tag">{{ topic }}</span>
-                </div>
-              </div>
             </div>
           </div>
 
@@ -1335,28 +1329,6 @@ watch(() => props.simulationId, (newId) => {
   color: #4B5563;
 }
 
-.profile-card-topics {
-  background: #FFFFFF;
-  padding: 12px 14px;
-  border-radius: 8px;
-  border: 1px solid #E5E7EB;
-}
-
-.profile-topics-list {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-}
-
-.profile-topic-tag {
-  padding: 4px 10px;
-  background: #F3F4F6;
-  color: #374151;
-  border-radius: 12px;
-  font-size: 12px;
-  font-weight: 500;
-}
-
 /* Target Selector */
 .target-selector {
   padding: 16px 24px;