Add farm dashboard components including Anomaly Detection, Economic Overview, and Alerts Tracker. Implemented context for navbar slot management and integrated new API service for farm dashboard configuration. Updated navigation menus to include farm dashboard links.

src/libs/api/index.ts

@@ -15,4 +15,5 @@ export * from './services/todoService'
 export * from './services/userManagementService'
 export * from './services/rolesPermissionsService'
 export * from './services/sensorHubService'
+export * from './services/farmDashboardService'
 

src/libs/api/services/farmDashboardService.ts

@@ -0,0 +1,118 @@
+/**
+ * Farm Dashboard Config Service
+ * Handles API calls for dashboard customization (disabled cards, row order).
+ * Authenticated user required.
+ */
+
+import { apiClient } from '../client'
+import type { FarmDashboardConfig } from '@/views/dashboards/farm/farmDashboardConfig'
+
+export interface ApiResponse<T> {
+  code: number
+  msg: string
+  data: T
+}
+
+export interface FarmDashboardConfigResponse {
+  disabled_card_ids: string[]
+  row_order: string[]
+  enable_drag_reorder?: boolean
+}
+
+const STORAGE_KEY = 'farm_dashboard_config'
+
+/**
+ * Transform API response to frontend config format
+ */
+function fromApiResponse(data: FarmDashboardConfigResponse): FarmDashboardConfig {
+  return {
+    disabledCardIds: data.disabled_card_ids ?? [],
+    rowOrder: data.row_order ?? [],
+    enableDragReorder: data.enable_drag_reorder ?? true
+  }
+}
+
+/**
+ * Transform frontend config to API request format
+ */
+function toApiRequest(config: Partial<FarmDashboardConfig>): Partial<FarmDashboardConfigResponse> {
+  const req: Partial<FarmDashboardConfigResponse> = {}
+  if (config.disabledCardIds !== undefined) req.disabled_card_ids = config.disabledCardIds
+  if (config.rowOrder !== undefined) req.row_order = config.rowOrder
+  if (config.enableDragReorder !== undefined) req.enable_drag_reorder = config.enableDragReorder
+  return req
+}
+
+/**
+ * localStorage fallback when backend is not ready
+ */
+function getLocalConfig(): FarmDashboardConfig | null {
+  if (typeof window === 'undefined') return null
+  try {
+    const stored = localStorage.getItem(STORAGE_KEY)
+    return stored ? (JSON.parse(stored) as FarmDashboardConfig) : null
+  } catch {
+    return null
+  }
+}
+
+function setLocalConfig(config: FarmDashboardConfig): void {
+  if (typeof window === 'undefined') return
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(config))
+  } catch (e) {
+    console.error('Failed to save farm dashboard config to localStorage', e)
+  }
+}
+
+export const farmDashboardService = {
+  /**
+   * Get farm dashboard config for current user
+   */
+  async getConfig(): Promise<FarmDashboardConfig> {
+    try {
+      const response = await apiClient.get<
+        ApiResponse<FarmDashboardConfigResponse> | FarmDashboardConfigResponse
+      >('/api/farm-dashboard-config')
+      const raw = response && 'data' in response ? response.data : response
+      if (raw && typeof raw === 'object' && ('disabled_card_ids' in raw || 'row_order' in raw)) {
+        return fromApiResponse(raw as FarmDashboardConfigResponse)
+      }
+      throw new Error('Invalid response')
+    } catch {
+      const local = getLocalConfig()
+      if (local) return local
+      return { disabledCardIds: [], rowOrder: [], enableDragReorder: true }
+    }
+  },
+
+  /**
+   * Update farm dashboard config
+   */
+  async updateConfig(data: Partial<FarmDashboardConfig>): Promise<FarmDashboardConfig> {
+    try {
+      const response = await apiClient.patch<
+        ApiResponse<FarmDashboardConfigResponse> | FarmDashboardConfigResponse
+      >('/api/farm-dashboard-config', toApiRequest(data))
+      const raw = response && 'data' in response ? response.data : response
+      if (raw && typeof raw === 'object' && ('disabled_card_ids' in raw || 'row_order' in raw)) {
+        const config = fromApiResponse(raw as FarmDashboardConfigResponse)
+        setLocalConfig(config)
+        return config
+      }
+      throw new Error('Update failed')
+    } catch (err) {
+      const local = getLocalConfig()
+      if (local) {
+        const merged: FarmDashboardConfig = {
+          disabledCardIds: data.disabledCardIds ?? local.disabledCardIds,
+          rowOrder: data.rowOrder ?? local.rowOrder,
+          enableDragReorder: data.enableDragReorder ?? local.enableDragReorder ?? true
+        }
+        setLocalConfig(merged)
+        return merged
+      }
+      throw err
+    }
+  }
+}