Vue Embedded AnalyticsUser Interface

Understand how the authoring interface is organised and where common actions live.

AG Studio combines a report-building interface with a data engine. It provides the layout, panels, widget configuration, data processing, calculations, filtering, visualisation, and grid-aware layout authoring.

Some features — such as saving and publishing, available widget types, and navigation — are controlled by your application, not AG Studio. If something appears to be missing or unavailable, speak to your developer or administrator.

In the default layout, the page sits alongside the panels that are used to build and configure it. The example below shows an empty page in Edit Mode with the default Panel layout. From left to right, the Panels are: Filters, Customisation, and Data.

Modes Copy Link

AG Studio separates viewing a report from changing its structure and configuration. The button or control to switch between modes is provided by the application; AG Studio provides the methods to change modes programmatically.

In Edit mode, widgets can be added and configured, and the page layout can be changed. Widgets remain fully interactive — tooltips, filters, selections, and other widget behaviours work exactly as they do in View mode. Layout actions (move and resize) are still available alongside these interactions. When moving or resizing, widgets snap to the Layout Grid, and placement is clamped to the nearest valid position if a widget would exceed the layout bounds.

In View mode, the page structure is locked and editing panels are hidden. Widgets can still be interacted with — for example through filters, selections, and tooltips — but they cannot be moved, resized, or reconfigured. The Table widget is an exception and is not interactive in either mode.

Panels Copy Link

Panels are where most authoring actions happen to configure the page. The set of Panels shown depends on the application setup.

Each Panel includes a search box. Search applies to the current Panel contents, and if the Panel has tabs, search is scoped to the active tab. Search also works across the Panel hierarchy (for example, across groups and data sources) as text is typed.

Data Panel Copy Link

The Data Panel shows the Fields configured by the application developer and is used to select Fields, calculated Fields, and Measures when configuring Widgets. For detailed information on how data is structured and used, see Data Setup.

Edit Panel Copy Link

The Edit Panel is contextual and updates based on what is selected on the layout or in the Panels. This allows the Panel to show only the relevant options for the task at hand.

  • When nothing is selected, the Edit Panel displays the default view with the Widgets and Page tabs. This is where Widget Types can be chosen to add to the page and Page-Level Settings can be adjusted.

  • When a Widget is selected on the layout, the Panel switches to Widget configuration mode, showing the Setup and Format tabs. For comprehensive guidance on configuring Widgets, see Widgets.

  • If a data field is selected, the Panel can switch to a data-field view that displays field-specific options.

  • To return to the default view at any time, the current selection can be cleared or the close action available in the Panel can be used.

Try interacting with the example below to see the Edit Panel update contextually as you select different elements.

Filters Panel Copy Link

The Filters Panel is used to manage Filters that apply to the report. Depending on the application, this can include page-level Filters, Widget-level Filters, and cross-filtering. For detailed information on Filter types and usage, see Filters.

AI Assistant Panel Copy Link

The AI Assistant Panel is a conversational interface for building dashboards using natural language. It is available when the application has configured AI support.

The panel is organised into three areas:

  • Thread control — shown at the top of the panel. Displays the active thread name as a dropdown. Selecting it opens a list of available threads to switch between. A New button creates a new thread.
  • Message area — shows the conversation history for the active thread. While the Assistant is processing, a "Thinking..." indicator is shown. A Stop button cancels the current request. When scrolled up, a Back to bottom button appears.
  • Input — a text field at the bottom of the panel. Press Enter to send a message. Press Shift+Enter to insert a new line without sending.

Each thread holds an independent conversation history. Switching threads preserves the history of each.

For guidance on using the AI Assistant effectively, see Working with AI.