@adminforth/dashboard 1.9.0 → 1.11.0

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

@@ -10,6 +10,12 @@ export type DashboardWidgetDataResponse = {
     widget: DashboardWidgetConfig;
     data: unknown;
 };
+export type DashboardMutationResponse = {
+    ok: boolean;
+    error?: string;
+    groupId?: string;
+    widgetId?: string;
+};
 export type DashboardWidgetDataRequest = {
     pagination?: {
         page: number;
@@ -57,23 +63,23 @@ export declare class DashboardApiError extends Error {
 }
 export declare const dashboardApi: {
     getDashboardConfig(slug: string): Promise<DashboardResponse>;
-    addDashboardGroup(slug: string): Promise<DashboardResponse>;
-    moveDashboardGroup(slug: string, groupId: string, direction: DashboardGroupMoveDirection): Promise<DashboardResponse>;
-    removeDashboardGroup(slug: string, groupId: string): Promise<DashboardResponse>;
-    setDashboardGroupConfig(slug: string, groupId: string, config: EditableDashboardGroupConfig): Promise<DashboardResponse>;
-    addDashboardWidget(slug: string, groupId: string): Promise<DashboardResponse>;
-    moveDashboardWidget(slug: string, widgetId: string, direction: DashboardWidgetMoveDirection): Promise<DashboardResponse>;
-    removeDashboardWidget(slug: string, widgetId: string): Promise<DashboardResponse>;
-    setWidgetConfig(slug: string, widgetId: string, config: unknown): Promise<DashboardResponse>;
-    configureTableWidget(slug: string, widgetId: string, config: ConfigurableTableWidgetConfig): Promise<DashboardResponse>;
-    configureKpiCardWidget(slug: string, widgetId: string, config: ConfigurableKpiCardWidgetConfig): Promise<DashboardResponse>;
-    configureGaugeCardWidget(slug: string, widgetId: string, config: ConfigurableGaugeCardWidgetConfig): Promise<DashboardResponse>;
-    configureLineChartWidget(slug: string, widgetId: string, config: ConfigurableLineChartWidgetConfig): Promise<DashboardResponse>;
-    configureBarChartWidget(slug: string, widgetId: string, config: ConfigurableBarChartWidgetConfig): Promise<DashboardResponse>;
-    configureStackedBarChartWidget(slug: string, widgetId: string, config: ConfigurableStackedBarChartWidgetConfig): Promise<DashboardResponse>;
-    configurePieChartWidget(slug: string, widgetId: string, config: ConfigurablePieChartWidgetConfig): Promise<DashboardResponse>;
-    configureHistogramChartWidget(slug: string, widgetId: string, config: ConfigurableHistogramChartWidgetConfig): Promise<DashboardResponse>;
-    configureFunnelChartWidget(slug: string, widgetId: string, config: ConfigurableFunnelChartWidgetConfig): Promise<DashboardResponse>;
-    configurePivotTableWidget(slug: string, widgetId: string, config: ConfigurablePivotTableWidgetConfig): Promise<DashboardResponse>;
+    addDashboardGroup(slug: string): Promise<DashboardMutationResponse>;
+    moveDashboardGroup(slug: string, groupId: string, direction: DashboardGroupMoveDirection): Promise<DashboardMutationResponse>;
+    removeDashboardGroup(slug: string, groupId: string): Promise<DashboardMutationResponse>;
+    setDashboardGroupConfig(slug: string, groupId: string, config: EditableDashboardGroupConfig): Promise<DashboardMutationResponse>;
+    addDashboardWidget(slug: string, groupId: string): Promise<DashboardMutationResponse>;
+    moveDashboardWidget(slug: string, widgetId: string, direction: DashboardWidgetMoveDirection): Promise<DashboardMutationResponse>;
+    removeDashboardWidget(slug: string, widgetId: string): Promise<DashboardMutationResponse>;
+    setWidgetConfig(slug: string, widgetId: string, config: unknown): Promise<DashboardMutationResponse>;
+    configureTableWidget(slug: string, widgetId: string, config: ConfigurableTableWidgetConfig): Promise<DashboardMutationResponse>;
+    configureKpiCardWidget(slug: string, widgetId: string, config: ConfigurableKpiCardWidgetConfig): Promise<DashboardMutationResponse>;
+    configureGaugeCardWidget(slug: string, widgetId: string, config: ConfigurableGaugeCardWidgetConfig): Promise<DashboardMutationResponse>;
+    configureLineChartWidget(slug: string, widgetId: string, config: ConfigurableLineChartWidgetConfig): Promise<DashboardMutationResponse>;
+    configureBarChartWidget(slug: string, widgetId: string, config: ConfigurableBarChartWidgetConfig): Promise<DashboardMutationResponse>;
+    configureStackedBarChartWidget(slug: string, widgetId: string, config: ConfigurableStackedBarChartWidgetConfig): Promise<DashboardMutationResponse>;
+    configurePieChartWidget(slug: string, widgetId: string, config: ConfigurablePieChartWidgetConfig): Promise<DashboardMutationResponse>;
+    configureHistogramChartWidget(slug: string, widgetId: string, config: ConfigurableHistogramChartWidgetConfig): Promise<DashboardMutationResponse>;
+    configureFunnelChartWidget(slug: string, widgetId: string, config: ConfigurableFunnelChartWidgetConfig): Promise<DashboardMutationResponse>;
+    configurePivotTableWidget(slug: string, widgetId: string, config: ConfigurablePivotTableWidgetConfig): Promise<DashboardMutationResponse>;
     getDashboardWidgetData(slug: string, widgetId: string, request?: DashboardWidgetDataRequest): Promise<DashboardWidgetDataResponse>;
 };

package/dist/custom/api/dashboardApi.js

@@ -70,6 +70,30 @@ function callDashboardApi(path, body) {
         };
     });
 }
+function callDashboardMutationApi(path, body) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const rawResponse = yield fetch(path, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'accept-language': localStorage.getItem('af_lang') || 'en',
+            },
+            body: JSON.stringify(body),
+        });
+        const response = yield parseDashboardResponse(rawResponse);
+        if (!rawResponse.ok) {
+            throw new DashboardApiError((response === null || response === void 0 ? void 0 : response.error) || rawResponse.statusText || `Dashboard request failed (${rawResponse.status})`, normalizeValidationErrors(response));
+        }
+        if (!response || response.error || response.ok === false) {
+            throw new DashboardApiError((response === null || response === void 0 ? void 0 : response.error) || 'Dashboard request failed', normalizeValidationErrors(response));
+        }
+        return {
+            ok: true,
+            groupId: response.groupId,
+            widgetId: response.widgetId,
+        };
+    });
+}
 function callDashboardWidgetDataApi(path, body) {
     return __awaiter(this, void 0, void 0, function* () {
         const rawResponse = yield fetch(path, {
@@ -101,12 +125,12 @@ export const dashboardApi = {
     },
     addDashboardGroup(slug) {
         return __awaiter(this, void 0, void 0, function* () {
-            return callDashboardApi('/adminapi/v1/dashboard/add_dashboard_group', { slug });
+            return callDashboardMutationApi('/adminapi/v1/dashboard/add_dashboard_group', { slug });
         });
     },
     moveDashboardGroup(slug, groupId, direction) {
         return __awaiter(this, void 0, void 0, function* () {
-            return callDashboardApi('/adminapi/v1/dashboard/move_dashboard_group', {
+            return callDashboardMutationApi('/adminapi/v1/dashboard/move_dashboard_group', {
                 slug,
                 groupId,
                 direction,
@@ -115,7 +139,7 @@ export const dashboardApi = {
     },
     removeDashboardGroup(slug, groupId) {
         return __awaiter(this, void 0, void 0, function* () {
-            return callDashboardApi('/adminapi/v1/dashboard/remove_dashboard_group', {
+            return callDashboardMutationApi('/adminapi/v1/dashboard/remove_dashboard_group', {
                 slug,
                 groupId,
             });
@@ -123,7 +147,7 @@ export const dashboardApi = {
     },
     setDashboardGroupConfig(slug, groupId, config) {
         return __awaiter(this, void 0, void 0, function* () {
-            return callDashboardApi('/adminapi/v1/dashboard/set_dashboard_group_config', {
+            return callDashboardMutationApi('/adminapi/v1/dashboard/set_dashboard_group_config', {
                 slug,
                 groupId,
                 config,
@@ -132,7 +156,7 @@ export const dashboardApi = {
     },
     addDashboardWidget(slug, groupId) {
         return __awaiter(this, void 0, void 0, function* () {
-            return callDashboardApi('/adminapi/v1/dashboard/add_dashboard_widget', {
+            return callDashboardMutationApi('/adminapi/v1/dashboard/add_dashboard_widget', {
                 slug,
                 groupId,
             });
@@ -140,7 +164,7 @@ export const dashboardApi = {
     },
     moveDashboardWidget(slug, widgetId, direction) {
         return __awaiter(this, void 0, void 0, function* () {
-            return callDashboardApi('/adminapi/v1/dashboard/move_dashboard_widget', {
+            return callDashboardMutationApi('/adminapi/v1/dashboard/move_dashboard_widget', {
                 slug,
                 widgetId,
                 direction,
@@ -149,7 +173,7 @@ export const dashboardApi = {
     },
     removeDashboardWidget(slug, widgetId) {
         return __awaiter(this, void 0, void 0, function* () {
-            return callDashboardApi('/adminapi/v1/dashboard/remove_dashboard_widget', {
+            return callDashboardMutationApi('/adminapi/v1/dashboard/remove_dashboard_widget', {
                 slug,
                 widgetId,
             });
@@ -157,7 +181,7 @@ export const dashboardApi = {
     },
     setWidgetConfig(slug, widgetId, config) {
         return __awaiter(this, void 0, void 0, function* () {
-            return callDashboardApi('/adminapi/v1/dashboard/set_widget_config', {
+            return callDashboardMutationApi('/adminapi/v1/dashboard/set_widget_config', {
                 slug,
                 widgetId,
                 config,
@@ -166,7 +190,7 @@ export const dashboardApi = {
     },
     configureTableWidget(slug, widgetId, config) {
         return __awaiter(this, void 0, void 0, function* () {
-            return callDashboardApi('/adminapi/v1/dashboard/configure_table_widget', {
+            return callDashboardMutationApi('/adminapi/v1/dashboard/configure_table_widget', {
                 slug,
                 widgetId,
                 config,
@@ -175,7 +199,7 @@ export const dashboardApi = {
     },
     configureKpiCardWidget(slug, widgetId, config) {
         return __awaiter(this, void 0, void 0, function* () {
-            return callDashboardApi('/adminapi/v1/dashboard/configure_kpi_card_widget', {
+            return callDashboardMutationApi('/adminapi/v1/dashboard/configure_kpi_card_widget', {
                 slug,
                 widgetId,
                 config,
@@ -184,7 +208,7 @@ export const dashboardApi = {
     },
     configureGaugeCardWidget(slug, widgetId, config) {
         return __awaiter(this, void 0, void 0, function* () {
-            return callDashboardApi('/adminapi/v1/dashboard/configure_gauge_card_widget', {
+            return callDashboardMutationApi('/adminapi/v1/dashboard/configure_gauge_card_widget', {
                 slug,
                 widgetId,
                 config,
@@ -193,7 +217,7 @@ export const dashboardApi = {
     },
     configureLineChartWidget(slug, widgetId, config) {
         return __awaiter(this, void 0, void 0, function* () {
-            return callDashboardApi('/adminapi/v1/dashboard/configure_line_chart_widget', {
+            return callDashboardMutationApi('/adminapi/v1/dashboard/configure_line_chart_widget', {
                 slug,
                 widgetId,
                 config,
@@ -202,7 +226,7 @@ export const dashboardApi = {
     },
     configureBarChartWidget(slug, widgetId, config) {
         return __awaiter(this, void 0, void 0, function* () {
-            return callDashboardApi('/adminapi/v1/dashboard/configure_bar_chart_widget', {
+            return callDashboardMutationApi('/adminapi/v1/dashboard/configure_bar_chart_widget', {
                 slug,
                 widgetId,
                 config,
@@ -211,7 +235,7 @@ export const dashboardApi = {
     },
     configureStackedBarChartWidget(slug, widgetId, config) {
         return __awaiter(this, void 0, void 0, function* () {
-            return callDashboardApi('/adminapi/v1/dashboard/configure_stacked_bar_chart_widget', {
+            return callDashboardMutationApi('/adminapi/v1/dashboard/configure_stacked_bar_chart_widget', {
                 slug,
                 widgetId,
                 config,
@@ -220,7 +244,7 @@ export const dashboardApi = {
     },
     configurePieChartWidget(slug, widgetId, config) {
         return __awaiter(this, void 0, void 0, function* () {
-            return callDashboardApi('/adminapi/v1/dashboard/configure_pie_chart_widget', {
+            return callDashboardMutationApi('/adminapi/v1/dashboard/configure_pie_chart_widget', {
                 slug,
                 widgetId,
                 config,
@@ -229,7 +253,7 @@ export const dashboardApi = {
     },
     configureHistogramChartWidget(slug, widgetId, config) {
         return __awaiter(this, void 0, void 0, function* () {
-            return callDashboardApi('/adminapi/v1/dashboard/configure_histogram_chart_widget', {
+            return callDashboardMutationApi('/adminapi/v1/dashboard/configure_histogram_chart_widget', {
                 slug,
                 widgetId,
                 config,
@@ -238,7 +262,7 @@ export const dashboardApi = {
     },
     configureFunnelChartWidget(slug, widgetId, config) {
         return __awaiter(this, void 0, void 0, function* () {
-            return callDashboardApi('/adminapi/v1/dashboard/configure_funnel_chart_widget', {
+            return callDashboardMutationApi('/adminapi/v1/dashboard/configure_funnel_chart_widget', {
                 slug,
                 widgetId,
                 config,
@@ -247,7 +271,7 @@ export const dashboardApi = {
     },
     configurePivotTableWidget(slug, widgetId, config) {
         return __awaiter(this, void 0, void 0, function* () {
-            return callDashboardApi('/adminapi/v1/dashboard/configure_pivot_table_widget', {
+            return callDashboardMutationApi('/adminapi/v1/dashboard/configure_pivot_table_widget', {
                 slug,
                 widgetId,
                 config,

package/dist/custom/api/dashboardApi.ts

@@ -25,6 +25,13 @@ export type DashboardWidgetDataResponse = {
   data: unknown
 }
 
+export type DashboardMutationResponse = {
+  ok: boolean
+  error?: string
+  groupId?: string
+  widgetId?: string
+}
+
 export type DashboardWidgetDataRequest = {
   pagination?: {
     page: number
@@ -119,6 +126,36 @@ async function callDashboardApi(path: string, body: Record<string, unknown>): Pr
   }
 }
 
+async function callDashboardMutationApi(path: string, body: Record<string, unknown>): Promise<DashboardMutationResponse> {
+  const rawResponse = await fetch(path, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      'accept-language': localStorage.getItem('af_lang') || 'en',
+    },
+    body: JSON.stringify(body),
+  })
+
+  const response = await parseDashboardResponse(rawResponse)
+
+  if (!rawResponse.ok) {
+    throw new DashboardApiError(
+      response?.error || rawResponse.statusText || `Dashboard request failed (${rawResponse.status})`,
+      normalizeValidationErrors(response),
+    )
+  }
+
+  if (!response || response.error || response.ok === false) {
+    throw new DashboardApiError(response?.error || 'Dashboard request failed', normalizeValidationErrors(response))
+  }
+
+  return {
+    ok: true,
+    groupId: response.groupId,
+    widgetId: response.widgetId,
+  }
+}
+
 async function callDashboardWidgetDataApi(
   path: string,
   body: Record<string, unknown>,
@@ -156,39 +193,39 @@ export const dashboardApi = {
     return callDashboardApi('/adminapi/v1/dashboard/get-config', { slug })
   },
 
-  async addDashboardGroup(slug: string): Promise<DashboardResponse> {
-    return callDashboardApi('/adminapi/v1/dashboard/add_dashboard_group', { slug })
+  async addDashboardGroup(slug: string): Promise<DashboardMutationResponse> {
+    return callDashboardMutationApi('/adminapi/v1/dashboard/add_dashboard_group', { slug })
   },
 
   async moveDashboardGroup(
     slug: string,
     groupId: string,
     direction: DashboardGroupMoveDirection,
-  ): Promise<DashboardResponse> {
-    return callDashboardApi('/adminapi/v1/dashboard/move_dashboard_group', {
+  ): Promise<DashboardMutationResponse> {
+    return callDashboardMutationApi('/adminapi/v1/dashboard/move_dashboard_group', {
       slug,
       groupId,
       direction,
     })
   },
 
-  async removeDashboardGroup(slug: string, groupId: string): Promise<DashboardResponse> {
-    return callDashboardApi('/adminapi/v1/dashboard/remove_dashboard_group', {
+  async removeDashboardGroup(slug: string, groupId: string): Promise<DashboardMutationResponse> {
+    return callDashboardMutationApi('/adminapi/v1/dashboard/remove_dashboard_group', {
       slug,
       groupId,
     })
   },
 
-  async setDashboardGroupConfig(slug: string, groupId: string, config: EditableDashboardGroupConfig): Promise<DashboardResponse> {
-    return callDashboardApi('/adminapi/v1/dashboard/set_dashboard_group_config', {
+  async setDashboardGroupConfig(slug: string, groupId: string, config: EditableDashboardGroupConfig): Promise<DashboardMutationResponse> {
+    return callDashboardMutationApi('/adminapi/v1/dashboard/set_dashboard_group_config', {
       slug,
       groupId,
       config,
     })
   },
 
-  async addDashboardWidget(slug: string, groupId: string): Promise<DashboardResponse> {
-    return callDashboardApi('/adminapi/v1/dashboard/add_dashboard_widget', {
+  async addDashboardWidget(slug: string, groupId: string): Promise<DashboardMutationResponse> {
+    return callDashboardMutationApi('/adminapi/v1/dashboard/add_dashboard_widget', {
       slug,
       groupId,
     })
@@ -198,23 +235,23 @@ export const dashboardApi = {
     slug: string,
     widgetId: string,
     direction: DashboardWidgetMoveDirection,
-  ): Promise<DashboardResponse> {
-    return callDashboardApi('/adminapi/v1/dashboard/move_dashboard_widget', {
+  ): Promise<DashboardMutationResponse> {
+    return callDashboardMutationApi('/adminapi/v1/dashboard/move_dashboard_widget', {
       slug,
       widgetId,
       direction,
     })
   },
 
-  async removeDashboardWidget(slug: string, widgetId: string): Promise<DashboardResponse> {
-    return callDashboardApi('/adminapi/v1/dashboard/remove_dashboard_widget', {
+  async removeDashboardWidget(slug: string, widgetId: string): Promise<DashboardMutationResponse> {
+    return callDashboardMutationApi('/adminapi/v1/dashboard/remove_dashboard_widget', {
       slug,
       widgetId,
     })
   },
 
-  async setWidgetConfig(slug: string, widgetId: string, config: unknown): Promise<DashboardResponse> {
-    return callDashboardApi('/adminapi/v1/dashboard/set_widget_config', {
+  async setWidgetConfig(slug: string, widgetId: string, config: unknown): Promise<DashboardMutationResponse> {
+    return callDashboardMutationApi('/adminapi/v1/dashboard/set_widget_config', {
       slug,
       widgetId,
       config,
@@ -225,8 +262,8 @@ export const dashboardApi = {
     slug: string,
     widgetId: string,
     config: ConfigurableTableWidgetConfig,
-  ): Promise<DashboardResponse> {
-    return callDashboardApi('/adminapi/v1/dashboard/configure_table_widget', {
+  ): Promise<DashboardMutationResponse> {
+    return callDashboardMutationApi('/adminapi/v1/dashboard/configure_table_widget', {
       slug,
       widgetId,
       config,
@@ -237,8 +274,8 @@ export const dashboardApi = {
     slug: string,
     widgetId: string,
     config: ConfigurableKpiCardWidgetConfig,
-  ): Promise<DashboardResponse> {
-    return callDashboardApi('/adminapi/v1/dashboard/configure_kpi_card_widget', {
+  ): Promise<DashboardMutationResponse> {
+    return callDashboardMutationApi('/adminapi/v1/dashboard/configure_kpi_card_widget', {
       slug,
       widgetId,
       config,
@@ -249,8 +286,8 @@ export const dashboardApi = {
     slug: string,
     widgetId: string,
     config: ConfigurableGaugeCardWidgetConfig,
-  ): Promise<DashboardResponse> {
-    return callDashboardApi('/adminapi/v1/dashboard/configure_gauge_card_widget', {
+  ): Promise<DashboardMutationResponse> {
+    return callDashboardMutationApi('/adminapi/v1/dashboard/configure_gauge_card_widget', {
       slug,
       widgetId,
       config,
@@ -261,8 +298,8 @@ export const dashboardApi = {
     slug: string,
     widgetId: string,
     config: ConfigurableLineChartWidgetConfig,
-  ): Promise<DashboardResponse> {
-    return callDashboardApi('/adminapi/v1/dashboard/configure_line_chart_widget', {
+  ): Promise<DashboardMutationResponse> {
+    return callDashboardMutationApi('/adminapi/v1/dashboard/configure_line_chart_widget', {
       slug,
       widgetId,
       config,
@@ -273,8 +310,8 @@ export const dashboardApi = {
     slug: string,
     widgetId: string,
     config: ConfigurableBarChartWidgetConfig,
-  ): Promise<DashboardResponse> {
-    return callDashboardApi('/adminapi/v1/dashboard/configure_bar_chart_widget', {
+  ): Promise<DashboardMutationResponse> {
+    return callDashboardMutationApi('/adminapi/v1/dashboard/configure_bar_chart_widget', {
       slug,
       widgetId,
       config,
@@ -285,8 +322,8 @@ export const dashboardApi = {
     slug: string,
     widgetId: string,
     config: ConfigurableStackedBarChartWidgetConfig,
-  ): Promise<DashboardResponse> {
-    return callDashboardApi('/adminapi/v1/dashboard/configure_stacked_bar_chart_widget', {
+  ): Promise<DashboardMutationResponse> {
+    return callDashboardMutationApi('/adminapi/v1/dashboard/configure_stacked_bar_chart_widget', {
       slug,
       widgetId,
       config,
@@ -297,8 +334,8 @@ export const dashboardApi = {
     slug: string,
     widgetId: string,
     config: ConfigurablePieChartWidgetConfig,
-  ): Promise<DashboardResponse> {
-    return callDashboardApi('/adminapi/v1/dashboard/configure_pie_chart_widget', {
+  ): Promise<DashboardMutationResponse> {
+    return callDashboardMutationApi('/adminapi/v1/dashboard/configure_pie_chart_widget', {
       slug,
       widgetId,
       config,
@@ -309,8 +346,8 @@ export const dashboardApi = {
     slug: string,
     widgetId: string,
     config: ConfigurableHistogramChartWidgetConfig,
-  ): Promise<DashboardResponse> {
-    return callDashboardApi('/adminapi/v1/dashboard/configure_histogram_chart_widget', {
+  ): Promise<DashboardMutationResponse> {
+    return callDashboardMutationApi('/adminapi/v1/dashboard/configure_histogram_chart_widget', {
       slug,
       widgetId,
       config,
@@ -321,8 +358,8 @@ export const dashboardApi = {
     slug: string,
     widgetId: string,
     config: ConfigurableFunnelChartWidgetConfig,
-  ): Promise<DashboardResponse> {
-    return callDashboardApi('/adminapi/v1/dashboard/configure_funnel_chart_widget', {
+  ): Promise<DashboardMutationResponse> {
+    return callDashboardMutationApi('/adminapi/v1/dashboard/configure_funnel_chart_widget', {
       slug,
       widgetId,
       config,
@@ -333,8 +370,8 @@ export const dashboardApi = {
     slug: string,
     widgetId: string,
     config: ConfigurablePivotTableWidgetConfig,
-  ): Promise<DashboardResponse> {
-    return callDashboardApi('/adminapi/v1/dashboard/configure_pivot_table_widget', {
+  ): Promise<DashboardMutationResponse> {
+    return callDashboardMutationApi('/adminapi/v1/dashboard/configure_pivot_table_widget', {
       slug,
       widgetId,
       config,

package/dist/custom/runtime/DashboardRuntime.vue

@@ -286,7 +286,8 @@ async function addGroup() {
   }
 
   try {
-    applyDashboardResponse(await dashboardApi.addDashboardGroup(props.dashboardSlug))
+    await dashboardApi.addDashboardGroup(props.dashboardSlug)
+    await refreshDashboardConfig()
   } catch (error) {
     console.error('Failed to add dashboard group', error)
   }
@@ -298,7 +299,8 @@ async function addWidget(groupId: string) {
   }
 
   try {
-    applyDashboardResponse(await dashboardApi.addDashboardWidget(props.dashboardSlug, groupId))
+    await dashboardApi.addDashboardWidget(props.dashboardSlug, groupId)
+    await refreshDashboardConfig()
   } catch (error) {
     console.error('Failed to add dashboard widget', error)
   }
@@ -310,9 +312,8 @@ async function moveGroup(groupId: string, direction: DashboardGroupMoveDirection
   }
 
   try {
-    applyDashboardResponse(
-      await dashboardApi.moveDashboardGroup(props.dashboardSlug, groupId, direction),
-    )
+    await dashboardApi.moveDashboardGroup(props.dashboardSlug, groupId, direction)
+    await refreshDashboardConfig()
   } catch (error) {
     console.error('Failed to move dashboard group', error)
   }
@@ -324,7 +325,8 @@ async function removeGroup(groupId: string) {
   }
 
   try {
-    applyDashboardResponse(await dashboardApi.removeDashboardGroup(props.dashboardSlug, groupId))
+    await dashboardApi.removeDashboardGroup(props.dashboardSlug, groupId)
+    await refreshDashboardConfig()
   } catch (error) {
     console.error('Failed to remove dashboard group', error)
   }
@@ -348,13 +350,12 @@ async function saveGroupConfig() {
   try {
     const groupConfig = parseYaml(groupConfigCode.value) as EditableDashboardGroupConfig
 
-    applyDashboardResponse(
-      await dashboardApi.setDashboardGroupConfig(
-        props.dashboardSlug,
-        editingGroupId.value,
-        groupConfig,
-      ),
+    await dashboardApi.setDashboardGroupConfig(
+      props.dashboardSlug,
+      editingGroupId.value,
+      groupConfig,
     )
+    await refreshDashboardConfig()
     closeGroupConfigEditor()
   } catch (error) {
     groupConfigError.value = error instanceof Error ? error.message : 'Invalid group config'
@@ -373,9 +374,8 @@ async function moveWidget(widgetId: string, direction: DashboardWidgetMoveDirect
   }
 
   try {
-    applyDashboardResponse(
-      await dashboardApi.moveDashboardWidget(props.dashboardSlug, widgetId, direction),
-    )
+    await dashboardApi.moveDashboardWidget(props.dashboardSlug, widgetId, direction)
+    await refreshDashboardConfig()
   } catch (error) {
     console.error('Failed to move dashboard widget', error)
   }
@@ -387,7 +387,8 @@ async function removeWidget(widgetId: string) {
   }
 
   try {
-    applyDashboardResponse(await dashboardApi.removeDashboardWidget(props.dashboardSlug, widgetId))
+    await dashboardApi.removeDashboardWidget(props.dashboardSlug, widgetId)
+    await refreshDashboardConfig()
   } catch (error) {
     console.error('Failed to remove dashboard widget', error)
   }
@@ -410,13 +411,12 @@ async function saveWidgetConfig() {
     widgetConfigFieldErrors.value = []
     const widgetConfig = parseYaml(widgetConfigCode.value) as DashboardWidgetConfig
 
-    applyDashboardResponse(
-      await dashboardApi.setWidgetConfig(
-        props.dashboardSlug,
-        editingWidgetId.value,
-        serializeDashboardWidgetConfigForEditor(widgetConfig),
-      ),
+    await dashboardApi.setWidgetConfig(
+      props.dashboardSlug,
+      editingWidgetId.value,
+      serializeDashboardWidgetConfigForEditor(widgetConfig),
     )
+    await refreshDashboardConfig()
     closeWidgetConfigEditor()
   } catch (error) {
     widgetConfigError.value = error instanceof Error ? error.message : 'Invalid widget config'
@@ -431,6 +431,10 @@ function closeWidgetConfigEditor() {
   widgetConfigFieldErrors.value = []
 }
 
+async function refreshDashboardConfig() {
+  applyDashboardResponse(await dashboardApi.getDashboardConfig(props.dashboardSlug))
+}
+
 function applyDashboardResponse(response: DashboardResponse) {
   draftConfig.value = cloneConfig(response.config)
   currentRevision.value = response.revision