aws/graph-explorer

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

已關閉

#1,542 建立於 2026年2月25日

 (0 則留言) (0 個反應) (0 位負責人)TypeScript (88 個分叉)auto 404
good first issueschemausability

倉庫指標

星標
 (456 顆星)
PR 合併指標
 (平均合併 3天 9小時) (30 天內合併 41 個 PR)

描述

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

貢獻者指南