fix(小宝预警): 合并远端风险缓存

apps/web/stores/useXiaobaoRiskStore.ts

@@ -2,6 +2,8 @@
 import { create } from 'zustand';
 import { loadServerData, saveServerData } from '@/lib/server-data';
 import {
+  mergeDailySnapshotCacheForSave,
+  mergeInsightCacheForSave,
   upsertDailySnapshot,
   upsertInsight,
   type XiaobaoRiskInsightCacheItem,
@@ -11,45 +13,67 @@ import type { XiaobaoRiskSnapshot } from '@/lib/xiaobao-risk-trend';
 interface XiaobaoRiskState {
   snapshots: XiaobaoRiskSnapshot[];
   insights: XiaobaoRiskInsightCacheItem[];
+  error?: string;
   fetchRiskData: () => Promise<void>;
   saveSnapshot: (item: XiaobaoRiskSnapshot) => Promise<void>;
   saveInsight: (item: XiaobaoRiskInsightCacheItem) => Promise<void>;
 }
 
-async function loadSnapshots(): Promise<XiaobaoRiskSnapshot[]> {
+async function loadSnapshots(): Promise<XiaobaoRiskSnapshot[] | null> {
   try {
     const rows = await loadServerData<XiaobaoRiskSnapshot[]>('xiaobao-risk-snapshots');
     return Array.isArray(rows) ? rows : [];
   } catch {}
-  return [];
+  return null;
 }
 
-async function loadInsights(): Promise<XiaobaoRiskInsightCacheItem[]> {
+async function loadInsights(): Promise<XiaobaoRiskInsightCacheItem[] | null> {
   try {
     const rows = await loadServerData<XiaobaoRiskInsightCacheItem[]>('xiaobao-risk-insights');
     return Array.isArray(rows) ? rows : [];
   } catch {}
-  return [];
+  return null;
 }
 
 export const useXiaobaoRiskStore = create<XiaobaoRiskState>((set, get) => ({
   snapshots: [],
   insights: [],
+  error: undefined,
 
   fetchRiskData: async () => {
     const [snapshots, insights] = await Promise.all([loadSnapshots(), loadInsights()]);
-    set({ snapshots, insights });
+    set({
+      ...(snapshots ? { snapshots } : {}),
+      ...(insights ? { insights } : {}),
+      error: snapshots === null || insights === null ? '小宝预警缓存加载失败' : undefined,
+    });
   },
 
   saveSnapshot: async (item) => {
-    const snapshots = upsertDailySnapshot(get().snapshots, item);
-    set({ snapshots });
-    await saveServerData('xiaobao-risk-snapshots', snapshots);
+    const optimistic = upsertDailySnapshot(get().snapshots, item);
+    set({ snapshots: optimistic, error: undefined });
+    try {
+      const remote = await loadServerData<XiaobaoRiskSnapshot[]>('xiaobao-risk-snapshots');
+      const snapshots = mergeDailySnapshotCacheForSave(optimistic, Array.isArray(remote) ? remote : [], item);
+      set({ snapshots, error: undefined });
+      await saveServerData('xiaobao-risk-snapshots', snapshots);
+    } catch (error) {
+      set({ error: '小宝预警快照保存失败' });
+      throw error;
+    }
   },
 
   saveInsight: async (item) => {
-    const insights = upsertInsight(get().insights, item);
-    set({ insights });
-    await saveServerData('xiaobao-risk-insights', insights);
+    const optimistic = upsertInsight(get().insights, item);
+    set({ insights: optimistic, error: undefined });
+    try {
+      const remote = await loadServerData<XiaobaoRiskInsightCacheItem[]>('xiaobao-risk-insights');
+      const insights = mergeInsightCacheForSave(optimistic, Array.isArray(remote) ? remote : [], item);
+      set({ insights, error: undefined });
+      await saveServerData('xiaobao-risk-insights', insights);
+    } catch (error) {
+      set({ error: '小宝预警解读保存失败' });
+      throw error;
+    }
   },
 }));