Skip to content

ui(erd): toolbar, Export menu and empty/error states per UI kit #1157

Description

@ZhuchkaTriplesix

Problem

The Diagram tab does not follow the UI kit (docs/ui-kit.md):

  • The toolbar is a bare Wrap with 8 px padding (erd_view.dart:230): no surface, no bottom border, unlike every other toolbar.
  • Mermaid / SVG / PNG are three separate buttons without icons.
  • Error state is a raw Text(_error!) with no retry (:167); empty state is a raw Text('No tables found') (:170); loading is a spinner without a label.

Scope

  • Toolbar with the standard toolbar decoration (SqlEditorChrome.sqlToolbarDecoration or the shared table toolbar surface), actions as QueryaActionButton with icons.
  • One Export ▾ (QueryaActionMenu): Mermaid, SVG, PNG, Copy Mermaid to clipboard. File names from the database (<db>-erd.svg), not diagram.svg.
  • QueryaEmptyState for error (with Retry) and for "no tables" (with a hint about the schema shown); QueryaSpinner with Loading schema….
  • The Relations view in the table browser (feat(erd): Relations view in the table browser #1149) reuses the same pieces.

Acceptance

  • No raw Text states and no unlabelled export buttons in erd_view.dart.
  • Export menu items covered by widget tests (existing keys erd_mermaid, erd_svg, erd_png kept on the menu items or tests updated).

Activity

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

    @ZhuchkaTriplesix
    MemberAuthor

    Closed by #1247.

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 widgets

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions