Skip to content

feat(erd): fit to screen, zoom controls, table search, click to select #1154

Description

@ZhuchkaTriplesix

Problem

On a schema with more than a handful of tables the diagram is hard to use:

  • It opens at the top-left corner at 100 %; there is no Fit to screen, no zoom buttons and no zoom percentage. Zoom works only with the wheel / trackpad.
  • There is no way to find a table on the canvas.
  • Relations are highlighted only while the mouse is over a card; moving to read an edge loses the highlight.

Scope

  • Canvas controls (bottom-right overlay, QueryaIconButton dense): zoom out, zoom %, zoom in, Fit. Fit on first load. Shortcuts: Ctrl/Cmd + + / - / 0 (fit).
  • Search (QueryaSearchField, Ctrl/Cmd+F while the diagram has focus): matching tables listed; Enter centres and selects the table.
  • Selection: click selects a table (pinned highlight), unrelated cards and edges are dimmed; Esc or a click on the empty canvas clears it. Hover keeps working when nothing is selected.

Acceptance

  • First load fits the whole diagram into the viewport.
  • Search + Enter centres the table and selects it.
  • A selected table keeps its highlight when the mouse leaves; Esc clears.
  • Widget tests for fit, search, select / clear.

Activity

  1. added
    enhancementNew feature or request
    frontendTheme parser epic label: frontend
    uiUser interface components and widgets
    uxUser experience, keyboard shortcuts and interactions
    P2Medium priority / Parity & Refactoring
    on Oct 8, 2026
  2. added 3 commits that reference this issue on Oct 9, 2026
  3. ZhuchkaTriplesix commented on Oct 9, 2026

    @ZhuchkaTriplesix
    MemberAuthor

    Closed by #1179 and #1201. Acceptance covered by tests on dev.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Medium priority / Parity & RefactoringenhancementNew feature or requestfrontendTheme parser epic label: frontenduiUser interface components and widgetsuxUser experience, keyboard shortcuts and interactions

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions