Merge pull request #2 from Vincent-J-Z/aws-prod

Dockerfile

@@ -1,33 +1,26 @@
-# ---------- build ----------
-FROM node:20-alpine AS build
+FROM node:20-alpine AS deps
 WORKDIR /app
-
-# deps
 COPY package.json package-lock.json* ./
 RUN npm ci --no-audit --no-fund || npm i --no-audit --no-fund
 
-# app source
+FROM node:20-alpine AS build
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
 COPY . .
+ARG VITE_SUPABASE_URL
+ARG VITE_SUPABASE_ANON_KEY
+ARG VITE_SUPABASE_SERVICE_ROLE_KEY
+ENV VITE_SUPABASE_URL=$VITE_SUPABASE_URL \
+    VITE_SUPABASE_ANON_KEY=$VITE_SUPABASE_ANON_KEY \
+    VITE_SUPABASE_SERVICE_ROLE_KEY=$VITE_SUPABASE_SERVICE_ROLE_KEY
+RUN npm run build
 
-# Mount HF secrets at build-time, write .env.production, then build
-# (These IDs MUST match your Secrets names in the Settings tab)
-RUN --mount=type=secret,id=VITE_SUPABASE_URL,mode=0444,required=true \
-    --mount=type=secret,id=VITE_SUPABASE_ANON_KEY,mode=0444,required=true \
-    sh -lc '\
-      URL="$(cat /run/secrets/VITE_SUPABASE_URL)"; \
-      ANON="$(cat /run/secrets/VITE_SUPABASE_ANON_KEY)"; \
-      printf "VITE_SUPABASE_URL=%s\nVITE_SUPABASE_ANON_KEY=%s\n" "$URL" "$ANON" > .env.production; \
-      echo "--- .env.production ---"; cat .env.production; echo "-----------------------"; \
-      npm run build \
-    '
-
-# ---------- runtime ----------
-FROM node:20-alpine AS runtime
+FROM node:20-alpine AS runner
 WORKDIR /app
-
-# serve built assets
+ENV NODE_ENV=production
 COPY --from=build /app/dist ./dist
-RUN npm i -g serve@14
-
+RUN npm i -g serve@14.2.1
 EXPOSE 4173
 CMD ["serve", "-s", "dist", "-l", "4173"]
+
+

src/components/AgentFilters.vue

@@ -186,18 +186,29 @@ export default {
     initializeSlider() {
       if (this.hasDateBounds) {
         // 查找 2025-08-01 在日期数组中的索引
-        const defaultStartDate = new Date('2025-08-01')
+        const targetDateStr = '2025-08-01'
         let startIndex = 0
         
+        // Normalize date bounds to strings for comparison
+        const minDateStr = this.dateBounds.min instanceof Date 
+          ? this.dateBounds.min.toISOString().split('T')[0] 
+          : (typeof this.dateBounds.min === 'string' ? this.dateBounds.min.split('T')[0] : '')
+        const maxDateStr = this.dateBounds.max instanceof Date 
+          ? this.dateBounds.max.toISOString().split('T')[0] 
+          : (typeof this.dateBounds.max === 'string' ? this.dateBounds.max.split('T')[0] : '')
+        
         // 如果默认起始日期在范围内，找到对应的索引
-        if (defaultStartDate >= new Date(this.dateBounds.min) && defaultStartDate <= new Date(this.dateBounds.max)) {
+        if (targetDateStr >= minDateStr && targetDateStr <= maxDateStr) {
           startIndex = this.allDates.findIndex(d => {
-            const dateStr = d.toISOString().split('T')[0]
-            return dateStr === '2025-08-01'
+            const dateStr = d instanceof Date ? d.toISOString().split('T')[0] : (typeof d === 'string' ? d.split('T')[0] : '')
+            return dateStr === targetDateStr
           })
           // 如果没找到精确日期，找最接近的日期
           if (startIndex === -1) {
-            startIndex = this.allDates.findIndex(d => d >= defaultStartDate)
+            startIndex = this.allDates.findIndex(d => {
+              const dateStr = d instanceof Date ? d.toISOString().split('T')[0] : (typeof d === 'string' ? d.split('T')[0] : '')
+              return dateStr >= targetDateStr
+            })
             if (startIndex === -1) startIndex = 0
           }
         }
@@ -281,6 +292,8 @@ export default {
       // 重置到默认起始日期 2025-08-01
       this.initializeSlider()
       this.datesModel = []
+      // 触发 slider 结束事件
+      this.onSliderEnd()
     }
   },
   beforeUnmount() {

src/views/LeaderboardView.vue

@@ -94,7 +94,6 @@ import { countNonTradingDaysBetweenForAsset, countTradingDaysBetweenForAsset } f
 import { computeBuyHoldEquity, computeStrategyEquity, calculateMetricsFromSeries, computeWinRate } from '../lib/perf.js'
 import { STRATEGIES } from '../lib/strategies.js'
 import emailjs from 'emailjs-com'
-
 export default {
   name: 'LeaderboardView',
   components: { AgentTable, AgentFilters, AssetsFilter, CompareChartE, Dialog, InputText },
@@ -208,9 +207,17 @@ export default {
       try {
         const isCrypto = row.asset === 'BTC' || row.asset === 'ETH'
         const seriesAll = Array.isArray(row.series) ? row.series : []
+        
+        // Normalize dates to YYYY-MM-DD format for comparison to avoid timezone issues
+        const startDateStr = start instanceof Date ? start.toISOString().split('T')[0] : (typeof start === 'string' ? start.split('T')[0] : start)
+        const endDateStr = end instanceof Date ? end.toISOString().split('T')[0] : (typeof end === 'string' ? end.split('T')[0] : end)
+        
         const inRange = seriesAll.filter(p => {
-          const d = new Date(p.date)
-          return d >= start && d <= end
+          if (!p || !p.date) return false
+          // Extract date part (YYYY-MM-DD) from the date string
+          const dateStr = typeof p.date === 'string' ? p.date.split('T')[0] : new Date(p.date).toISOString().split('T')[0]
+          // Use string comparison for dates to avoid timezone issues
+          return dateStr >= startDateStr && dateStr <= endDateStr
         })
         if (!inRange.length) return null
         // Get correct strategy config - row.strategy is the ID, we need the strategy type

src/views/LiveView.vue

@@ -204,6 +204,7 @@ const asset = ref('BTC')
 const rowsRef = ref([])
 let allDecisions = []
 const cards = shallowRef([])
+window.cards = cards
 const refreshing = ref(false)
 
 let unsubscribe = null
@@ -318,24 +319,22 @@ async function buildSeq(sel) {
     : allDecisions.filter(r => r.agent_name === agentName && r.asset === assetCode && r.model === model)
 
   seq.sort((a,b) => (a.date > b.date ? 1 : -1))
-
+  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)
+  }
   // if using decision_ids, data is already prefiltered
   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 seq
 }
 
 async function computeEquities(sel) {
   const seq = await buildSeq(sel)
+
   if (!seq.length) return null
 
   const cfg = (STRATEGIES || []).find(s => s.id === sel.strategy) || { strategy: 'long_only', tradingMode: 'aggressive', fee: 0.0005 }