From 99c2f70a26279da3730aa47dac6a8086a8691a64 Mon Sep 17 00:00:00 2001
From: artpav <19916123+artemijspavlovs@users.noreply.github.com>
Date: Wed, 1 Jan 2025 14:17:09 +0700
Subject: [PATCH] chore: update grafana dasboard with new metrics (#1217)

---
 .../export/templates/grafana/dashboard.json   | 535 ++++++------------
 1 file changed, 186 insertions(+), 349 deletions(-)

diff --git a/cmd/observability/export/templates/grafana/dashboard.json b/cmd/observability/export/templates/grafana/dashboard.json
index e9238430..66366c6d 100644
--- a/cmd/observability/export/templates/grafana/dashboard.json
+++ b/cmd/observability/export/templates/grafana/dashboard.json
@@ -18,7 +18,7 @@
   "editable": true,
   "fiscalYearStartMonth": 0,
   "graphTooltip": 0,
-  "id": 7,
+  "id": 1,
   "links": [],
   "liveNow": true,
   "panels": [
@@ -37,39 +37,21 @@
     },
     {
       "datasource": {
-        "type": "marcusolsson-json-datasource",
-        "uid": "ddzq8pfjeurcwe"
+        "type": "prometheus",
+        "uid": "${data_source}"
       },
       "fieldConfig": {
         "defaults": {
           "color": {
             "mode": "thresholds"
           },
-          "mappings": [
-            {
-              "options": {
-                "false": {
-                  "index": 1,
-                  "text": "DOWN"
-                },
-                "true": {
-                  "index": 0,
-                  "text": "UP"
-                }
-              },
-              "type": "value"
-            }
-          ],
+          "mappings": [],
           "thresholds": {
             "mode": "absolute",
             "steps": [
               {
                 "color": "green",
                 "value": null
-              },
-              {
-                "color": "red",
-                "value": 80
               }
             ]
           }
@@ -77,62 +59,51 @@
         "overrides": []
       },
       "gridPos": {
-        "h": 3,
+        "h": 6,
         "w": 7,
         "x": 0,
         "y": 1
       },
-      "id": 52,
+      "id": 4,
       "options": {
         "colorMode": "value",
         "graphMode": "area",
         "justifyMode": "auto",
         "orientation": "auto",
+        "percentChangeColorMode": "standard",
         "reduceOptions": {
           "calcs": [
             "lastNotNull"
           ],
-          "fields": "/^isHealthy$/",
+          "fields": "",
           "values": false
         },
         "showPercentChange": false,
         "textMode": "auto",
         "wideLayout": true
       },
-      "pluginVersion": "11.0.0",
+      "pluginVersion": "11.4.0",
       "targets": [
         {
-          "cacheDurationSeconds": 300,
           "datasource": {
-            "type": "marcusolsson-json-datasource",
-            "uid": "ddzq8pfjeurcwe"
+            "type": "prometheus",
+            "uid": "${data_source}"
           },
-          "fields": [
-            {
-              "jsonPath": "result"
-            }
-          ],
-          "method": "GET",
-          "queryParams": "",
+          "disableTextWrap": false,
+          "editorMode": "code",
+          "exemplar": false,
+          "expr": "rollapp_height{instance=\"${node}:2112\"}",
+          "fullMetaSearch": false,
+          "includeNullMetadata": true,
+          "instant": false,
+          "legendFormat": "__auto",
+          "range": true,
           "refId": "A",
-          "urlPath": ""
-        }
-      ],
-      "title": "Status",
-      "transformations": [
-        {
-          "id": "extractFields",
-          "options": {
-            "format": "json",
-            "jsonPaths": [
-              {
-                "path": "isHealthy"
-              }
-            ],
-            "source": "result"
-          }
+          "useBackend": false
         }
       ],
+      "title": "Height",
+      "transparent": true,
       "type": "stat"
     },
     {
@@ -152,6 +123,7 @@
             "axisLabel": "",
             "axisPlacement": "auto",
             "barAlignment": 0,
+            "barWidthFactor": 0.6,
             "drawStyle": "line",
             "fillOpacity": 0,
             "gradientMode": "none",
@@ -184,10 +156,6 @@
               {
                 "color": "green",
                 "value": null
-              },
-              {
-                "color": "red",
-                "value": 80
               }
             ]
           }
@@ -195,18 +163,18 @@
         "overrides": []
       },
       "gridPos": {
-        "h": 8,
+        "h": 4,
         "w": 6,
         "x": 7,
         "y": 1
       },
-      "id": 51,
+      "id": 32,
       "options": {
         "legend": {
           "calcs": [],
           "displayMode": "list",
-          "placement": "bottom",
-          "showLegend": true
+          "placement": "right",
+          "showLegend": false
         },
         "tooltip": {
           "maxHeight": 600,
@@ -214,21 +182,25 @@
           "sort": "none"
         }
       },
+      "pluginVersion": "11.4.0",
       "targets": [
         {
           "datasource": {
             "type": "prometheus",
             "uid": "${data_source}"
           },
+          "disableTextWrap": false,
           "editorMode": "code",
-          "expr": "dymint_mempool_size{instance=\"${node}:2112\"}",
-          "instant": false,
+          "expr": "rollapp_height{instance=\"${node}:2112\"}",
+          "fullMetaSearch": false,
+          "includeNullMetadata": true,
           "legendFormat": "__auto",
           "range": true,
-          "refId": "A"
+          "refId": "A",
+          "useBackend": false
         }
       ],
-      "title": "Mempool Size",
+      "title": "Block Height over time",
       "transparent": true,
       "type": "timeseries"
     },
@@ -249,6 +221,7 @@
             "axisLabel": "",
             "axisPlacement": "auto",
             "barAlignment": 0,
+            "barWidthFactor": 0.6,
             "drawStyle": "line",
             "fillOpacity": 0,
             "gradientMode": "none",
@@ -284,7 +257,7 @@
               },
               {
                 "color": "red",
-                "value": 10
+                "value": 80
               }
             ]
           }
@@ -292,18 +265,18 @@
         "overrides": []
       },
       "gridPos": {
-        "h": 8,
+        "h": 4,
         "w": 6,
         "x": 13,
         "y": 1
       },
-      "id": 39,
+      "id": 18,
       "options": {
         "legend": {
           "calcs": [],
           "displayMode": "list",
           "placement": "bottom",
-          "showLegend": true
+          "showLegend": false
         },
         "tooltip": {
           "maxHeight": 600,
@@ -311,6 +284,7 @@
           "sort": "none"
         }
       },
+      "pluginVersion": "11.4.0",
       "targets": [
         {
           "datasource": {
@@ -319,16 +293,16 @@
           },
           "disableTextWrap": false,
           "editorMode": "code",
-          "expr": "rollapp_consecutive_failed_da_submissions{instance=\"${node}:2112\"}",
+          "expr": "irate(rollapp_block_size_txs{instance=\"${node}:2112\"}[1m])",
           "fullMetaSearch": false,
           "includeNullMetadata": true,
-          "legendFormat": "{{instance}}",
+          "legendFormat": "__auto",
           "range": true,
           "refId": "A",
           "useBackend": false
         }
       ],
-      "title": "Failed DA Submissions",
+      "title": "Block Size Tx/Block",
       "transparent": true,
       "type": "timeseries"
     },
@@ -349,6 +323,7 @@
             "axisLabel": "",
             "axisPlacement": "auto",
             "barAlignment": 0,
+            "barWidthFactor": 0.6,
             "drawStyle": "line",
             "fillOpacity": 0,
             "gradientMode": "none",
@@ -392,7 +367,7 @@
         "overrides": []
       },
       "gridPos": {
-        "h": 8,
+        "h": 4,
         "w": 5,
         "x": 19,
         "y": 1
@@ -411,6 +386,7 @@
           "sort": "none"
         }
       },
+      "pluginVersion": "11.4.0",
       "targets": [
         {
           "datasource": {
@@ -432,163 +408,6 @@
       "transparent": true,
       "type": "timeseries"
     },
-    {
-      "datasource": {
-        "type": "marcusolsson-json-datasource",
-        "uid": "ddzq8pfjeurcwe"
-      },
-      "fieldConfig": {
-        "defaults": {
-          "color": {
-            "mode": "thresholds"
-          },
-          "mappings": [],
-          "thresholds": {
-            "mode": "absolute",
-            "steps": [
-              {
-                "color": "green",
-                "value": null
-              },
-              {
-                "color": "red",
-                "value": 80
-              }
-            ]
-          }
-        },
-        "overrides": []
-      },
-      "gridPos": {
-        "h": 3,
-        "w": 7,
-        "x": 0,
-        "y": 4
-      },
-      "id": 53,
-      "options": {
-        "colorMode": "value",
-        "graphMode": "area",
-        "justifyMode": "auto",
-        "orientation": "auto",
-        "reduceOptions": {
-          "calcs": [
-            "lastNotNull"
-          ],
-          "fields": "/^error$/",
-          "values": false
-        },
-        "showPercentChange": false,
-        "textMode": "auto",
-        "wideLayout": true
-      },
-      "pluginVersion": "11.0.0",
-      "targets": [
-        {
-          "cacheDurationSeconds": 300,
-          "datasource": {
-            "type": "marcusolsson-json-datasource",
-            "uid": "ddzq8pfjeurcwe"
-          },
-          "fields": [
-            {
-              "jsonPath": "result"
-            }
-          ],
-          "hide": false,
-          "method": "GET",
-          "queryParams": "",
-          "refId": "A",
-          "urlPath": ""
-        }
-      ],
-      "title": "Error Message ( when status is Down )",
-      "transformations": [
-        {
-          "id": "extractFields",
-          "options": {
-            "format": "json",
-            "jsonPaths": [
-              {
-                "path": "error"
-              }
-            ],
-            "source": "result"
-          }
-        }
-      ],
-      "type": "stat"
-    },
-    {
-      "datasource": {
-        "type": "prometheus",
-        "uid": "${data_source}"
-      },
-      "fieldConfig": {
-        "defaults": {
-          "color": {
-            "mode": "thresholds"
-          },
-          "mappings": [],
-          "thresholds": {
-            "mode": "absolute",
-            "steps": [
-              {
-                "color": "green",
-                "value": null
-              }
-            ]
-          }
-        },
-        "overrides": []
-      },
-      "gridPos": {
-        "h": 6,
-        "w": 7,
-        "x": 0,
-        "y": 7
-      },
-      "id": 4,
-      "options": {
-        "colorMode": "value",
-        "graphMode": "area",
-        "justifyMode": "auto",
-        "orientation": "auto",
-        "reduceOptions": {
-          "calcs": [
-            "lastNotNull"
-          ],
-          "fields": "",
-          "values": false
-        },
-        "showPercentChange": false,
-        "textMode": "auto",
-        "wideLayout": true
-      },
-      "pluginVersion": "11.0.0",
-      "targets": [
-        {
-          "datasource": {
-            "type": "prometheus",
-            "uid": "${data_source}"
-          },
-          "disableTextWrap": false,
-          "editorMode": "code",
-          "exemplar": false,
-          "expr": "rollapp_height{instance=\"${node}:2112\"}",
-          "fullMetaSearch": false,
-          "includeNullMetadata": true,
-          "instant": false,
-          "legendFormat": "__auto",
-          "range": true,
-          "refId": "A",
-          "useBackend": false
-        }
-      ],
-      "title": "Height",
-      "transparent": true,
-      "type": "stat"
-    },
     {
       "datasource": {
         "type": "prometheus",
@@ -606,6 +425,7 @@
             "axisLabel": "",
             "axisPlacement": "auto",
             "barAlignment": 0,
+            "barWidthFactor": 0.6,
             "drawStyle": "line",
             "fillOpacity": 0,
             "gradientMode": "none",
@@ -638,10 +458,6 @@
               {
                 "color": "green",
                 "value": null
-              },
-              {
-                "color": "red",
-                "value": 80
               }
             ]
           }
@@ -649,12 +465,12 @@
         "overrides": []
       },
       "gridPos": {
-        "h": 4,
-        "w": 4,
+        "h": 6,
+        "w": 6,
         "x": 7,
-        "y": 9
+        "y": 5
       },
-      "id": 31,
+      "id": 51,
       "options": {
         "legend": {
           "calcs": [],
@@ -668,31 +484,29 @@
           "sort": "none"
         }
       },
+      "pluginVersion": "11.4.0",
       "targets": [
         {
           "datasource": {
             "type": "prometheus",
             "uid": "${data_source}"
           },
-          "disableTextWrap": false,
           "editorMode": "code",
-          "expr": "rollapp_pending_submissions_skew_num_batches{instance=\"${node}:2112\"}",
-          "fullMetaSearch": false,
-          "includeNullMetadata": true,
+          "expr": "dymint_mempool_size{instance=\"${node}:2112\"}",
+          "instant": false,
           "legendFormat": "__auto",
           "range": true,
-          "refId": "A",
-          "useBackend": false
+          "refId": "A"
         }
       ],
-      "title": "Pending Batches Skew",
+      "title": "Mempool Size",
       "transparent": true,
       "type": "timeseries"
     },
     {
       "datasource": {
         "type": "prometheus",
-        "uid": "${data_source}"
+        "uid": "PBFA97CFB590B2093"
       },
       "fieldConfig": {
         "defaults": {
@@ -706,6 +520,7 @@
             "axisLabel": "",
             "axisPlacement": "auto",
             "barAlignment": 0,
+            "barWidthFactor": 0.6,
             "drawStyle": "line",
             "fillOpacity": 0,
             "gradientMode": "none",
@@ -738,6 +553,10 @@
               {
                 "color": "green",
                 "value": null
+              },
+              {
+                "color": "red",
+                "value": 80
               }
             ]
           }
@@ -745,87 +564,47 @@
         "overrides": []
       },
       "gridPos": {
-        "h": 4,
-        "w": 4,
-        "x": 11,
-        "y": 9
+        "h": 6,
+        "w": 6,
+        "x": 13,
+        "y": 5
       },
-      "id": 32,
+      "id": 54,
       "options": {
         "legend": {
           "calcs": [],
           "displayMode": "list",
-          "placement": "right",
-          "showLegend": false
+          "placement": "bottom",
+          "showLegend": true
         },
         "tooltip": {
-          "maxHeight": 600,
           "mode": "single",
           "sort": "none"
         }
       },
+      "pluginVersion": "11.4.0",
       "targets": [
         {
-          "datasource": {
-            "type": "prometheus",
-            "uid": "${data_source}"
-          },
-          "disableTextWrap": false,
           "editorMode": "code",
-          "expr": "rollapp_height{instance=\"${node}:2112\"}",
-          "fullMetaSearch": false,
-          "includeNullMetadata": true,
+          "expr": "rollapp_pending_submissions_skew_batches",
           "legendFormat": "__auto",
           "range": true,
-          "refId": "A",
-          "useBackend": false
+          "refId": "A"
         }
       ],
-      "title": "Block Height over time",
+      "title": "Pending Submission Skew Batches",
       "transparent": true,
       "type": "timeseries"
     },
     {
       "datasource": {
         "type": "prometheus",
-        "uid": "${data_source}"
+        "uid": "PBFA97CFB590B2093"
       },
       "fieldConfig": {
         "defaults": {
           "color": {
-            "mode": "palette-classic"
-          },
-          "custom": {
-            "axisBorderShow": false,
-            "axisCenteredZero": false,
-            "axisColorMode": "text",
-            "axisLabel": "",
-            "axisPlacement": "auto",
-            "barAlignment": 0,
-            "drawStyle": "line",
-            "fillOpacity": 0,
-            "gradientMode": "none",
-            "hideFrom": {
-              "legend": false,
-              "tooltip": false,
-              "viz": false
-            },
-            "insertNulls": false,
-            "lineInterpolation": "linear",
-            "lineWidth": 1,
-            "pointSize": 5,
-            "scaleDistribution": {
-              "type": "linear"
-            },
-            "showPoints": "auto",
-            "spanNulls": false,
-            "stacking": {
-              "group": "A",
-              "mode": "none"
-            },
-            "thresholdsStyle": {
-              "mode": "off"
-            }
+            "mode": "thresholds"
           },
           "mappings": [],
           "thresholds": {
@@ -837,7 +616,11 @@
               },
               {
                 "color": "red",
-                "value": 80
+                "value": ""
+              },
+              {
+                "color": "#EAB839",
+                "value": ""
               }
             ]
           }
@@ -846,44 +629,105 @@
       },
       "gridPos": {
         "h": 4,
-        "w": 4,
-        "x": 15,
-        "y": 9
+        "w": 7,
+        "x": 0,
+        "y": 7
       },
-      "id": 33,
+      "id": 53,
       "options": {
-        "legend": {
-          "calcs": [],
-          "displayMode": "list",
-          "placement": "bottom",
-          "showLegend": false
+        "colorMode": "value",
+        "graphMode": "none",
+        "justifyMode": "auto",
+        "orientation": "auto",
+        "percentChangeColorMode": "standard",
+        "reduceOptions": {
+          "calcs": [
+            "lastNotNull"
+          ],
+          "fields": "",
+          "values": false
         },
-        "tooltip": {
-          "maxHeight": 600,
-          "mode": "single",
-          "sort": "none"
-        }
+        "showPercentChange": false,
+        "textMode": "auto",
+        "wideLayout": true
       },
+      "pluginVersion": "11.4.0",
       "targets": [
         {
-          "datasource": {
-            "type": "prometheus",
-            "uid": "${data_source}"
-          },
-          "disableTextWrap": false,
           "editorMode": "code",
-          "expr": "rollapp_pending_submissions_skew_num_bytes{instance=\"${node}:2112\"}",
-          "fullMetaSearch": false,
-          "includeNullMetadata": true,
+          "expr": "round((hub_layer_balance / (10 ^ 18)) * 10) / 10",
           "legendFormat": "__auto",
           "range": true,
-          "refId": "A",
-          "useBackend": false
+          "refId": "A"
+        }
+      ],
+      "title": "Sequencer Dym Balance",
+      "type": "stat"
+    },
+    {
+      "datasource": {
+        "type": "prometheus",
+        "uid": "PBFA97CFB590B2093"
+      },
+      "fieldConfig": {
+        "defaults": {
+          "color": {
+            "mode": "thresholds"
+          },
+          "mappings": [],
+          "thresholds": {
+            "mode": "absolute",
+            "steps": [
+              {
+                "color": "green",
+                "value": null
+              },
+              {
+                "color": "red",
+                "value": ""
+              }
+            ]
+          }
+        },
+        "overrides": []
+      },
+      "gridPos": {
+        "h": 4,
+        "w": 7,
+        "x": 0,
+        "y": 11
+      },
+      "id": 52,
+      "options": {
+        "colorMode": "value",
+        "graphMode": "none",
+        "justifyMode": "auto",
+        "orientation": "auto",
+        "percentChangeColorMode": "standard",
+        "reduceOptions": {
+          "calcs": [
+            "lastNotNull"
+          ],
+          "fields": "",
+          "values": false
+        },
+        "showPercentChange": false,
+        "textMode": "auto",
+        "wideLayout": true
+      },
+      "pluginVersion": "11.4.0",
+      "targets": [
+        {
+          "editorMode": "code",
+          "expr": "exp(round(ln(da_layer_balance/1000000) * 10) / 10)",
+          "legendFormat": "{{label_name}}",
+          "range": true,
+          "refId": "A"
         }
       ],
-      "title": "Pending Batches Skew Bytes",
+      "title": "Da Balance",
       "transparent": true,
-      "type": "timeseries"
+      "type": "stat"
     },
     {
       "datasource": {
@@ -902,6 +746,7 @@
             "axisLabel": "",
             "axisPlacement": "auto",
             "barAlignment": 0,
+            "barWidthFactor": 0.6,
             "drawStyle": "line",
             "fillOpacity": 0,
             "gradientMode": "none",
@@ -937,7 +782,7 @@
               },
               {
                 "color": "red",
-                "value": 80
+                "value": 10
               }
             ]
           }
@@ -946,11 +791,11 @@
       },
       "gridPos": {
         "h": 4,
-        "w": 5,
-        "x": 19,
-        "y": 9
+        "w": 6,
+        "x": 7,
+        "y": 11
       },
-      "id": 18,
+      "id": 39,
       "options": {
         "legend": {
           "calcs": [],
@@ -964,6 +809,7 @@
           "sort": "none"
         }
       },
+      "pluginVersion": "11.4.0",
       "targets": [
         {
           "datasource": {
@@ -972,40 +818,38 @@
           },
           "disableTextWrap": false,
           "editorMode": "code",
-          "expr": "irate(rollapp_block_size_txs{instance=\"${node}:2112\"}[1m])",
+          "expr": "rollapp_consecutive_failed_da_submissions{instance=\"${node}:2112\"}",
           "fullMetaSearch": false,
           "includeNullMetadata": true,
-          "legendFormat": "__auto",
+          "legendFormat": "{{instance}}",
           "range": true,
           "refId": "A",
           "useBackend": false
         }
       ],
-      "title": "Block Size Tx/Block",
+      "title": "Failed DA Submissions",
       "transparent": true,
       "type": "timeseries"
     }
   ],
+  "preload": false,
   "refresh": "30s",
-  "schemaVersion": 39,
+  "schemaVersion": 40,
   "tags": [],
   "templating": {
     "list": [
       {
         "current": {
-          "selected": false,
-          "text": "10.200.7.4",
-          "value": "10.200.7.4"
+          "text": "host.docker.internal",
+          "value": "host.docker.internal"
         },
         "datasource": {
           "type": "prometheus",
           "uid": "${data_source}"
         },
         "definition": "label_values(up, instance)",
-        "hide": 0,
         "includeAll": false,
         "label": "Node",
-        "multi": false,
         "name": "node",
         "options": [],
         "query": {
@@ -1015,25 +859,19 @@
         },
         "refresh": 2,
         "regex": "/((\\d+\\.\\d+\\.\\d+\\.\\d+)|(([a-zA-Z0-9]|[a-zA-Z0-9][a-zA-Z0-9\\-]*[a-zA-Z0-9])\\.)*([A-Za-z0-9]|[A-Za-z0-9][A-Za-z0-9\\-]*[A-Za-z0-9])):2112/",
-        "skipUrlSync": false,
-        "sort": 0,
         "type": "query"
       },
       {
         "current": {
-          "selected": false,
-          "text": "Prometheus Metric Endpoint",
-          "value": "fdvf7trla4xdse"
+          "text": "Prometheus",
+          "value": "PBFA97CFB590B2093"
         },
-        "hide": 0,
         "includeAll": false,
-        "multi": false,
         "name": "data_source",
         "options": [],
         "query": "prometheus",
         "refresh": 1,
         "regex": "",
-        "skipUrlSync": false,
         "type": "datasource"
       }
     ]
@@ -1042,11 +880,10 @@
     "from": "now-15m",
     "to": "now"
   },
-  "timeRangeUpdatedDuringEditOrView": false,
   "timepicker": {},
   "timezone": "",
   "title": "Rollapp Infrastructure Metrics Roller",
   "uid": "1fdofiyxge0mioe",
-  "version": 5,
+  "version": 17,
   "weekStart": ""
 }