fix: implement resource reconciliation and update handling in media supply favorites

apps/admin-web/src/views/MediaSupplyFavoritesView.vue

@@ -15,7 +15,7 @@ import { mediaSupplyApi } from '@/lib/api'
 import { formatDateTime } from '@/lib/display'
 import {
   loadMediaSupplyFavoriteGroups,
-  mergeMediaSupplyFavoriteResourceSnapshots,
+  reconcileMediaSupplyFavoriteResources,
   removeMediaSupplyFavorite,
   saveMediaSupplyFavoriteGroups,
   type MediaSupplyFavoriteGroup,
@@ -81,11 +81,16 @@ watch(
 watch(
   () => resourceDetailsQuery.data.value?.items,
   (items) => {
-    if (!items?.length) {
+    if (!items || allResourceIds.value.length === 0) {
       return
     }
-    groups.value = mergeMediaSupplyFavoriteResourceSnapshots(groups.value, items)
+    const before = allResourceIds.value.length
+    groups.value = reconcileMediaSupplyFavoriteResources(groups.value, items)
     persist()
+    const removed = before - allResourceIds.value.length
+    if (removed > 0) {
+      message.info(`已移除 ${removed} 个已下架常发媒体`)
+    }
   },
 )
 

apps/admin-web/src/views/MediaSupplyResourcesView.vue

@@ -19,6 +19,7 @@ import { mediaSupplyApi } from '@/lib/api'
 import { formatDateTime } from '@/lib/display'
 import {
   loadMediaSupplyFavoriteGroups,
+  reconcileMediaSupplyFavoriteResources,
   removeMediaSupplyFavorite,
   saveMediaSupplyFavoriteGroups,
   toggleMediaSupplyFavorite,
@@ -309,6 +310,18 @@ const ledgerQuery = useQuery({
   queryFn: () => mediaSupplyApi.listWalletLedgers({ page: ledgerPage.value, page_size: 10 }),
   enabled: computed(() => ledgerDrawerOpen.value),
 })
+const favoriteReconcileInFlight = ref(false)
+
+watch(
+  () => resourcesQuery.data.value?.items,
+  (items) => {
+    const favoriteIds = [...new Set(favoriteGroups.value.flatMap((group) => group.resourceIds))]
+    if (!items || favoriteIds.length === 0) {
+      return
+    }
+    void reconcileFavoriteResources()
+  },
+)
 
 const resources = computed<MediaSupplyResourceRow[]>(() =>
   (resourcesQuery.data.value?.items ?? []).map(toResourceRow),
@@ -403,6 +416,7 @@ const ledgerColumns = [
 function refresh(): void {
   void resourcesQuery.refetch()
   void walletQuery.refetch()
+  void reconcileFavoriteResources()
 }
 
 function applyFilters(): void {
@@ -489,6 +503,27 @@ function toggleFavorite(resource: MediaSupplyResourceRow): void {
   favoriteModalOpen.value = true
 }
 
+async function reconcileFavoriteResources(): Promise<void> {
+  if (favoriteReconcileInFlight.value) {
+    return
+  }
+  const favoriteIds = [...new Set(favoriteGroups.value.flatMap((group) => group.resourceIds))]
+  if (favoriteIds.length === 0) {
+    return
+  }
+  favoriteReconcileInFlight.value = true
+  try {
+    const detail = await mediaSupplyApi.listResourcesByIds(favoriteIds, MODEL_ID_AUTHORITY_NEWS)
+    const before = favoriteIds.length
+    favoriteGroups.value = reconcileMediaSupplyFavoriteResources(favoriteGroups.value, detail.items)
+    if (before !== favoriteGroups.value.flatMap((group) => group.resourceIds).length) {
+      saveMediaSupplyFavoriteGroups(authStore.user?.id, favoriteGroups.value)
+    }
+  } finally {
+    favoriteReconcileInFlight.value = false
+  }
+}
+
 function confirmAddFavorite(): void {
   const resource = pendingFavoriteResource.value
   if (!resource) {