Add MiniGrid overview page and update map routes.

.cursor/plans/restructure-mini-grid-routes-03949af4.plan.md

@@ -0,0 +1,66 @@
+<!-- 03949af4-ca3a-4720-b787-615eb4092417 5ecdb199-cae5-46c6-91d9-1d52781cedc3 -->
+# Restructure Mini-Grid Routes to Match Agents Pattern
+
+## Overview
+
+Restructure Mini-Grid routes to match the Agents pattern with a top-level sidebar item and expandable submenu, moving from `/dashboards/mini-grid` to `/mini-grids`.
+
+## Changes
+
+### 1. Restructure Routes in `ExportedRoutes.js`
+
+- **Remove** the existing Mini-Grid route at `dashboards/mini-grid` (lines 346-386)
+- **Add** a new top-level route matching the Agents pattern:
+  - Top-level route: `path: ""` with `sidebar.enabled: true, name: "Mini-Grid", icon: "bolt"`
+  - Child route: `path: "mini-grids"` with `sidebar.enabled: true, name: "Overview"`
+  - Overview page: `path: ""` under mini-grids (uses `MiniGridOverviewPage`)
+  - Detail page: `path: ":id"` under mini-grids (uses `MiniGridDetailPage`)
+  - Update breadcrumb links from `/dashboards/mini-grid` to `/mini-grids`
+
+### 2. Update Navigation Paths
+
+Update all route references from `/dashboards/mini-grid` to `/mini-grids`:
+
+- **`src/frontend/src/pages/Dashboard/MiniGrid/index.vue`** (line 29)
+  - Change: `/dashboards/mini-grid/` → `/mini-grids/`
+
+- **`src/frontend/src/modules/MiniGrid/Dashboard.vue`** (line 421)
+  - Change: `/dashboards/mini-grid/` → `/mini-grids/`
+
+- **`src/frontend/src/modules/Village/AddVillage.vue`** (line 303)
+  - Change: `/dashboards/mini-grid/${id}` → `/mini-grids/${id}`
+
+- **`src/frontend/src/modules/Map/DashboardMap.vue`** (line 128)
+  - Change: `/dashboards/mini-grid` → `/mini-grids`
+
+- **`src/frontend/src/modules/Map/ClusterMap.vue`** (line 208)
+  - Change: `/dashboards/mini-grid` → `/mini-grids`
+
+## Route Structure Comparison
+
+**Before:**
+
+```
+Dashboards (sidebar)
+  └── Mini-Grid → /dashboards/mini-grid
+      ├── Overview → /dashboards/mini-grid
+      └── Detail → /dashboards/mini-grid/:id
+```
+
+**After (matching Agents):**
+
+```
+Mini-Grid (sidebar, top-level)
+  └── Overview → /mini-grids
+      ├── Overview → /mini-grids
+      └── Detail → /mini-grids/:id
+```
+
+### To-dos
+
+- [ ] Restructure Mini-Grid routes in ExportedRoutes.js: remove old route, add top-level route matching Agents pattern
+- [ ] Update route in pages/Dashboard/MiniGrid/index.vue from /dashboards/mini-grid/ to /mini-grids/
+- [ ] Update route in modules/MiniGrid/Dashboard.vue from /dashboards/mini-grid/ to /mini-grids/
+- [ ] Update redirect path in modules/Village/AddVillage.vue from /dashboards/mini-grid/ to /mini-grids/
+- [ ] Update route reference in modules/Map/DashboardMap.vue from /dashboards/mini-grid to /mini-grids
+- [ ] Update route reference in modules/Map/ClusterMap.vue from /dashboards/mini-grid to /mini-grids

docs/usage-guide/sms.md

@@ -50,21 +50,7 @@ notifications and communications.
 
 ![Short code from Africanstalking](images/africanstalking-sms-shortcode.png)
 
-### Step 4: Register SMS Delivery Callback URL
-
-1. In your AfricasTalking dashboard, go to **SMS** → **Callback URLs**
-2. Set up the delivery callback URL to point to your MPM instance: Copy the url
-   from the plugin overview page
-
-   ```bash
-   https://your-mpm-domain.com/api/africas-talking/callback/1/delivery-reports
-   ```
-
-3. Enable delivery reports to track SMS delivery status
-
-![Register callback URL for sms delivery](images/africanstalking-sms-delivery-callback.png)
-
-### Step 5: Enable AfricasTalking Plugin in MPM
+### Step 4: Enable AfricasTalking Plugin in MPM
 
 1. Log into your MPM admin panel
 2. Navigate to **Plugins** section
@@ -74,7 +60,7 @@ notifications and communications.
 
 ![Plugin settings page](images/africanstalking-enable-plugin.png)
 
-### Step 6: Configure Plugin Credentials
+### Step 5: Configure Plugin Credentials
 
 1. After enabling the plugin, go to **Plugins** → **AfricasTalking** → **Settings**
 2. Enter the following credentials:
@@ -86,6 +72,20 @@ notifications and communications.
 
 ![Plugin Overview page](images/africanstalking-cred-overview-page.png)
 
+### Step 6: Register SMS Delivery Callback URL
+
+1. In your AfricasTalking dashboard, go to **SMS** → **Callback URLs**
+2. Set up the delivery callback URL to point to your MPM instance: Copy the url
+   from the plugin overview page
+
+   ```bash
+   https://your-mpm-domain.com/api/africas-talking/callback/1/delivery-reports
+   ```
+
+3. Enable delivery reports to track SMS delivery status
+
+![Register callback URL for sms delivery](images/africanstalking-sms-delivery-callback.png)
+
 ### Step 7: Test SMS Functionality
 
 1. Navigate to **Customers** in your MPM dashboard

src/frontend/src/ExportedRoutes.js

@@ -343,48 +343,6 @@ export const exportedRoutes = [
           },
         ],
       },
-      {
-        path: "dashboards/mini-grid",
-        component: ChildRouteWrapper,
-        meta: {
-          sidebar: {
-            enabled: true,
-            name: "Mini-Grid",
-          },
-        },
-        children: [
-          {
-            path: "",
-            component: MiniGridOverviewPage,
-            meta: {
-              layout: "default",
-              breadcrumb: {
-                level: "base",
-                name: "Mini-Grids",
-                link: "/dashboards/mini-grid",
-              },
-              sidebar: {
-                enabled: true,
-                name: "Mini-Grid",
-              },
-            },
-          },
-          {
-            path: ":id",
-            component: MiniGridDetailPage,
-            meta: {
-              layout: "default",
-              breadcrumb: {
-                level: "detail",
-                name: "Mini-Grid",
-                link: "/dashboards/mini-grid",
-                target: "id",
-              },
-            },
-          },
-        ],
-      },
-
       {
         path: "dashboards/agent-performance",
         component: ChildRouteWrapper,
@@ -822,6 +780,61 @@ export const exportedRoutes = [
       },
     ],
   },
+  {
+    path: "",
+    component: ChildRouteWrapper,
+    meta: {
+      sidebar: {
+        enabled: true,
+        name: "Mini-Grid",
+        icon: "bolt",
+      },
+    },
+    children: [
+      {
+        path: "mini-grids",
+        component: ChildRouteWrapper,
+        meta: {
+          layout: "default",
+          sidebar: {
+            enabled: true,
+            name: "Overview",
+          },
+        },
+        children: [
+          {
+            path: "",
+            component: MiniGridOverviewPage,
+            meta: {
+              layout: "default",
+              breadcrumb: {
+                level: "base",
+                name: "Mini-Grids",
+                link: "/mini-grids",
+              },
+              sidebar: {
+                enabled: true,
+                name: "Overview",
+              },
+            },
+          },
+          {
+            path: ":id",
+            component: MiniGridDetailPage,
+            meta: {
+              layout: "default",
+              breadcrumb: {
+                level: "base",
+                name: "Mini-Grid",
+                link: "/mini-grids",
+                target: "id",
+              },
+            },
+          },
+        ],
+      },
+    ],
+  },
   {
     // FIXME: Should this be part of the Customer route?
     path: "/sold-appliance-detail",

src/frontend/src/assets/locales/en.json

@@ -116,6 +116,8 @@
     "agentCommissionUpdated": "Agent Commission Updated!",
     "agentDashboard": "Agent Overview",
     "agentList": "Agent List",
+    "miniGridDashboard": "Mini-Grid Overview",
+    "miniGridList": "Mini-Grid List",
     "agentPerformanceDashboard": "Agent Performance Dashboard",
     "agentTicket": "Agent Ticket | Agent Tickets",
     "agentTransaction": "Agent Transaction | Agent Transactions",
@@ -369,6 +371,9 @@
     "toDate": "To Date",
     "topPerformingAgents": "Top Performing Agents",
     "totalAgents": "Total Agents",
+    "totalClusters": "Total Clusters",
+    "totalCities": "Total Cities",
+    "totalMiniGrids": "Total Mini-Grids",
     "totalCommission": "Total Commission",
     "totalCost": "Total Cost",
     "totalCustomers": "Total Customers",