Change settings

src/views/LiveView.vue

@@ -1,13 +1,12 @@
 <!-- src/views/LiveView.vue -->
 <script setup>
-import { ref, computed, onMounted, onBeforeUnmount } from 'vue'
+import { ref, computed, onMounted } from 'vue'
 import CompareChartE from '../components/CompareChartE.vue'
 import { dataService } from '../lib/dataService.js'
 
 const ASSETS = ['BTC','ETH','SOL','BNB','DOGE','XRP']
 const asset = ref(ASSETS[0])
 const agents = ref([])
-let unsub = null
 
 function score(row){ return typeof row.balance === 'number' ? row.balance : -Infinity }
 
@@ -37,10 +36,16 @@ const winnersSorted = computed(() => [...winners.value].sort((a,b) => score(b) -
 const fmtUSD = n => (n ?? 0).toLocaleString(undefined,{ style:'currency', currency:'USD', maximumFractionDigits:2 })
 
 onMounted(async () => {
-  unsub = dataService.subscribe((snap) => { agents.value = snap.agents || [] })
-  if (!dataService.loaded && !dataService.loading) { try { await dataService.load(false) } catch {} }
+  try {
+     // run the service load if needed (this populates tableRows + caches decisions)
+     if (!dataService.loaded) await dataService.load(false)
+   } catch (e) {
+     console.error('LiveView: dataService.load failed', e)
+   }
+   // copy rows to local reactive state
+   agents.value = Array.isArray(dataService.tableRows) ? dataService.tableRows : []
+   console.log('LiveView: loaded rows =', agents.value.length)
 })
-onBeforeUnmount(() => unsub && unsub())
 </script>
 
 <template>
@@ -54,7 +59,11 @@ onBeforeUnmount(() => unsub && unsub())
       >{{ a }}</button>
     </div>
 
-    <CompareChartE :selected="winnersForChart" :visible="true" />
+    <CompareChartE v-if="winnersForChart.length" :selected="winnersForChart" :visible="true" />
+    <div v-else class="p-4 text-sm text-gray-500 border rounded-lg">
+      No data for {{ asset }} yet. Make sure Supabase has decisions/runs for this asset and that
+      <code>dataService.load()</code> completes. Check console for “LiveView: loaded rows” count.
+    </div>
 
     <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3">
       <div v-for="row in winnersSorted" :key="row.agent_name+'|'+row.asset+'|'+row.model" class="p-3 rounded-xl border flex justify-between items-center">