Skip to content

Conversation

Copilot
Copy link
Contributor

@Copilot Copilot AI commented Sep 4, 2025

This PR adds a Network tab to the individual node page, displaying connectivity data that helps users understand network topology and relationships between nodes.

Changes Made

New Network Tab

  • Added a "Network" tab to the node page (alongside Storage, Tablets, Threads tabs) that displays:
    • Current node visualization on the left side
    • Network peers connectivity on the right side
    • Problem filtering capabilities to show all nodes or only problematic connections
    • Toggle options for displaying node IDs and rack information

UI Components

  • Created NodeNetwork component that follows the same pattern as the database network tab
  • Reuses existing NodeNetwork component from the database diagnostics for consistent visualization
  • Integrates seamlessly with existing node page tab navigation
  • Shows current node and filters network data specifically for that node

Tab Configuration

  • Added "network" to NODE_TABS_IDS and NODE_TABS configuration
  • Updated node page routing to handle the network tab
  • Added network tab case to the renderTabContent switch in Node.tsx

Internationalization

  • Added network tab label following project i18n conventions:
    • "Network" tab title

Technical Implementation

The implementation leverages the existing network API (networkApi.useGetNetworkInfoQuery) and filters the results to focus on the current node and its peers. The network tab uses the same visual components and interaction patterns as the database network tab, providing a consistent user experience.

The network information is fetched only when a tenant name is available, and the component gracefully handles cases where no network data or peers are found.

Visual Impact

The network tab provides users with:

  • Visual representation of the current node and its network peers
  • Interactive problem filtering to focus on connectivity issues
  • Consistent styling and behavior with other node page tabs
  • Clear separation between current node and peer nodes

This enhancement improves the monitoring and debugging experience for YDB cluster administrators by making network relationships more visible and accessible at the individual node level.

Fixes #2428.


💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.

@Copilot Copilot AI changed the title [WIP] return node network information on node page feat: add network peer information to node page Sep 4, 2025
@Copilot Copilot AI requested a review from adameat September 4, 2025 07:16
Copilot finished work on behalf of adameat September 4, 2025 07:16
@adameat
Copy link
Member

adameat commented Sep 12, 2025

@copilot no, you needed to add another tab on the node page. like storage, tablets, threads - there is should be a network tab, very similar to database's network tab. but with filter by current node.

Copy link
Contributor Author

Copilot AI commented Sep 12, 2025

@copilot no, you needed to add another tab on the node page. like storage, tablets, threads - there is should be a network tab, very similar to database's network tab. but with filter by current node.

You're absolutely right! I've corrected the implementation to add a proper "Network" tab to the node page (alongside Storage, Tablets, Threads tabs) instead of just adding network info to the node information panel.

The new Network tab shows:

  • Current node visualization on the left
  • Network peers connectivity on the right
  • Problem filtering capabilities
  • ID and Rack display options
  • Reuses existing network components for consistency

This matches the database network tab pattern but filtered specifically for the current node. Changes in commit d420599.

@Copilot Copilot AI changed the title feat: add network peer information to node page feat: add network tab to node page with peer connectivity visualization Sep 12, 2025
Copilot finished work on behalf of adameat September 12, 2025 04:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

return node network information on node page
2 participants