src/modules/events/composables/useEventDetail.ts

@@ -19,36 +19,46 @@ export function useEventDetail(eventId: string) {
   )
 
   async function load() {
-    // Already in cache
-    if (event.value) return
-
     const nostrService = tryInjectService<EventsNostrService>(SERVICE_TOKENS.EVENTS_NOSTR_SERVICE)
     if (!nostrService) {
       error.value = 'Events service not available'
       return
     }
 
+    // Scope both the subscription and the one-shot query to this
+    // event's d-tag. Without this scope, the query asks every
+    // relay for every kind-31922/31923 event and races a 5s timeout
+    // to find ours — on a cold page refresh that race is often lost
+    // even when the event is reachable.
+    const detailFilters = { dTags: [eventId] }
+
+    // Subscribe for LIVE updates regardless of cache state. NIP-52
+    // calendar events are replaceable, so when the events extension
+    // republishes after a ticket sells (updating tickets_sold /
+    // tickets_available — see events services.py), the new version
+    // arrives here and the reactive `event` (and its ticket counts)
+    // updates without a reload. Subscribing only on a cache miss meant
+    // arriving from the feed (event already cached) left the detail
+    // page with no live subscription, so counts went stale until reload.
+    if (unsubscribe) unsubscribe() // avoid leaking a sub if load() re-runs
+    unsubscribe = nostrService.subscribeToCalendarEvents(
+      (incoming) => {
+        store.upsertEvent(incoming)
+        if (incoming.id === eventId) {
+          isLoading.value = false
+        }
+      },
+      detailFilters
+    )
+
+    // Already cached — the subscription above keeps it fresh; skip the
+    // one-shot query + loading state.
+    if (event.value) return
+
     try {
       isLoading.value = true
       error.value = null
 
-      // Scope both the subscription and the one-shot query to this
-      // event's d-tag. Without this scope, the query asks every
-      // relay for every kind-31922/31923 event and races a 5s timeout
-      // to find ours — on a cold page refresh that race is often lost
-      // even when the event is reachable.
-      const detailFilters = { dTags: [eventId] }
-
-      unsubscribe = nostrService.subscribeToCalendarEvents(
-        (incoming) => {
-          store.upsertEvent(incoming)
-          if (incoming.id === eventId) {
-            isLoading.value = false
-          }
-        },
-        detailFilters
-      )
-
       const results = await nostrService.queryCalendarEvents(detailFilters)
       store.upsertEvents(results)