Change settings

src/views/LiveView.vue

@@ -3,7 +3,8 @@
     <!-- Toolbar: assets + mode -->
     <header class="toolbar">
       <div class="toolbar__left">
-        <AssetTabs v-model="asset" />
+        <!-- If AssetTabs supports restricting options, this will remove MRNA from the UI -->
+        <AssetTabs v-model="asset" :ordered-assets="orderedAssets" />
       </div>
       <div class="toolbar__right">
         <div class="mode">
@@ -69,6 +70,10 @@ import AssetTabs from '../components/AssetTabs.vue'
 import CompareChartE from '../components/CompareChartE.vue'
 import { dataService } from '../lib/dataService'
 
+// ---- config: hide MRNA in tabs; drop Vanilla/Vinilla agents globally ----
+const orderedAssets = ['BTC','ETH','MSFT','BMRN','TSLA'] // ← MRNA removed
+const EXCLUDED_AGENT_NAMES = new Set(['vanilla', 'vinilla']) // case-insensitive match
+
 // ---- state ----
 const mode = ref('usd') // 'usd' | 'pct'
 const asset = ref('BTC')
@@ -83,7 +88,13 @@ onMounted(async () => {
   } catch (e) {
     console.error('LiveView: dataService.load failed', e)
   }
+  // Copy rows; we’ll filter “vanilla/vinilla” in computed getters below
   agents.value = Array.isArray(dataService.tableRows) ? dataService.tableRows : []
+
+  // Safety: if current asset is MRNA (e.g., from persisted state), push to first allowed
+  if (!orderedAssets.includes(asset.value)) {
+    asset.value = orderedAssets[0]
+  }
 })
 
 // ---- helpers ----
@@ -93,9 +104,17 @@ function score(row) {
 const fmtUSD = (n) =>
   (n ?? 0).toLocaleString(undefined, { style: 'currency', currency: 'USD', maximumFractionDigits: 2 })
 
+const filteredRows = computed(() => {
+  // exclude agents named vanilla/vinilla, case-insensitive
+  return (agents.value || []).filter(r => {
+    const name = (r?.agent_name || '').toLowerCase()
+    return !EXCLUDED_AGENT_NAMES.has(name)
+  })
+})
+
 // Best model per agent for the selected asset (by balance)
 const winners = computed(() => {
-  const rows = (agents.value || []).filter(r => r.asset === asset.value)
+  const rows = filteredRows.value.filter(r => r.asset === asset.value)
   const byAgent = new Map()
   for (const r of rows) {
     const k = r.agent_name
@@ -138,7 +157,7 @@ const winnersSorted = computed(() => [...winners.value].sort((a,b) => score(b) -
   justify-content: space-between;
   gap: 16px;
   padding: 8px 0 10px;
-  background: #fff; /* keeps tabs visible while scrolling */
+  background: #fff;
 }
 .toolbar__left { min-width: 0; }
 .toolbar__right { display: flex; align-items: center; gap: 10px; }
@@ -223,7 +242,4 @@ const winnersSorted = computed(() => [...winners.value].sort((a,b) => score(b) -
 }
 .card__left { min-width: 0; }
 .card__right { display: grid; gap: 4px; justify-items: end; }
-
-/* small utility */
-strong { font-weight: 700; }
 </style>