1. Diagram View Modal

[MitchellShiell]

Summary

Create basic ERD modal component and add a "Diagram" button to the toolbar to open it.

Requirements

• Add "Diagram" button to the toolbar interaction panel
• Button should include a diagram/grid icon and "Diagram" text
• Clicking the button opens a full-screen modal
• Modal displays a header with "Entity Relationship Diagram" title and close button (X)
• Modal body provides space for diagram content (implemented in Ticket 2)

Modal Behavior (Pre-existing)

• Closes when clicking the X button in the header
• Closes when clicking outside the modal (on the overlay)
• Prevents body scroll while open

Visual References

Important

For this ticket we do not need to worry about the highlight interaction, that will be another ticket, for now you could leave the default statement seen above under the diagram view title (select any key field to highlight a relation...)

Acceptance Criteria

• "Diagram" button appears in the toolbar
• Clicking "Diagram" opens the modal
• Modal has a header with title and close button
• X button closes the modal
• Clicking outside the modal closes it
• Both dismiss methods return user to the table view
• Body scroll is disabled while modal is open

Dependencies

None