---
title: "State Reference"
framework: vue
version: "2.1.2"
---

# State Reference

Implements the `AgReportState` interface. See [State](https://www.ag-grid.com/studio/vue/state/) for usage details.

### AgReportState

| Property | Type | Default | Description |
| --- | --- | --- | --- |
| `pages` | [`AgPageState<TRegistry>[]`](https://www.ag-grid.com/studio/vue/studio-state#agpagestate) |  | All pages in the report |
| `selectedPageId` | `string` |  | The currently selected (displayed) page |
| `panels` | `Partial<Record<string, AgPanelState>>` |  | Panel state |
| `ai` | [`AgAiAssistantState`](https://www.ag-grid.com/studio/vue/studio-state#agaiassistantstate) |  | AI Assistant state |
| `version` | `string` |  | AG Studio version that state was created from. If undefined, will default to latest version |

### AgPageState

| Property | Type | Default | Description |
| --- | --- | --- | --- |
| `id` | `string` |  | Unique identifier for the page |
| `widgets` | `Partial<Record<string, AgValueWidget \| AgGridWidget \| AgPivotGridWidget \| AgColumnChartGrouped \| AgColumnChartStacked \| AgColumnChartStacked100 \| AgBarChartGrouped \| AgBarChartStacked \| AgBarChartStacked100 \| AgLineChart \| AgAreaChart \| AgAreaChartStacked \| AgAreaChartStacked100 \| AgScatterChart \| AgBubbleChart \| AgRadarLineChart \| AgRadarAreaChart \| AgRadialColumnChart \| AgNightingaleChart \| AgRadialBarChart \| AgPieChart \| AgDonutChart \| AgFunnelChart \| AgConeFunnelChart \| AgPyramidChart \| AgTreemapChart \| AgSunburstChart \| AgRadialGauge \| AgLinearGauge \| AgButtonFilterWidget \| AgListFilterWidget \| AgDateFilterWidget \| AgTextWidget \| AgImageWidget \| AgComboChartGroupedColumnLine \| AgComboChartStackedColumnLine>>` |  | Widget configuration |
| `widgetLayout` | `Partial<Record<string, AgWidgetLayoutState>>` |  | Widget position and size in the layout |
| `layout` | `Partial<AgPageLayoutState>` |  | Layout configuration |
| `filter` | `AgFiltersState<TRegistry>` |  | Active page and widget-level filters that show in the filters panel |
| `crossFilter` | `AgCrossFilterState` |  | Active cross-filter selection |
| `selection` | `AgSelectionState` |  | Active selection (widget or field) |
| `schema` | `AgSchemaState` |  | Schema state for the page |

### AgAiAssistantState

| Property | Type | Default | Description |
| --- | --- | --- | --- |
| `activeThreadId` | `string` |  | ID of the currently active thread |
| `threads` | `AgAiThreadState[]` |  | All threads associated with the AI assistant |