Skip to content

Comments

Add node and edge styling sidebar panels to Schema Explorer#1540

Open
kmcginnes wants to merge 1 commit intoaws:mainfrom
kmcginnes:feature/schema/customization
Open

Add node and edge styling sidebar panels to Schema Explorer#1540
kmcginnes wants to merge 1 commit intoaws:mainfrom
kmcginnes:feature/schema/customization

Conversation

@kmcginnes
Copy link
Collaborator

@kmcginnes kmcginnes commented Feb 24, 2026

Description

Add node and edge styling tabs to the Schema Explorer sidebar, allowing users to customize vertex and edge type display labels and styles directly from the schema view.

  • Add SchemaNodesStyling panel reusing SingleNodeStyling with virtualized list
  • Add SchemaEdgesStyling panel reusing SingleEdgeStyling with virtualized list
  • Extend SchemaExplorerSidebar from a single details tab to three tabs (details, node styling, edge styling)
  • Add NodeStyleDialog and EdgeStyleDialog to the Schema Explorer route so the "Customize" buttons work
  • Add tests for the sidebar tab rendering and tab switching behavior

Validation

  • Open Schema Explorer with a connected database that has schema data
  • Verify three tabs appear in the sidebar: details, node styling, edge styling
  • Click each tab and confirm the correct content renders
  • Change a display label and verify it persists
  • Click "Customize" and verify the style dialog opens
  • Run pnpm checks and pnpm test to confirm no regressions
Node Styles Edge Styles
CleanShot 2026-02-24 at 17 08 04@2x CleanShot 2026-02-24 at 17 08 09@2x

Related Issues

Check List

  • I confirm that my contribution is made under the terms of the Apache 2.0
    license.
  • I have run pnpm checks to ensure code compiles and meets standards.
  • I have run pnpm test to check if all tests are passing.
  • I have covered new added functionality with unit tests if necessary.
  • I have added an entry in the Changelog.md.

@kmcginnes kmcginnes marked this pull request as ready for review February 24, 2026 23:11
@codecov
Copy link

codecov bot commented Feb 24, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 64.77%. Comparing base (c5affc5) to head (5084862).
⚠️ Report is 74 commits behind head on main.

Additional details and impacted files
@@             Coverage Diff             @@
##             main    #1540       +/-   ##
===========================================
+ Coverage   47.81%   64.77%   +16.96%     
===========================================
  Files         382      365       -17     
  Lines        8525     8299      -226     
  Branches     3159     3100       -59     
===========================================
+ Hits         4076     5376     +1300     
+ Misses       3070     2074      -996     
+ Partials     1379      849      -530     
Flag Coverage Δ
unittests 64.77% <100.00%> (+16.96%) ⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

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.

Allow customizing the style from schema visualization

2 participants