feat: add reporting workflow and optimize dashboard loading

frontend/src/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onMounted, onUnmounted, shallowRef } from 'vue'
+import { computed, onMounted, onUnmounted, shallowRef, watch } from 'vue'
 
 import AppHero from './components/AppHero.vue'
 import HomeControlScreen from './components/HomeControlScreen.vue'
@@ -33,12 +33,25 @@ function syncPageFromHash() {
   currentPage.value = pageFromHash()
 }
 
+async function ensurePageData(page: PageKey) {
+  if (dashboard.isBooting.value) return
+
+  if (page === 'trader' && dashboard.selectedTraderId.value !== null) {
+    await dashboard.selectTrader(dashboard.selectedTraderId.value)
+  }
+
+  if (page === 'stock' && dashboard.selectedStockCode.value) {
+    await dashboard.selectStock(dashboard.selectedStockCode.value)
+  }
+}
+
 function navigate(page: PageKey) {
   const nextHash = `#/${page}`
   if (window.location.hash !== nextHash) {
     window.location.hash = nextHash
   }
   currentPage.value = page
+  void ensurePageData(page)
 }
 
 async function handleSelectTrader(traderId: number) {
@@ -84,12 +97,19 @@ async function handleUnfollowStock(stockCode: string) {
 onMounted(() => {
   syncPageFromHash()
   window.addEventListener('hashchange', syncPageFromHash)
-  void dashboard.initialize()
+  void (async () => {
+    await dashboard.initialize()
+    await ensurePageData(currentPage.value)
+  })()
 })
 
 onUnmounted(() => {
   window.removeEventListener('hashchange', syncPageFromHash)
 })
+
+watch(currentPage, (page) => {
+  void ensurePageData(page)
+})
 </script>
 
 <template>

frontend/src/composables/useDashboardData.ts

@@ -172,11 +172,19 @@ export function useDashboardData() {
   }
 
   async function selectTrader(traderId: number) {
+    if (traderDetail.value?.trader.id === traderId) {
+      selectedTraderId.value = traderId
+      return
+    }
     selectedTraderId.value = traderId
     traderDetail.value = await api<TraderDetail>(`/api/traders/${traderId}`)
   }
 
   async function selectStock(stockCode: string) {
+    if (stockDetail.value?.stock.stock_code === stockCode) {
+      selectedStockCode.value = stockCode
+      return
+    }
     selectedStockCode.value = stockCode
     stockDetail.value = await api<StockDetail>(`/api/stocks/${encodeURIComponent(stockCode)}`)
   }
@@ -218,13 +226,13 @@ export function useDashboardData() {
       await loadActions()
 
       if (traderResult[0]) {
-        await selectTrader(traderResult[0].id)
+        selectedTraderId.value = traderResult[0].id
       }
 
       const preferredStockCode = watchlist.value[0]?.stock_code ?? warningResult[0]?.stock_code
       if (preferredStockCode) {
         selectedWarningCode.value = preferredStockCode
-        await selectStock(preferredStockCode)
+        selectedStockCode.value = preferredStockCode
       }
     } catch (error) {
       errorMessage.value = String(error instanceof Error ? error.message : error)