feat(ui): replace vis-network with vueflow.dev for network graph

[Copilot]

This PR replaces the legacy vis-network library with Vue Flow (vueflow.dev) for the Z-Wave network graph visualization in ZwaveGraph.vue. Vue Flow is Vue 3 native and provides better integration with the modern Vue ecosystem while offering enhanced customization options.

Key Changes

• Replaced dependencies: Removed vis-network and vis-data, added @vue-flow/core, @vue-flow/controls, @vue-flow/minimap, and @vue-flow/background
• Modernized architecture: Converted from imperative vis-network API to reactive Vue Flow computed properties
• Enhanced user experience: Added native Vue Flow controls including zoom in/out, fit view, and interactive minimap
• Maintained compatibility: All existing functionality preserved including node shapes, colors, edge types, filtering, and live updates

Features Preserved

• Node visualization: Controller (star), battery devices (square), mains-powered (hexagon) with color coding based on hop count
• Edge rendering: Different route types (LWR, NLWR, Application, Return routes) with proper styling and speed indicators
• Interactive features: Node selection, hover tooltips, drag and drop, zoom and pan
• Filtering system: Location and node filters with invert options
• Live updates: Real-time graph updates when network changes occur
• Complete options panel: Legend, edge types, filters, and control buttons

Vue Flow Advantages

• Vue 3 native: Better integration and performance with the Vue 3 composition API
• Modern rendering: More efficient updates and better accessibility support
• Built-in controls: Native zoom, pan, fit view, and minimap components
• Extensibility: Easier to customize and extend for future enhancements

Testing

• All 103 tests pass (51 backend + 52 frontend)
• ESLint and Markdown linting pass
• Manual testing with mock Z-Wave controller confirms full functionality
• Build process completes successfully

Screenshots

Network graph with Vue Flow showing controller and device nodes:

Complete options panel with legend, edge types, and filters:

The new implementation provides the same professional appearance and functionality while offering better long-term maintainability and Vue 3 compatibility.

Fixes #4389.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• 224.0.0.251

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[github-actions]

This pull-request is stale because it has been open 90 days with no activity. Remove the stale label or comment or this will be closed in 5 days. To ignore this pull-request entirely you can add the no-stale label

[github-actions]

This pull-request is now closed due to inactivity, you can of course reopen or reference this pull-request if you see fit.