aws/graph-explorer

Add clickable links for node types and edge types in schema explorer details panel

Open

#1,542 opened on Feb 25, 2026

View on GitHub
 (0 comments) (0 reactions) (0 assignees)TypeScript (456 stars) (88 forks)auto 404
good first issueschemausability

Description

Summary

When viewing the details panel in the schema explorer sidebar, the node types and edge types shown in the relationships section should be clickable. Clicking one should update the current selection to that node type or edge type, similar to a hyperlink.

Current Behavior

The EdgeConnectionRow component in the details panel displays the source vertex type, edge type, and target vertex type as styled text. These are not interactive.

For example, NodeLabelDetails lists all edge connections related to the selected node type, and EdgeConnectionDetails shows the single edge connection. In both cases, the relationship text (rendered by VertexTypeText and EdgeTypeText) is static.

Desired Behavior

  • Each node type and edge type displayed in the relationships section should be clickable
  • Clicking a node type should update the schema graph selection to that vertex type
  • Clicking an edge type should update the schema graph selection to the corresponding edge connection
  • The clickable elements should be styled as hyperlinks to indicate interactivity
  • The graph view should also update to reflect the new selection (highlight the clicked node or edge)

Implementation Notes

  • The SchemaGraph component manages selection state via useState<SchemaGraphSelection> and useState<SelectedElements>
  • A callback (e.g., onSelectionChange) would need to be threaded from SchemaGraph through SchemaExplorerSidebar and SchemaDetailsContent down to EdgeConnectionRow, VertexTypeText, and EdgeTypeText
  • The callback should update both selection and graphSelection state so the graph view stays in sync
  • VertexTypeText already has an underline style that could be extended with cursor and hover styles to indicate clickability

Related Issues

  • Parent #685
  • Related #1515

Contributor guide