Skip to content

Frontend - natural language querying in visualization designer

What does this MR do and why?

Adds UI for generating a product analytics CubeJS visualization via AI.

Refactors viz designer + child components to support setting state from the generated query (this could also be useful later if we add support for editing visualizations).

Improved UI and better error handling will follow in subsequent MRs.

Note that this experiment is behind a default off feature flag.

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Before After
image image (FF disabled)
image image (FF enabled)
image (Loading)
image (Generated query is applied)

How to set up and validate locally

Apply setup steps for backend MR this one depends on:

Then:

  1. Follow these instructions to setup Product Analytics in GDK.
  2. Onboard Product Analytics by setting up the feature at Project > Analytics > Analytics dashboards.
  3. Visit the visualization designer at Project > Analytics > Analytics dashboards > Visualization designer.
  4. Enter ai prompts in the new UI

Related to #435259 (closed)

Edited by Elwyn Benson

Merge request reports