{
  "annotations": { "list": [] },
  "description": "Core Web Vitals (LCP, CLS, FCP, TTFB, INP) from Grafana Faro. Vitals are captured as span events in Tempo.",
  "editable": true,
  "graphTooltip": 1,
  "id": null,
  "links": [],
  "liveNow": false,
  "panels": [
    {
      "type": "stat",
      "title": "LCP p75 (ms)",
      "datasource": { "type": "tempo", "uid": "P214B5B846CF3925F" },
      "gridPos": { "h": 5, "w": 6, "x": 0, "y": 0 },
      "fieldConfig": { "defaults": { "unit": "ms" } },
      "options": { "reduceOptions": { "calcs": ["lastNotNull"] } },
      "targets": [
        {
          "query": "{ service.name = \"farmafinder-frontend\" && span.event.name = \"web-vitals\" } | logfmt | name = \"LCP\"",
          "refId": "A",
          "limit": 1000,
          "tableType": "traceql"
        }
      ]
    },
    {
      "type": "stat",
      "title": "FCP p75 (ms)",
      "datasource": { "type": "tempo", "uid": "P214B5B846CF3925F" },
      "gridPos": { "h": 5, "w": 6, "x": 6, "y": 0 },
      "fieldConfig": { "defaults": { "unit": "ms" } },
      "options": { "reduceOptions": { "calcs": ["lastNotNull"] } },
      "targets": [
        {
          "query": "{ service.name = \"farmafinder-frontend\" && span.event.name = \"web-vitals\" } | logfmt | name = \"FCP\"",
          "refId": "A",
          "limit": 1000,
          "tableType": "traceql"
        }
      ]
    },
    {
      "type": "stat",
      "title": "CLS p75",
      "datasource": { "type": "tempo", "uid": "P214B5B846CF3925F" },
      "gridPos": { "h": 5, "w": 6, "x": 12, "y": 0 },
      "fieldConfig": { "defaults": { "unit": "none", "decimals": 3 } },
      "options": { "reduceOptions": { "calcs": ["lastNotNull"] } },
      "targets": [
        {
          "query": "{ service.name = \"farmafinder-frontend\" && span.event.name = \"web-vitals\" } | logfmt | name = \"CLS\"",
          "refId": "A",
          "limit": 1000,
          "tableType": "traceql"
        }
      ]
    },
    {
      "type": "stat",
      "title": "TTFB p75 (ms)",
      "datasource": { "type": "tempo", "uid": "P214B5B846CF3925F" },
      "gridPos": { "h": 5, "w": 6, "x": 18, "y": 0 },
      "fieldConfig": { "defaults": { "unit": "ms" } },
      "options": { "reduceOptions": { "calcs": ["lastNotNull"] } },
      "targets": [
        {
          "query": "{ service.name = \"farmafinder-frontend\" && span.event.name = \"web-vitals\" } | logfmt | name = \"TTFB\"",
          "refId": "A",
          "limit": 1000,
          "tableType": "traceql"
        }
      ]
    },
    {
      "type": "table",
      "title": "Recent web-vitals events",
      "datasource": { "type": "tempo", "uid": "P214B5B846CF3925F" },
      "gridPos": { "h": 12, "w": 24, "x": 0, "y": 5 },
      "options": { "showHeader": true },
      "targets": [
        {
          "query": "{ service.name = \"farmafinder-frontend\" && span.event.name = \"web-vitals\" }",
          "refId": "A",
          "limit": 30,
          "tableType": "traceql"
        }
      ],
      "transformations": [
        {
          "id": "organize",
          "options": {
            "excludeByName": { "traceID": false, "rootServiceName": true, "rootTraceName": false, "duration": true, "startTime": true },
            "renameByName": { "traceID": "Trace ID", "rootTraceName": "Name", "duration": "Duration", "startTime": "Time" }
          }
        }
      ]
    },
    {
      "type": "table",
      "title": "Recent navigation events",
      "datasource": { "type": "tempo", "uid": "P214B5B846CF3925F" },
      "gridPos": { "h": 10, "w": 24, "x": 0, "y": 17 },
      "options": { "showHeader": true },
      "targets": [
        {
          "query": "{ service.name = \"farmafinder-frontend\" && span.event.name = \"navigation\" }",
          "refId": "A",
          "limit": 20,
          "tableType": "traceql"
        }
      ],
      "transformations": [
        {
          "id": "organize",
          "options": {
            "excludeByName": { "traceID": false, "rootServiceName": true, "rootTraceName": false, "duration": true, "startTime": true },
            "renameByName": { "traceID": "Trace ID", "rootTraceName": "Name", "duration": "Duration", "startTime": "Time" }
          }
        }
      ]
    }
  ],
  "refresh": "30s",
  "schemaVersion": 39,
  "tags": ["faro", "web-vitals", "farmafinder"],
  "templating": { "list": [] },
  "time": { "from": "now-3h", "to": "now" },
  "timepicker": {},
  "timezone": "browser",
  "title": "FARO — Web Vitals",
  "uid": "faro-web-vitals",
  "version": 2,
  "weekStart": ""
}