[Instant Verify] UI Issues

[PeterJhongLinksys]

Issues

1. Ping/Traceroute stuck on spinner

• Loading spinner never stops after initiating Ping or Traceroute

2. Topology focus border overflow

• Focused cell border extends beyond visible screen area

---

Parent issue: #570

[AustinChangLinksys]

Resolution Update

Issues Fixed:

1. Ping/Traceroute Spinner Stuck
2. Topology Focus Border Overflow
3. Topology Detail Panel Clipping (Graph & Tree View)

Root Cause (Spinner): Provider state (isRunning) was not resetting upon modal closure/disposal, holding the previous 'loading' value.
Root Cause (Topology Clipping):

• Graph View: NodeDetailPanel had a hardcoded width (280px) and default clipping, and TopologyGraphView lacked edge safety margins.
• Tree View: AppCard expansion filled the width of the ListView, causing shadows to be clipped by the list edge.
• Focus: StackFit.expand forced focus rings to be cut off.

Resolution:

• Spinner: Implemented state invalidation (ref.invalidate) in the disposal/close logic.
• Topology:
  • Graph View: Increased panel width to 320px, added Clip.none, increased edge safety margin to 32px, and removed hardcoded width in NodeDetailPanel.
  • Tree View: Added Padding(right: 16, bottom: 8) to the expanded AppCard in TopologyTreeView.
  • Focus: Removed binding constraints in instant_topology_view.dart.

Status: Fixed & Verified.

[AustinChangLinksys]

Instant Verify UI issues (Ping/Traceroute spinner, Topology focus border, RenderFlex overflow) resolved.
PR: #581
Commits: 4864d2da (Topology), 681ff935 (RenderFlex)