Update trading fees to 0.06% and add 0.1% slippage fee

- Updated trading fee from 0.05% to 0.06% in strategies.js and perf.js
- Added 0.1% slippage: buy at price×1.001, sell at price×0.999
- Added Updates modal in Footer with changelog display

src/components/FooterOpen.vue

@@ -17,6 +17,31 @@
         </div>
       </div>
     </div>
+
+    <!-- Bottom right: copyright and updates -->
+    <div class="footer-bottom-right">
+      <span class="copyright">© 2025 Agent Market Arena</span>
+      <span class="divider">|</span>
+      <span class="updates-link" @click="showUpdates = true">Updates</span>
+    </div>
+
+    <!-- Updates Modal -->
+    <div v-if="showUpdates" class="modal-overlay" @click.self="showUpdates = false">
+      <div class="modal-content">
+        <div class="modal-header">
+          <span class="modal-title">📋 Major Updates</span>
+          <span class="modal-close" @click="showUpdates = false">✕</span>
+        </div>
+        <div class="modal-body">
+          <div v-for="(update, idx) in updates" :key="idx" class="update-item">
+            <div class="update-date">{{ update.date }}</div>
+            <ul class="update-list">
+              <li v-for="(item, i) in update.items" :key="i" v-html="item"></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
   </footer>
 </template>
 
@@ -25,6 +50,7 @@ export default {
   name: "PageFooter",
   data() {
     return {
+      showUpdates: false,
       presentedBy: [
         { name: "DeepKin", src: new URL("../assets/images/companies_images/deepkin_logo.png", import.meta.url).href },
         { name: "The Fin AI", src: new URL("../assets/images/companies_images/logofinai.png", import.meta.url).href },
@@ -39,6 +65,15 @@ export default {
         { name: "Université de Montréal", src: new URL("../assets/images/companies_images/montreal.png", import.meta.url).href },
         { name: "Georgia Institute of Technology", src: new URL("../assets/images/companies_images/georgia.png", import.meta.url).href },
       ],
+      updates: [
+        {
+          date: '2025-12-05',
+          items: [
+            '<strong>Trading Fee:</strong> Updated from 0.05% to <strong>0.06%</strong>',
+            '<strong>Slippage Fee:</strong> Added <strong>0.1%</strong> slippage<br/>&nbsp;&nbsp;• Buy orders: price × 1.001<br/>&nbsp;&nbsp;• Sell orders: price × 0.999',
+          ]
+        },
+      ],
     };
   },
 };
@@ -108,6 +143,126 @@ export default {
   filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2));
 }
 
+/* Bottom right section */
+.footer-bottom-right {
+  position: absolute;
+  bottom: 0.5rem;
+  right: 1rem;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.75rem;
+  color: #6b7280;
+}
+
+.copyright {
+  font-weight: 500;
+}
+
+.divider {
+  color: #d1d5db;
+}
+
+.updates-link {
+  cursor: pointer;
+  color: #4f46e5;
+  font-weight: 600;
+  transition: color 0.2s ease;
+}
+
+.updates-link:hover {
+  color: #3730a3;
+  text-decoration: underline;
+}
+
+/* Modal styles */
+.modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+
+.modal-content {
+  background: #fff;
+  border-radius: 12px;
+  width: 90%;
+  max-width: 480px;
+  max-height: 80vh;
+  overflow: hidden;
+  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
+}
+
+.modal-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1rem 1.25rem;
+  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
+  color: #fff;
+}
+
+.modal-title {
+  font-size: 1.1rem;
+  font-weight: 700;
+}
+
+.modal-close {
+  cursor: pointer;
+  font-size: 1.25rem;
+  opacity: 0.8;
+  transition: opacity 0.2s;
+}
+
+.modal-close:hover {
+  opacity: 1;
+}
+
+.modal-body {
+  padding: 1.25rem;
+  max-height: 60vh;
+  overflow-y: auto;
+}
+
+.update-item {
+  margin-bottom: 1.25rem;
+}
+
+.update-item:last-child {
+  margin-bottom: 0;
+}
+
+.update-date {
+  font-size: 0.9rem;
+  font-weight: 700;
+  color: #4f46e5;
+  margin-bottom: 0.5rem;
+  padding-bottom: 0.25rem;
+  border-bottom: 2px solid #e5e7eb;
+}
+
+.update-list {
+  margin: 0;
+  padding-left: 1.25rem;
+  color: #374151;
+  font-size: 0.875rem;
+  line-height: 1.6;
+}
+
+.update-list li {
+  margin-bottom: 0.5rem;
+}
+
+.update-list li:last-child {
+  margin-bottom: 0;
+}
+
 /* Responsive */
 @media (max-width: 768px) {
   .page-footer {
@@ -119,6 +274,12 @@ export default {
     width: 60px;
     height: 20px;
   }
+
+  .footer-bottom-right {
+    position: static;
+    margin-top: 0.5rem;
+    justify-content: center;
+  }
 }
 
 @media (max-width: 480px) {
@@ -134,5 +295,9 @@ export default {
     width: 52px;
     height: 18px;
   }
+
+  .footer-bottom-right {
+    font-size: 0.7rem;
+  }
 }
 </style>

src/lib/perf.js

@@ -6,23 +6,29 @@ function sanitizeRows(rows) {
   return list
 }
 
-export function computeBuyHoldEquity(rows, initial = 100000, fee = 0.0005) {
+const SLIPPAGE = 0.001 // 0.1% slippage
+
+export function computeBuyHoldEquity(rows, initial = 100000, fee = 0.0006) {
   const data = sanitizeRows(rows)
   if (data.length === 0) return []
-  const firstPrice = Number(data[0].price)
+  const firstPrice = Number(data[0].price) * (1 + SLIPPAGE) // buy at higher price
   const equity = []
   // open with fee
   let capital = initial * (1 - fee)
   for (let i = 0; i < data.length; i++) {
     const price = Number(data[i].price)
     let value = firstPrice > 0 ? capital * (price / firstPrice) : capital
-    if (i === data.length - 1) value = value * (1 - fee) // closing fee
+    if (i === data.length - 1) {
+      // sell at lower price + closing fee
+      const sellPrice = price * (1 - SLIPPAGE)
+      value = firstPrice > 0 ? capital * (sellPrice / firstPrice) * (1 - fee) : capital
+    }
     equity.push(Math.max(0, value))
   }
   return equity
 }
 
-export function computeStrategyEquity(rows, initial = 100000, fee = 0.0005, strategy = 'long_short', tradingMode = 'normal') {
+export function computeStrategyEquity(rows, initial = 100000, fee = 0.0006, strategy = 'long_short', tradingMode = 'normal') {
   const data = sanitizeRows(rows)
   if (data.length === 0) return []
   let capital = initial
@@ -38,49 +44,69 @@ export function computeStrategyEquity(rows, initial = 100000, fee = 0.0005, stra
     const action = String(data[i].recommended_action || 'HOLD').toUpperCase()
     if (tradingMode === 'normal') {
       if (action === 'BUY') {
-        if (position === 'FLAT') { position = 'LONG'; entryPrice = price; capital *= (1 - fee); dailyCapital = capital }
+        if (position === 'FLAT') { 
+          position = 'LONG'; entryPrice = price * (1 + SLIPPAGE); capital *= (1 - fee); dailyCapital = capital 
+        }
         else if (position === 'SHORT') {
-          const ret = entryPrice ? (entryPrice - price) / entryPrice : 0
+          const buyPrice = price * (1 + SLIPPAGE) // buy to close short at higher price
+          const ret = entryPrice ? (entryPrice - buyPrice) / entryPrice : 0
           capital *= (1 + ret) * (1 - fee)
-          position = 'LONG'; entryPrice = price; capital *= (1 - fee); dailyCapital = capital
+          position = 'LONG'; entryPrice = price * (1 + SLIPPAGE); capital *= (1 - fee); dailyCapital = capital
         }
       } else if (action === 'SELL') {
         if (position === 'LONG') {
-          const ret = entryPrice ? (price - entryPrice) / entryPrice : 0
+          const sellPrice = price * (1 - SLIPPAGE) // sell at lower price
+          const ret = entryPrice ? (sellPrice - entryPrice) / entryPrice : 0
           capital *= (1 + ret) * (1 - fee); position = 'FLAT'; entryPrice = 0; dailyCapital = capital
         } else if (position === 'FLAT' && strategy === 'long_short') {
-          position = 'SHORT'; entryPrice = price; capital *= (1 - fee); dailyCapital = capital
+          position = 'SHORT'; entryPrice = price * (1 - SLIPPAGE); capital *= (1 - fee); dailyCapital = capital
         }
       }
       // HOLD keeps position
     } else { // aggressive: HOLD forces flat, BUY/SELL switch directly
       if (action === 'HOLD') {
         if (position === 'LONG') {
-          const ret = entryPrice ? (price - entryPrice) / entryPrice : 0
+          const sellPrice = price * (1 - SLIPPAGE)
+          const ret = entryPrice ? (sellPrice - entryPrice) / entryPrice : 0
           capital *= (1 + ret) * (1 - fee); position = 'FLAT'; entryPrice = 0; dailyCapital = capital
         } else if (position === 'SHORT') {
-          const ret = entryPrice ? (entryPrice - price) / entryPrice : 0
+          const buyPrice = price * (1 + SLIPPAGE)
+          const ret = entryPrice ? (entryPrice - buyPrice) / entryPrice : 0
           capital *= (1 + ret) * (1 - fee); position = 'FLAT'; entryPrice = 0; dailyCapital = capital
         }
       } else if (action === 'BUY') {
         if (position === 'SHORT') {
-          const ret = entryPrice ? (entryPrice - price) / entryPrice : 0
+          const buyPrice = price * (1 + SLIPPAGE)
+          const ret = entryPrice ? (entryPrice - buyPrice) / entryPrice : 0
           capital *= (1 + ret) * (1 - fee); position = 'FLAT'; entryPrice = 0; dailyCapital = capital
         }
-        if (position === 'FLAT') { position = 'LONG'; entryPrice = price; capital *= (1 - fee); dailyCapital = capital }
+        if (position === 'FLAT') { 
+          position = 'LONG'; entryPrice = price * (1 + SLIPPAGE); capital *= (1 - fee); dailyCapital = capital 
+        }
       } else if (action === 'SELL') {
         if (position === 'LONG') {
-          const ret = entryPrice ? (price - entryPrice) / entryPrice : 0
+          const sellPrice = price * (1 - SLIPPAGE)
+          const ret = entryPrice ? (sellPrice - entryPrice) / entryPrice : 0
           capital *= (1 + ret) * (1 - fee); position = 'FLAT'; entryPrice = 0; dailyCapital = capital
         }
-        if (position === 'FLAT' && strategy === 'long_short') { position = 'SHORT'; entryPrice = price; capital *= (1 - fee); dailyCapital = capital }
+        if (position === 'FLAT' && strategy === 'long_short') { 
+          position = 'SHORT'; entryPrice = price * (1 - SLIPPAGE); capital *= (1 - fee); dailyCapital = capital 
+        }
       }
     }
     series.push(dailyCapital)
     if (i === data.length - 1 && position !== 'FLAT') {
-      // force close last day
-      if (position === 'LONG') { const ret = entryPrice ? (data[i].price - entryPrice) / entryPrice : 0; capital *= (1 + ret) * (1 - fee) }
-      else if (position === 'SHORT') { const ret = entryPrice ? (entryPrice - data[i].price) / entryPrice : 0; capital *= (1 + ret) * (1 - fee) }
+      // force close last day with slippage
+      if (position === 'LONG') { 
+        const sellPrice = data[i].price * (1 - SLIPPAGE)
+        const ret = entryPrice ? (sellPrice - entryPrice) / entryPrice : 0
+        capital *= (1 + ret) * (1 - fee) 
+      }
+      else if (position === 'SHORT') { 
+        const buyPrice = data[i].price * (1 + SLIPPAGE)
+        const ret = entryPrice ? (entryPrice - buyPrice) / entryPrice : 0
+        capital *= (1 + ret) * (1 - fee) 
+      }
       series[series.length - 1] = capital
       position = 'FLAT'; entryPrice = 0
     }

src/lib/strategies.js

@@ -3,10 +3,10 @@
 // -------------------- public config --------------------
 
 export const STRATEGIES = [
-  { id: 'long_only',           label: 'Aggressive Long Only', strategy: 'long_only', tradingMode: 'aggressive', fee: 0.0005 },
-  { id: 'conservative_long',   label: 'Conservative Long',     strategy: 'long_only', tradingMode: 'conservative', fee: 0.0002 },
-  { id: 'long_short',          label: 'Long/Short',            strategy: 'long_short', tradingMode: 'aggressive',  fee: 0.0007 },
-  { id: 'neutral',             label: 'Market Neutral',        strategy: 'market_neutral', tradingMode: 'neutral', fee: 0.0005 },
+  { id: 'long_only',           label: 'Aggressive Long Only', strategy: 'long_only', tradingMode: 'aggressive', fee: 0.0006 },
+  { id: 'conservative_long',   label: 'Conservative Long',     strategy: 'long_only', tradingMode: 'conservative', fee: 0.0006 },
+  { id: 'long_short',          label: 'Long/Short',            strategy: 'long_short', tradingMode: 'aggressive',  fee: 0.0006 },
+  { id: 'neutral',             label: 'Market Neutral',        strategy: 'market_neutral', tradingMode: 'neutral', fee: 0.0006 },
 ];
 
 // Simple pleasant palette (baseline uses its own dashed gray)