@adminforth/dashboard 1.3.0 → 1.4.0

package/README.md

@@ -29,6 +29,7 @@ Each widget has common fields:
 | `label` | Optional widget title. |
 | `target` | Widget type: `table`, `chart`, `kpi_card`, `pivot_table`, or `gauge_card`. |
 | `order` | Widget order inside its group. |
+| `variables` | Optional static maps/constants available inside widget `query.calcs` via `lookup($variables.path, field, default)`. |
 | `size` | Preset width: `small`, `medium`, `large`, `wide`, or `full`. |
 | `width`, `height`, `min_width`, `max_width` | Optional explicit layout constraints. |
 | `query` | Data query definition. |
@@ -38,7 +39,7 @@ Each widget has common fields:
 | Widget target | Config field | Main settings | Data usage |
 | --- | --- | --- | --- |
 | `table` | `table` | `pagination`, `page_size`, `columns` | Uses `query` to display raw or aggregate rows. |
-| `chart` | `chart` | `type`, `x`, `y`, `label`, `value`, `series`, `buckets`, `color`, `colors` | Uses `query`; funnel charts use `query.steps`. |
+| `chart` | `chart` | `type`, `x`, `y`, `label`, `value`, `series`, `buckets`, `color`, `colors` | Uses `query`; step-based charts may use `query.steps` with optional `calcs`. |
 | `kpi_card` | `card` | `value`, `subtitle`, `comparison`, `sparkline` | Reads the first returned query row. |
 | `gauge_card` | `card` | `value`, `target`, `progress`, `color` | Reads the first returned query row. |
 | `pivot_table` | `pivot` | `rows`, `columns`, `values` | Uses query rows to build a pivot table. |
@@ -72,26 +73,94 @@ type QueryConfig = {
 }
 ```
 
-Funnel charts use a steps query:
+Step-based chart queries use `steps` and may include `calcs`:
 
 ```yaml
 target: chart
+label: Average price by database
+variables:
+  price_multipliers:
+    cars_sl: 0.84
+    cars_mysql: 1.12
+    cars_pg: 0.91
+    cars_mongo: 1.07
+    cars_ch: 0.76
 chart:
-  type: funnel
-  title: Sales funnel
+  type: bar
+  title: Average price by database
+  x:
+    field: name
+  y:
+    field: adjusted_value
 query:
   steps:
-    - name: Leads
-      resource: leads
+    - name: SQLite
+      resource: cars_sl
       metric:
-        agg: count
+        agg: avg
+        field: price
         as: value
-    - name: Customers
-      resource: orders
+    - name: MySQL
+      resource: cars_mysql
       metric:
-        agg: count_distinct
-        field: customer_id
+        agg: avg
+        field: price
         as: value
+  calcs:
+    - calc: value * lookup($variables.price_multipliers, resource, 1)
+      as: adjusted_value
+```
+
+Widget-level variables example:
+
+```yaml
+target: chart
+label: Model costs
+variables:
+  token_prices_per_1m:
+    input:
+      gpt-4.1: 2.00
+      gpt-4.1-mini: 0.40
+      gpt-4o-mini: 0.15
+    output:
+      gpt-4.1: 8.00
+      gpt-4.1-mini: 1.60
+      gpt-4o-mini: 0.60
+    cached:
+      gpt-4.1: 0.50
+      gpt-4.1-mini: 0.10
+      gpt-4o-mini: 0.075
+chart:
+  type: stacked_bar
+  title: LLM costs by model
+  x:
+    field: model
+  y:
+    - field: input_cost
+    - field: output_cost
+    - field: cached_cost
+query:
+  resource: model_usage
+  select:
+    - field: model
+    - agg: sum
+      field: input_tokens
+      as: input_tokens
+    - agg: sum
+      field: output_tokens
+      as: output_tokens
+    - agg: sum
+      field: cached_tokens
+      as: cached_tokens
+  group_by:
+    - model
+  calcs:
+    - calc: input_tokens / 1000000 * lookup($variables.token_prices_per_1m.input, model, 0)
+      as: input_cost
+    - calc: output_tokens / 1000000 * lookup($variables.token_prices_per_1m.output, model, 0)
+      as: output_cost
+    - calc: cached_tokens / 1000000 * lookup($variables.token_prices_per_1m.cached, model, 0)
+      as: cached_cost
 ```
 
 ## Runtime Structure

package/custom/api/dashboardApi.ts

@@ -143,6 +143,10 @@ export const dashboardApi = {
     return callDashboardApi('/adminapi/v1/dashboard/get-config', { slug })
   },
 
+  async setDashboardConfig(slug: string, config: DashboardConfig): Promise<DashboardResponse> {
+    return callDashboardApi('/adminapi/v1/dashboard/set_dashboard_config', { slug, config })
+  },
+
   async addDashboardGroup(slug: string): Promise<DashboardResponse> {
     return callDashboardApi('/adminapi/v1/dashboard/add_dashboard_group', { slug })
   },

package/custom/model/dashboard.types.ts

@@ -6,6 +6,8 @@ export type DashboardConfig = {
   widgets: DashboardWidgetConfig[]
 }
 
+export type DashboardVariables = Record<string, unknown>
+
 export type DashboardGroupConfig = {
   id: string
   label: string
@@ -39,6 +41,7 @@ export type WidgetBaseConfig = {
   id: string
   group_id: string
   label?: string
+  variables?: DashboardVariables
   size?: DashboardWidgetSize
   width?: number
   height?: number
@@ -127,6 +130,7 @@ export type QueryConfig = {
 
 export type FunnelQueryConfig = {
   steps: FunnelQueryStep[]
+  calcs?: QueryCalcSelectItem[]
 }
 
 export type FunnelQueryStep = {
@@ -381,9 +385,10 @@ function normalizeQueryConfig(value: unknown): unknown {
   }
 
   if (Array.isArray(value.steps)) {
-    return {
+    return removeUndefinedFields({
       steps: value.steps.map((step) => normalizeFunnelQueryStep(step)),
-    }
+      calcs: Array.isArray(value.calcs) ? value.calcs as QueryCalcSelectItem[] : undefined,
+    })
   }
 
   return {
@@ -399,10 +404,12 @@ function normalizeFunnelQueryStep(value: unknown) {
     return value
   }
 
-  return {
-    ...value,
-    ...(typeof value.resource_id === 'string' ? { resource: value.resource_id } : {}),
-  }
+  const { resource_id, ...rest } = value
+
+  return removeUndefinedFields({
+    ...rest,
+    resource: typeof resource_id === 'string' ? resource_id : rest.resource,
+  })
 }
 
 function normalizeTableConfig(value: unknown) {
@@ -448,13 +455,14 @@ function normalizePivotConfig(value: unknown): unknown {
 
 function serializeQueryConfigForEditor(value: QueryConfig | FunnelQueryConfig) {
   if ('steps' in value) {
-    return {
+    return removeUndefinedFields({
       steps: value.steps.map((step) => ({
         ...step,
         resource_id: step.resource,
         resource: undefined,
       })).map((step) => removeUndefinedFields(step)),
-    }
+      calcs: value.calcs,
+    })
   }
 
   return removeUndefinedFields({

package/custom/skills/adminforth-dashboard/SKILL.md

@@ -41,6 +41,7 @@ If the user asks how the schema works, how to implement the API, or how to chang
 Use these tools whenever available:
 
 - `dashboard_get_config`
+- `dashboard_set_dashboard_config`
 - `dashboard_add_dashboard_group`
 - `dashboard_set_dashboard_group_config`
 - `dashboard_move_dashboard_group`
@@ -58,6 +59,7 @@ If a dashboard tool is known by name but its argument schema is not loaded, call
 Do not pass fields between dashboard tools by analogy. Use each tool's schema.
 
 - `dashboard_add_dashboard_group` creates a new group. It accepts the dashboard slug only. Never pass `groupId` to this tool.
+- `dashboard_set_dashboard_config` replaces the full dashboard config. Use it when the user explicitly asks to edit the whole dashboard config.
 - `dashboard_add_dashboard_widget` creates a widget inside an existing group. Use it when you already have a `groupId`.
 - `dashboard_set_dashboard_group_config`, `dashboard_move_dashboard_group`, and `dashboard_remove_dashboard_group` operate on an existing group and need `groupId`.
 - `dashboard_set_widget_config`, `dashboard_move_dashboard_widget`, `dashboard_remove_dashboard_widget`, and `dashboard_get_dashboard_widget_data` operate on an existing widget and need `widgetId`.
@@ -113,6 +115,24 @@ For group requests:
 
 If slug is missing, use `default`.
 
+## Dashboard Config Workflow
+
+Use `dashboard_set_dashboard_config` only when the user explicitly asks to edit the whole dashboard root config.
+
+For requests like:
+
+- "update root dashboard config"
+- "replace the whole dashboard config"
+
+do this:
+
+1. Call `dashboard_get_config`.
+2. Modify the returned root config, preserving existing `version`, `groups`, and `widgets` unless the user asked to change them.
+3. Call `dashboard_set_dashboard_config` with the full updated config.
+4. Return a short summary of the root-level fields changed.
+
+Do not use `dashboard_set_dashboard_config` to store reusable widget variables.
+
 ## Widget Config Rules
 
 Use the current schema keys exactly:
@@ -124,6 +144,93 @@ Use the current schema keys exactly:
 - Use `group_by`, not `groupBy`.
 - Use `order_by`, not `orderBy`.
 - Use `page_size`, not `pageSize`.
-- For funnel charts, use `query.steps` as an ordered array of `{ name, resource, metric, filters }` steps.
+- For step-based chart queries, use `query.steps` as an ordered array of `{ name, resource, metric, filters }` steps and add `query.calcs` when derived fields are needed.
 - Use `card` for KPI and gauge widget view config.
 - Use `pivot` for pivot table view config.
+- Use `variables` for reusable static maps or constants at widget level.
+- In `query.calcs`, use `lookup($variables.some.map, row_field, default_number)` to read a numeric value from a variable map by the current row/group field.
+
+## Variables And Lookup Calcs
+
+Widget config can define variables:
+
+```yaml
+variables:
+  token_prices_per_1m:
+    input:
+      gpt-4.1: 2.00
+      gpt-4.1-mini: 0.40
+      gpt-4o-mini: 0.15
+    output:
+      gpt-4.1: 8.00
+      gpt-4.1-mini: 1.60
+      gpt-4o-mini: 0.60
+    cached:
+      gpt-4.1: 0.50
+      gpt-4.1-mini: 0.10
+      gpt-4o-mini: 0.075
+```
+
+Use variables when a calculation needs a static rate table, threshold table, coefficient map, or other reusable constants. In calcs, `lookup($variables.path.to.map, field_name, 0)` returns the value from the map using `field_name` from the current row/group. The third argument is the numeric fallback when the key is missing.
+
+Example widget:
+
+```yaml
+target: chart
+label: Model costs
+size: large
+variables:
+  token_prices_per_1m:
+    input:
+      gpt-4.1: 2.00
+      gpt-4.1-mini: 0.40
+      gpt-4o-mini: 0.15
+    output:
+      gpt-4.1: 8.00
+      gpt-4.1-mini: 1.60
+      gpt-4o-mini: 0.60
+    cached:
+      gpt-4.1: 0.50
+      gpt-4.1-mini: 0.10
+      gpt-4o-mini: 0.075
+
+chart:
+  type: stacked_bar
+  title: LLM costs by model
+  x:
+    field: model
+    label: Model
+  y:
+    - field: input_cost
+      label: Input
+      format: currency
+    - field: output_cost
+      label: Output
+      format: currency
+    - field: cached_cost
+      label: Cached
+      format: currency
+
+query:
+  resource: model_usage
+  select:
+    - field: model
+    - agg: sum
+      field: input_tokens
+      as: input_tokens
+    - agg: sum
+      field: output_tokens
+      as: output_tokens
+    - agg: sum
+      field: cached_tokens
+      as: cached_tokens
+  group_by:
+    - model
+  calcs:
+    - calc: input_tokens / 1000000 * lookup($variables.token_prices_per_1m.input, model, 0)
+      as: input_cost
+    - calc: output_tokens / 1000000 * lookup($variables.token_prices_per_1m.output, model, 0)
+      as: output_cost
+    - calc: cached_tokens / 1000000 * lookup($variables.token_prices_per_1m.cached, model, 0)
+      as: cached_cost
+```

package/custom/widgets/chart/ChartWidget.vue

@@ -69,10 +69,10 @@
 
     <StackedBarChart
       v-else-if="chartConfig?.type === 'stacked_bar'"
-      :rows="rows"
+      :rows="stackedBarRows"
       :x-field="xField"
-      :y-field="yField"
-      :series-field="seriesField"
+      :y-field="stackedBarYField"
+      :series-field="stackedBarSeriesField"
       :colors="chartConfig.colors"
       :height="chartHeight"
     />
@@ -155,6 +155,21 @@ const valueField = computed(() => chartConfig.value?.value?.field || columns.val
 const pieRows = computed(() => rows.value)
 const pieLabelField = computed(() => labelField.value)
 const pieValueField = computed(() => valueField.value)
+const stackedBarYItems = computed(() => {
+  const y = chartConfig.value?.y
+  return Array.isArray(y) ? y : []
+})
+const stackedBarRows = computed(() => {
+  if (chartConfig.value?.type !== 'stacked_bar' || !stackedBarYItems.value.length) {
+    return rows.value
+  }
+
+  return rows.value.flatMap((row) => stackedBarYItems.value.map((item) => ({
+    [xField.value]: row[xField.value],
+    __series: item.label ?? item.field,
+    __value: row[item.field],
+  })))
+})
 const barRows = computed(() => {
   const bucketField = chartConfig.value?.type === 'histogram'
     ? chartConfig.value.x?.field
@@ -178,6 +193,8 @@ const barRows = computed(() => {
 const barLabelField = computed(() => chartConfig.value?.type === 'histogram' && chartConfig.value.buckets ? 'label' : xField.value)
 const barValueField = computed(() => chartConfig.value?.type === 'histogram' && chartConfig.value.buckets ? 'count' : yField.value)
 const seriesField = computed(() => chartConfig.value?.series?.field || columns.value[2] || '')
+const stackedBarYField = computed(() => stackedBarYItems.value.length ? '__value' : yField.value)
+const stackedBarSeriesField = computed(() => stackedBarYItems.value.length ? '__series' : seriesField.value)
 const lineSeriesName = computed(() => {
   const y = chartConfig.value?.y
   return Array.isArray(y) ? y[0]?.label : undefined

package/dist/custom/api/dashboardApi.d.ts

@@ -26,6 +26,7 @@ export declare class DashboardApiError extends Error {
 }
 export declare const dashboardApi: {
     getDashboardConfig(slug: string): Promise<DashboardResponse>;
+    setDashboardConfig(slug: string, config: DashboardConfig): Promise<DashboardResponse>;
     addDashboardGroup(slug: string): Promise<DashboardResponse>;
     moveDashboardGroup(slug: string, groupId: string, direction: DashboardGroupMoveDirection): Promise<DashboardResponse>;
     removeDashboardGroup(slug: string, groupId: string): Promise<DashboardResponse>;

package/dist/custom/api/dashboardApi.js

@@ -103,6 +103,11 @@ exports.dashboardApi = {
             return callDashboardApi('/adminapi/v1/dashboard/get-config', { slug });
         });
     },
+    setDashboardConfig(slug, config) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return callDashboardApi('/adminapi/v1/dashboard/set_dashboard_config', { slug, config });
+        });
+    },
     addDashboardGroup(slug) {
         return __awaiter(this, void 0, void 0, function* () {
             return callDashboardApi('/adminapi/v1/dashboard/add_dashboard_group', { slug });

package/dist/custom/api/dashboardApi.ts

@@ -143,6 +143,10 @@ export const dashboardApi = {
     return callDashboardApi('/adminapi/v1/dashboard/get-config', { slug })
   },
 
+  async setDashboardConfig(slug: string, config: DashboardConfig): Promise<DashboardResponse> {
+    return callDashboardApi('/adminapi/v1/dashboard/set_dashboard_config', { slug, config })
+  },
+
   async addDashboardGroup(slug: string): Promise<DashboardResponse> {
     return callDashboardApi('/adminapi/v1/dashboard/add_dashboard_group', { slug })
   },

package/dist/custom/model/dashboard.types.d.ts

@@ -4,6 +4,7 @@ export type DashboardConfig = {
     groups: DashboardGroupConfig[];
     widgets: DashboardWidgetConfig[];
 };
+export type DashboardVariables = Record<string, unknown>;
 export type DashboardGroupConfig = {
     id: string;
     label: string;
@@ -27,6 +28,7 @@ export type WidgetBaseConfig = {
     id: string;
     group_id: string;
     label?: string;
+    variables?: DashboardVariables;
     size?: DashboardWidgetSize;
     width?: number;
     height?: number;
@@ -108,6 +110,7 @@ export type QueryConfig = {
 };
 export type FunnelQueryConfig = {
     steps: FunnelQueryStep[];
+    calcs?: QueryCalcSelectItem[];
 };
 export type FunnelQueryStep = {
     name: string;

package/dist/custom/model/dashboard.types.js

@@ -1,4 +1,15 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeDashboardConfig = normalizeDashboardConfig;
 exports.normalizeDashboardWidgetConfig = normalizeDashboardWidgetConfig;
@@ -95,9 +106,10 @@ function normalizeQueryConfig(value) {
         return value;
     }
     if (Array.isArray(value.steps)) {
-        return {
+        return removeUndefinedFields({
             steps: value.steps.map((step) => normalizeFunnelQueryStep(step)),
-        };
+            calcs: Array.isArray(value.calcs) ? value.calcs : undefined,
+        });
     }
     return Object.assign(Object.assign(Object.assign(Object.assign({}, value), (Array.isArray(value.group_by) ? { groupBy: value.group_by } : {})), (Array.isArray(value.order_by) ? { orderBy: value.order_by } : {})), (value.time_series !== undefined ? { timeSeries: value.time_series } : {}));
 }
@@ -105,7 +117,8 @@ function normalizeFunnelQueryStep(value) {
     if (!isRecord(value)) {
         return value;
     }
-    return Object.assign(Object.assign({}, value), (typeof value.resource_id === 'string' ? { resource: value.resource_id } : {}));
+    const { resource_id } = value, rest = __rest(value, ["resource_id"]);
+    return removeUndefinedFields(Object.assign(Object.assign({}, rest), { resource: typeof resource_id === 'string' ? resource_id : rest.resource }));
 }
 function normalizeTableConfig(value) {
     if (!isRecord(value)) {
@@ -131,9 +144,10 @@ function normalizePivotConfig(value) {
 }
 function serializeQueryConfigForEditor(value) {
     if ('steps' in value) {
-        return {
+        return removeUndefinedFields({
             steps: value.steps.map((step) => (Object.assign(Object.assign({}, step), { resource_id: step.resource, resource: undefined }))).map((step) => removeUndefinedFields(step)),
-        };
+            calcs: value.calcs,
+        });
     }
     return removeUndefinedFields(Object.assign(Object.assign({}, value), { group_by: value.groupBy, groupBy: undefined, order_by: value.orderBy, orderBy: undefined, time_series: value.timeSeries, timeSeries: undefined }));
 }

package/dist/custom/model/dashboard.types.ts

@@ -6,6 +6,8 @@ export type DashboardConfig = {
   widgets: DashboardWidgetConfig[]
 }
 
+export type DashboardVariables = Record<string, unknown>
+
 export type DashboardGroupConfig = {
   id: string
   label: string
@@ -39,6 +41,7 @@ export type WidgetBaseConfig = {
   id: string
   group_id: string
   label?: string
+  variables?: DashboardVariables
   size?: DashboardWidgetSize
   width?: number
   height?: number
@@ -127,6 +130,7 @@ export type QueryConfig = {
 
 export type FunnelQueryConfig = {
   steps: FunnelQueryStep[]
+  calcs?: QueryCalcSelectItem[]
 }
 
 export type FunnelQueryStep = {
@@ -381,9 +385,10 @@ function normalizeQueryConfig(value: unknown): unknown {
   }
 
   if (Array.isArray(value.steps)) {
-    return {
+    return removeUndefinedFields({
       steps: value.steps.map((step) => normalizeFunnelQueryStep(step)),
-    }
+      calcs: Array.isArray(value.calcs) ? value.calcs as QueryCalcSelectItem[] : undefined,
+    })
   }
 
   return {
@@ -399,10 +404,12 @@ function normalizeFunnelQueryStep(value: unknown) {
     return value
   }
 
-  return {
-    ...value,
-    ...(typeof value.resource_id === 'string' ? { resource: value.resource_id } : {}),
-  }
+  const { resource_id, ...rest } = value
+
+  return removeUndefinedFields({
+    ...rest,
+    resource: typeof resource_id === 'string' ? resource_id : rest.resource,
+  })
 }
 
 function normalizeTableConfig(value: unknown) {
@@ -448,13 +455,14 @@ function normalizePivotConfig(value: unknown): unknown {
 
 function serializeQueryConfigForEditor(value: QueryConfig | FunnelQueryConfig) {
   if ('steps' in value) {
-    return {
+    return removeUndefinedFields({
       steps: value.steps.map((step) => ({
         ...step,
         resource_id: step.resource,
         resource: undefined,
       })).map((step) => removeUndefinedFields(step)),
-    }
+      calcs: value.calcs,
+    })
   }
 
   return removeUndefinedFields({

package/dist/custom/queries/useDashboardConfig.d.ts

@@ -16,6 +16,7 @@ export declare function useDashboardConfig(slug: Ref<string>): {
                 id: string;
                 group_id: string;
                 label?: string | undefined;
+                variables?: import("../model/dashboard.types.js").DashboardVariables | undefined;
                 size?: import("../model/dashboard.types.js").DashboardWidgetSize | undefined;
                 width?: number | undefined;
                 height?: number | undefined;
@@ -27,6 +28,7 @@ export declare function useDashboardConfig(slug: Ref<string>): {
                 id: string;
                 group_id: string;
                 label?: string | undefined;
+                variables?: import("../model/dashboard.types.js").DashboardVariables | undefined;
                 size?: import("../model/dashboard.types.js").DashboardWidgetSize | undefined;
                 width?: number | undefined;
                 height?: number | undefined;
@@ -99,6 +101,7 @@ export declare function useDashboardConfig(slug: Ref<string>): {
                 id: string;
                 group_id: string;
                 label?: string | undefined;
+                variables?: import("../model/dashboard.types.js").DashboardVariables | undefined;
                 size?: import("../model/dashboard.types.js").DashboardWidgetSize | undefined;
                 width?: number | undefined;
                 height?: number | undefined;
@@ -209,11 +212,16 @@ export declare function useDashboardConfig(slug: Ref<string>): {
                         };
                         filters?: any;
                     }[];
+                    calcs?: {
+                        calc: string;
+                        as: string;
+                    }[] | undefined;
                 };
             } | {
                 id: string;
                 group_id: string;
                 label?: string | undefined;
+                variables?: import("../model/dashboard.types.js").DashboardVariables | undefined;
                 size?: import("../model/dashboard.types.js").DashboardWidgetSize | undefined;
                 width?: number | undefined;
                 height?: number | undefined;
@@ -292,6 +300,7 @@ export declare function useDashboardConfig(slug: Ref<string>): {
                 id: string;
                 group_id: string;
                 label?: string | undefined;
+                variables?: import("../model/dashboard.types.js").DashboardVariables | undefined;
                 size?: import("../model/dashboard.types.js").DashboardWidgetSize | undefined;
                 width?: number | undefined;
                 height?: number | undefined;
@@ -376,6 +385,7 @@ export declare function useDashboardConfig(slug: Ref<string>): {
                 id: string;
                 group_id: string;
                 label?: string | undefined;
+                variables?: import("../model/dashboard.types.js").DashboardVariables | undefined;
                 size?: import("../model/dashboard.types.js").DashboardWidgetSize | undefined;
                 width?: number | undefined;
                 height?: number | undefined;
@@ -471,6 +481,7 @@ export declare function useDashboardConfig(slug: Ref<string>): {
                 id: string;
                 group_id: string;
                 label?: string | undefined;
+                variables?: import("../model/dashboard.types.js").DashboardVariables | undefined;
                 size?: import("../model/dashboard.types.js").DashboardWidgetSize | undefined;
                 width?: number | undefined;
                 height?: number | undefined;
@@ -482,6 +493,7 @@ export declare function useDashboardConfig(slug: Ref<string>): {
                 id: string;
                 group_id: string;
                 label?: string | undefined;
+                variables?: import("../model/dashboard.types.js").DashboardVariables | undefined;
                 size?: import("../model/dashboard.types.js").DashboardWidgetSize | undefined;
                 width?: number | undefined;
                 height?: number | undefined;
@@ -554,6 +566,7 @@ export declare function useDashboardConfig(slug: Ref<string>): {
                 id: string;
                 group_id: string;
                 label?: string | undefined;
+                variables?: import("../model/dashboard.types.js").DashboardVariables | undefined;
                 size?: import("../model/dashboard.types.js").DashboardWidgetSize | undefined;
                 width?: number | undefined;
                 height?: number | undefined;
@@ -664,11 +677,16 @@ export declare function useDashboardConfig(slug: Ref<string>): {
                         };
                         filters?: any;
                     }[];
+                    calcs?: {
+                        calc: string;
+                        as: string;
+                    }[] | undefined;
                 };
             } | {
                 id: string;
                 group_id: string;
                 label?: string | undefined;
+                variables?: import("../model/dashboard.types.js").DashboardVariables | undefined;
                 size?: import("../model/dashboard.types.js").DashboardWidgetSize | undefined;
                 width?: number | undefined;
                 height?: number | undefined;
@@ -747,6 +765,7 @@ export declare function useDashboardConfig(slug: Ref<string>): {
                 id: string;
                 group_id: string;
                 label?: string | undefined;
+                variables?: import("../model/dashboard.types.js").DashboardVariables | undefined;
                 size?: import("../model/dashboard.types.js").DashboardWidgetSize | undefined;
                 width?: number | undefined;
                 height?: number | undefined;
@@ -831,6 +850,7 @@ export declare function useDashboardConfig(slug: Ref<string>): {
                 id: string;
                 group_id: string;
                 label?: string | undefined;
+                variables?: import("../model/dashboard.types.js").DashboardVariables | undefined;
                 size?: import("../model/dashboard.types.js").DashboardWidgetSize | undefined;
                 width?: number | undefined;
                 height?: number | undefined;