Skip to content

Enhance SQL Editor #2976

@AlinaBelousovaUX

Description

@AlinaBelousovaUX

Implement an improved SQL editor with tab management, context menus, keyboard shortcuts, and query execution status indicators. Support both light and dark themes.

Tab Management

  • Open new tabs for SQL queries
  • Close tabs (save them to history)
  • Rename tabs (via context menu or double-click)
  • Action with tabs using keyboard shortcuts
Image

Context Menu

Add context menu for tabs with options:

  • Rename
  • Duplicate
  • Save query
  • Save query as...
  • Share query
  • Close tab
Image

Query Execution Status

Visual indicator on tab showing execution state:

  • Running
  • Success
  • Error
Image

Results

Use splitview for results of the query. Here you will see a new color theme. Use the old one until we move to the new styles
SQL editor & results

Image

Theme Support

Ensure all components work in both light and dark themes
Figma mockups dark theme
Figma mockups light theme

UX ticket: SQL Editor Tabs & Results #2973

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions