Merge branch 'main' of https://huggingface.co/spaces/TheFinAI/Agent-Market-Arena into main

.gitignore

@@ -28,3 +28,4 @@ coverage
 *.sw?
 
 *.tsbuildinfo
+.env

agent_submissions_setup.sql

@@ -0,0 +1,20 @@
+-- 1. 添加 agent_submissions_data JSON 列
+ALTER TABLE trading_decisions
+ADD COLUMN IF NOT EXISTS agent_submissions_data JSONB;
+
+-- 2. 初始化数据（在 InvestorAgent, 2025-08-01, BTC, gpt_4.1 这一行）
+UPDATE trading_decisions
+SET agent_submissions_data = '[]'::jsonb
+WHERE agent_name = 'InvestorAgent'
+  AND date = '2025-08-01'
+  AND asset = 'BTC'
+  AND model = 'gpt_4.1';
+
+-- 3. 验证（可选）
+SELECT agent_name, date, asset, model, agent_submissions_data
+FROM trading_decisions
+WHERE agent_name = 'InvestorAgent'
+  AND date = '2025-08-01'
+  AND asset = 'BTC'
+  AND model = 'gpt_4.1';
+

src/components/CompareChartE.vue

@@ -368,7 +368,15 @@ export default defineComponent({
           }
         },
         legend: { show: false },
-        xAxis: { type: 'time' },
+        xAxis: { 
+          type: 'time',
+          axisLabel: {
+            formatter: (value) => {
+              const date = new Date(value);
+              return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
+            }
+          }
+        },
         yAxis: this.mode === 'pct'
           ? {
               type: 'value', scale: true,

src/views/AddAssetView.vue

@@ -214,17 +214,53 @@ export default {
       this.agentForm.message = ''
       
       try {
-        // 保存到 localStorage 以便管理员查看
-        const agentSubmissions = JSON.parse(localStorage.getItem('agentSubmissions') || '[]')
-        agentSubmissions.push({
+        // 读取现有的 agent submissions 数据
+        const { data: row, error: fetchError } = await supabase
+          .from('trading_decisions')
+          .select('agent_submissions_data')
+          .eq('agent_name', 'InvestorAgent')
+          .eq('date', '2025-08-01')
+          .eq('asset', 'BTC')
+          .eq('model', 'gpt_4.1')
+          .single()
+        
+        if (fetchError) throw fetchError
+        
+        let submissions = row?.agent_submissions_data || []
+        
+        const agentSubmission = {
           name: this.agentForm.name,
           endpoint: this.agentForm.endpoint,
           description: this.agentForm.description,
-          timestamp: new Date().toISOString()
-        })
-        localStorage.setItem('agentSubmissions', JSON.stringify(agentSubmissions))
+          timestamp: new Date().toISOString(),
+          votes: 1
+        }
         
-        this.agentForm.message = 'Agent submitted successfully! We will review it soon.'
+        // 检查是否已存在相同 name 的 agent
+        const existingIndex = submissions.findIndex(s => s.name === agentSubmission.name)
+        if (existingIndex >= 0) {
+          // 重复提交时更新所有信息和增加投票
+          submissions[existingIndex].votes += 1
+          submissions[existingIndex].timestamp = agentSubmission.timestamp
+          submissions[existingIndex].endpoint = agentSubmission.endpoint
+          submissions[existingIndex].description = agentSubmission.description
+        } else {
+          submissions.push(agentSubmission)
+        }
+        
+        // 更新到 Supabase
+        const { error: updateError } = await supabase
+          .from('trading_decisions')
+          .update({ agent_submissions_data: submissions })
+          .eq('agent_name', 'InvestorAgent')
+          .eq('date', '2025-08-01')
+          .eq('asset', 'BTC')
+          .eq('model', 'gpt_4.1')
+        
+        if (updateError) throw updateError
+        
+        // 显示成功消息并清空表单
+        this.agentForm.message = 'Agent submitted successfully! Thank you for joining the arena.'
         this.agentForm.messageType = 'success'
         
         // 滚动到消息位置
@@ -235,7 +271,7 @@ export default {
           }
         })
         
-        // Clear form
+        // 5秒后清空表单
         setTimeout(() => {
           this.agentForm.name = ''
           this.agentForm.endpoint = ''
@@ -245,7 +281,8 @@ export default {
         
       } catch (error) {
         console.error('Error submitting agent:', error)
-        this.agentForm.message = 'Failed to submit agent. Please try again.'
+        console.error('Error details:', JSON.stringify(error, null, 2))
+        this.agentForm.message = `Failed to submit agent: ${error.message || 'Please try again'}`
         this.agentForm.messageType = 'error'
         
         // 滚动到消息位置
@@ -360,6 +397,7 @@ export default {
   grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
   gap: 2rem;
   padding: 0 1rem;
+  margin-bottom: 4rem;
 }
 
 .feature-card {
@@ -367,6 +405,8 @@ export default {
   border-radius: 12px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
   transition: transform 0.2s, box-shadow 0.2s;
+  max-height: 800px;
+  overflow-y: auto;
 }
 
 .feature-card:hover {

src/views/LiveView.vue

@@ -6,6 +6,14 @@
         <AssetTabs v-model="asset" :ordered-assets="orderedAssets" />
       </div>
       <div class="toolbar__right">
+        <button 
+          class="refresh-btn" 
+          @click="refreshData" 
+          :disabled="refreshing"
+          title="Refresh data from database"
+        >
+          <i class="pi pi-refresh" :class="{ 'spinning': refreshing }"></i>
+        </button>
         <div class="mode">
           <button class="mode__btn" :class="{ 'is-active': mode==='usd' }" @click="mode='usd'">$</button>
           <button class="mode__btn" :class="{ 'is-active': mode==='pct' }" @click="mode='pct'">%</button>
@@ -36,9 +44,7 @@
           :class="{ winner: c.isWinner, bh: c.kind==='bh', neg: (c.gapUsd ?? 0) < 0, pos: (c.gapUsd ?? 0) >= 0 }"
           :style="{ '--bar': (c.barPct ?? 0) + '%'}"
         >
-          <!-- Rank / BH badge -->
-          <div v-if="c.rank" class="rank">{{ c.rank }}</div>
-          <div v-else-if="c.kind==='bh'" class="rank bh-badge">B&H</div>
+          <!-- Crown -->
           <span v-if="c.isWinner" class="crown" aria-label="Top performer">👑</span>
 
           <!-- Header: logo + names -->
@@ -126,6 +132,7 @@ const ASSET_CUTOFF = { BTC: '2025-08-01' }
 const mode = ref('usd')
 const asset = ref('BTC')
 const rowsRef = ref([])
+const refreshing = ref(false)
 let allDecisions = []
 const cards = shallowRef([])
 
@@ -148,6 +155,23 @@ onMounted(async () => {
   }
 })
 
+/* ---------- refresh data ---------- */
+async function refreshData() {
+  if (refreshing.value) return
+  refreshing.value = true
+  try {
+    console.log('[Live] Force refreshing data from Supabase...')
+    await dataService.forceRefresh()
+    rowsRef.value = Array.isArray(dataService.tableRows) ? dataService.tableRows : []
+    allDecisions = getAllDecisions() || []
+    console.log('[Live] Data refreshed successfully')
+  } catch (e) {
+    console.error('[Live] Error refreshing data:', e)
+  } finally {
+    refreshing.value = false
+  }
+}
+
 /* ---------- helpers ---------- */
 const fmtUSD = (n) => (n ?? 0).toLocaleString(undefined, { style: 'currency', currency: 'USD', maximumFractionDigits: 2 })
 const signedMoney = (n) => `${n >= 0 ? '+' : '−'}${fmtUSD(Math.abs(n))}`
@@ -155,10 +179,11 @@ const signedPct = (p) => `${(p >= 0 ? '+' : '−')}${Math.abs(p * 100).toFixed(2
 const score = (row) => (typeof row.balance === 'number' ? row.balance : -Infinity)
 const profitOf = (c) => (typeof c?.profitUsd === 'number' ? c.profitUsd : ((c?.balance ?? 0) - 100000))
 
-/* rows for selected asset (exclude vanilla/vinilla) */
+/* rows for selected asset (exclude vanilla/vinilla) - only show long_only strategy like leaderboard */
 const filteredRows = computed(() =>
   (rowsRef.value || []).filter(r => {
     if (r.asset !== asset.value) return false
+    if (r.strategy !== 'long_only') return false  // 只显示 Aggressive Long Only 策略
     const name = (r?.agent_name || '').toLowerCase()
     return !EXCLUDED_AGENT_NAMES.has(name)
   })
@@ -172,7 +197,14 @@ const winners = computed(() => {
     const cur = byAgent.get(k)
     if (!cur || score(r) > score(cur)) byAgent.set(k, r)
   }
-  return [...byAgent.values()]
+  const result = [...byAgent.values()]
+  console.log('[Live winners from leaderboard]', result.map(r => ({
+    agent: r.agent_name,
+    model: r.model,
+    strategy: r.strategy,
+    balance: r.balance
+  })))
+  return result
 })
 
 /* chart selections */
@@ -202,16 +234,20 @@ async function buildSeq(sel) {
 
   seq.sort((a,b) => (a.date > b.date ? 1 : -1))
 
-  const isCrypto = assetCode === 'BTC' || assetCode === 'ETH'
-  let filtered = seq
-  if (!isCrypto) filtered = await filterRowsToNyseTradingDays(seq)
-
-  const cutoff = ASSET_CUTOFF[assetCode]
-  if (cutoff) {
-    const t0 = new Date(cutoff + 'T00:00:00Z')
-    filtered = filtered.filter(r => new Date(r.date + 'T00:00:00Z') >= t0)
+  // 如果使用了 decision_ids，数据已经预过滤，不需要再次处理
+  // 只有在没有 decision_ids 时才需要过滤交易日
+  if (!ids.length) {
+    const isCrypto = assetCode === 'BTC' || assetCode === 'ETH'
+    if (!isCrypto) seq = await filterRowsToNyseTradingDays(seq)
+    
+    const cutoff = ASSET_CUTOFF[assetCode]
+    if (cutoff) {
+      const t0 = new Date(cutoff + 'T00:00:00Z')
+      seq = seq.filter(r => new Date(r.date + 'T00:00:00Z') >= t0)
+    }
   }
-  return filtered
+  
+  return seq
 }
 
 async function computeEquities(sel) {
@@ -219,11 +255,26 @@ async function computeEquities(sel) {
   if (!seq.length) return null
 
   const cfg = (STRATEGIES || []).find(s => s.id === sel.strategy) || { strategy: 'long_only', tradingMode: 'aggressive', fee: 0.0005 }
+  
+  console.log('[Live computeEquities]', {
+    agent: sel.agent_name,
+    model: sel.model,
+    strategy: sel.strategy,
+    config: cfg,
+    seqLength: seq.length,
+    decision_ids: sel.decision_ids?.length || 'none'
+  })
 
   const stratY = computeStrategyEquity(seq, 100000, cfg.fee, cfg.strategy, cfg.tradingMode) || []
   const bhY    = computeBuyHoldEquity(seq, 100000) || []
   const lastIdx = Math.min(stratY.length, bhY.length) - 1
   if (lastIdx < 0) return null
+  
+  console.log('[Live computeEquities result]', {
+    agent: sel.agent_name,
+    stratLast: stratY[lastIdx],
+    bhLast: bhY[lastIdx]
+  })
 
   return { date: seq[lastIdx].date, stratLast: stratY[lastIdx], bhLast: bhY[lastIdx] }
 }
@@ -310,6 +361,35 @@ watch(
 
 /* toolbar */
 .toolbar { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 0 10px; background: #ffffff; color: #0f172a; border-bottom: 1px solid #E7ECF3; }
+.toolbar__right { display: flex; align-items: center; gap: 12px; }
+.refresh-btn { 
+  height: 30px; 
+  width: 30px; 
+  border-radius: 10px; 
+  border: 1px solid #D7DDE7; 
+  background: #ffffff; 
+  color: #0f172a; 
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s ease;
+}
+.refresh-btn:hover:not(:disabled) { 
+  background: #f8f9fa; 
+  border-color: #0f172a;
+}
+.refresh-btn:disabled { 
+  opacity: 0.5; 
+  cursor: not-allowed; 
+}
+.refresh-btn i.spinning {
+  animation: spin 1s linear infinite;
+}
+@keyframes spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
 .mode__btn { height: 30px; min-width: 40px; padding: 0 10px; border-radius: 10px; border: 1px solid #D7DDE7; background: #ffffff; font-weight: 700; color: #0f172a; }
 .mode__btn.is-active { background: #0f172a; color: #ffffff; border-color: #0f172a; }
 
@@ -348,12 +428,37 @@ watch(
 .card-f1.bh { border-style: dashed; opacity: 1; }
 
 /* Rank / Crown */
-.rank { position: absolute; top: 10px; left: 12px; font-weight: 900; font-size: 18px; color: rgba(15,23,42,.30); letter-spacing: .04em; }
-.rank.bh-badge { font-size: 12px; background: rgba(15,23,42,.06); padding: 2px 6px; border-radius: 6px; color: #4b5563; }
-.crown { position: absolute; top: 12px; right: 12px; font-size: 18px; filter: drop-shadow(0 1px 1px rgba(0,0,0,.12)); }
+.rank { 
+  position: absolute; 
+  top: 10px; 
+  left: 12px; 
+  font-weight: 900; 
+  font-size: 18px; 
+  color: rgba(15,23,42,.30); 
+  letter-spacing: .04em;
+}
+.rank.bh-badge { 
+  font-size: 12px; 
+  background: rgba(15,23,42,.06); 
+  padding: 2px 6px; 
+  border-radius: 6px; 
+  color: #4b5563;
+}
+.crown { 
+  position: absolute; 
+  top: 12px; 
+  right: 12px; 
+  font-size: 18px; 
+  filter: drop-shadow(0 1px 1px rgba(0,0,0,.12));
+}
 
 /* Head */
-.head { display: grid; grid-template-columns: 40px minmax(0,1fr); align-items: center; gap: 10px; }
+.head { 
+  display: grid; 
+  grid-template-columns: 40px minmax(0,1fr); 
+  align-items: center; 
+  gap: 10px;
+}
 .logo { width: 40px; height: 40px; border-radius: 10px; background: #f3f4f6; display: grid; place-items: center; overflow: hidden; border: 1px solid #E7ECF3; }
 .logo img { width: 100%; height: 100%; object-fit: contain; }
 .logo__fallback { width: 60%; height: 60%; border-radius: 6px; background: #e5e7eb; }