Implement Phase 5: Load all events upfront

- Fetch ALL configured event kinds regardless of enabled/disabled state
- Store complete dataset in memory (allEvents)
- Filter display based on enabled kinds only
- Toggle operations now just change visibility without re-fetching
- Update documentation to mark Phase 5 as complete

This completes the event types panel redesign, providing instant toggles
and preventing UI freezing on state changes.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

docs/event-types-panel-redesign.org

@@ -44,11 +44,11 @@ Clean implementation plan for the event network visualization, focusing on perfo
 - Cache profile data to avoid re-fetching
 
 ** Phase 5: Load-Once Architecture
-- Fetch ALL tag anchors and person nodes upfront
+- +Fetch ALL configured event kinds upfront (regardless of enabled state)+
-- Store complete dataset in memory
+- +Store complete dataset in memory+
-- Only render nodes that are enabled
+- +Only render nodes that are enabled+
-- Toggle operations just change visibility, no re-fetch
+- +Toggle operations just change visibility, no re-fetch+
-- Prevents UI freezing on toggle operations
+- +Prevents UI freezing on toggle operations+
 
 * Technical Details
 

src/routes/visualize/+page.svelte

@@ -233,24 +233,23 @@
       loading = true;
       error = null;
 
-      // Get enabled event configurations
+      // Get ALL event configurations (Phase 5: fetch all, display enabled)
       const config = get(visualizationConfig);
-      const enabledConfigs = config.eventConfigs.filter(
+      const allConfigs = config.eventConfigs;
-        ec => !(config.disabledKinds?.includes(ec.kind))
-      );
       
-      debug("Enabled event configs:", enabledConfigs);
+      debug("All event configs:", allConfigs);
+      debug("Disabled kinds:", config.disabledKinds);
       
-      // Set loading event kinds for display
+      // Set loading event kinds for display (show all being loaded)
-      loadingEventKinds = enabledConfigs.map(ec => ({
+      loadingEventKinds = allConfigs.map(ec => ({
         kind: ec.kind,
         limit: ec.limit
       }));
       
       // Separate publication kinds from other kinds
       const publicationKinds = [30040, 30041, 30818];
-      const publicationConfigs = enabledConfigs.filter(ec => publicationKinds.includes(ec.kind));
+      const publicationConfigs = allConfigs.filter(ec => publicationKinds.includes(ec.kind));
-      const otherConfigs = enabledConfigs.filter(ec => !publicationKinds.includes(ec.kind));
+      const otherConfigs = allConfigs.filter(ec => !publicationKinds.includes(ec.kind));
       
       let allFetchedEvents: NDKEvent[] = [];