Add TradeAgent GitHub and arXiv links to Agent Arena page

src/views/AddAssetView.vue

@@ -2,12 +2,30 @@
   <div class="page-container">
     <div class="title-container">
       <span class="main-title">Agent Arena</span>
-      <div class="arxiv-link">
-        <i class="pi pi-file-pdf"></i>
-        <span>Based on</span>
-        <a href="https://arxiv.org/pdf/2412.18174" target="_blank" rel="noopener noreferrer">
-          InvestorBench Paper
-        </a>
+      <div class="agents-info">
+        <div class="agent-info-item">
+          <span class="agent-name">InvestorAgent</span>
+          <div class="agent-links">
+            <a href="https://arxiv.org/pdf/2412.18174" target="_blank" rel="noopener noreferrer" class="agent-link">
+              <i class="pi pi-file-pdf"></i>
+              <span>Paper</span>
+            </a>
+          </div>
+        </div>
+        <div class="agent-info-divider">|</div>
+        <div class="agent-info-item">
+          <span class="agent-name">TradeAgent</span>
+          <div class="agent-links">
+            <a href="https://arxiv.org/pdf/2412.20138" target="_blank" rel="noopener noreferrer" class="agent-link">
+              <i class="pi pi-file-pdf"></i>
+              <span>Paper</span>
+            </a>
+            <a href="https://github.com/TauricResearch/TradingAgents" target="_blank" rel="noopener noreferrer" class="agent-link">
+              <i class="pi pi-github"></i>
+              <span>GitHub</span>
+            </a>
+          </div>
+        </div>
       </div>
     </div>
 
@@ -399,31 +417,85 @@ export default {
   color: #1f1f33;
 }
 
-.arxiv-link {
-  margin-top: 0.75rem;
+.agents-info {
+  margin-top: 1rem;
   display: flex;
   align-items: center;
   justify-content: center;
+  gap: 1.5rem;
+  flex-wrap: wrap;
+}
+
+.agent-info-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
   gap: 0.5rem;
-  font-size: 0.95rem;
-  color: #6b7280;
 }
 
-.arxiv-link i {
-  color: #ef4444;
-  font-size: 1rem;
+.agent-name {
+  font-size: 0.9rem;
+  font-weight: 600;
+  color: #1f2937;
+  letter-spacing: 0.02em;
 }
 
-.arxiv-link a {
-  color: #3b82f6;
+.agent-links {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+.agent-link {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+  padding: 0.35rem 0.75rem;
+  background: #f3f4f6;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  color: #4b5563;
   text-decoration: none;
-  font-weight: 600;
-  transition: color 0.2s;
+  font-size: 0.85rem;
+  font-weight: 500;
+  transition: all 0.2s;
+}
+
+.agent-link:hover {
+  background: #e5e7eb;
+  border-color: #d1d5db;
+  color: #1f2937;
+  transform: translateY(-1px);
+}
+
+.agent-link i {
+  font-size: 0.9rem;
+}
+
+.agent-link:has(.pi-file-pdf) {
+  color: #dc2626;
+}
+
+.agent-link:has(.pi-file-pdf):hover {
+  background: #fee2e2;
+  border-color: #fecaca;
+  color: #b91c1c;
+}
+
+.agent-link:has(.pi-github) {
+  color: #0f172a;
+}
+
+.agent-link:has(.pi-github):hover {
+  background: #f1f5f9;
+  border-color: #e2e8f0;
+  color: #000;
 }
 
-.arxiv-link a:hover {
-  color: #2563eb;
-  text-decoration: underline;
+.agent-info-divider {
+  color: #d1d5db;
+  font-size: 1.2rem;
+  font-weight: 300;
 }
 
 .cards-container {