CoCalc -- code-browser.json

GitHub Repository: gitpod-io/gitpod
Path: blob/main/operations/observability/mixins/IDE/dashboards/components/code-browser.json
²⁵⁰¹ views
1
{
2
  "annotations": {
3
    "list": [
4
      {
5
        "builtIn": 1,
6
        "datasource": {
7
          "type": "grafana",
8
          "uid": "-- Grafana --"
9
        },
10
        "enable": true,
11
        "hide": true,
12
        "iconColor": "rgba(0, 211, 255, 1)",
13
        "name": "Annotations & Alerts",
14
        "target": {
15
          "limit": 100,
16
          "matchAny": false,
17
          "tags": [],
18
          "type": "dashboard"
19
        },
20
        "type": "dashboard"
21
      }
22
    ]
23
  },
24
  "editable": true,
25
  "fiscalYearStartMonth": 0,
26
  "graphTooltip": 0,
27
  "id": 14,
28
  "links": [],
29
  "liveNow": false,
30
  "panels": [
31
    {
32
      "collapsed": false,
33
      "gridPos": {
34
        "h": 1,
35
        "w": 24,
36
        "x": 0,
37
        "y": 0
38
      },
39
      "id": 21,
40
      "panels": [],
41
      "title": "Browser Workbench",
42
      "type": "row"
43
    },
44
    {
45
      "datasource": {
46
        "type": "prometheus",
47
        "uid": "${datasource}"
48
      },
49
      "description": "VSCode Web workbench resources load failed ratio",
50
      "fieldConfig": {
51
        "defaults": {
52
          "color": {
53
            "mode": "palette-classic"
54
          },
55
          "custom": {
56
            "axisCenteredZero": false,
57
            "axisColorMode": "text",
58
            "axisLabel": "",
59
            "axisPlacement": "auto",
60
            "barAlignment": 0,
61
            "drawStyle": "line",
62
            "fillOpacity": 0,
63
            "gradientMode": "none",
64
            "hideFrom": {
65
              "legend": false,
66
              "tooltip": false,
67
              "viz": false
68
            },
69
            "lineInterpolation": "linear",
70
            "lineWidth": 1,
71
            "pointSize": 5,
72
            "scaleDistribution": {
73
              "type": "linear"
74
            },
75
            "showPoints": "auto",
76
            "spanNulls": false,
77
            "stacking": {
78
              "group": "A",
79
              "mode": "none"
80
            },
81
            "thresholdsStyle": {
82
              "mode": "off"
83
            }
84
          },
85
          "mappings": [],
86
          "thresholds": {
87
            "mode": "absolute",
88
            "steps": [
89
              {
90
                "color": "green",
91
                "value": null
92
              },
93
              {
94
                "color": "red",
95
                "value": 80
96
              }
97
            ]
98
          }
99
        },
100
        "overrides": []
101
      },
102
      "gridPos": {
103
        "h": 8,
104
        "w": 12,
105
        "x": 0,
106
        "y": 1
107
      },
108
      "id": 23,
109
      "links": [
110
        {
111
          "title": "GCP Error Report",
112
          "url": "https://console.cloud.google.com/errors;service=vscode-workbench;filter=%5B%22LoadError%22%5D?project=gitpod-191109"
113
        }
114
      ],
115
      "options": {
116
        "legend": {
117
          "calcs": [
118
            "max",
119
            "mean"
120
          ],
121
          "displayMode": "table",
122
          "placement": "bottom",
123
          "showLegend": true
124
        },
125
        "tooltip": {
126
          "mode": "single",
127
          "sort": "none"
128
        }
129
      },
130
      "targets": [
131
        {
132
          "datasource": {
133
            "type": "prometheus",
134
            "uid": "${datasource}"
135
          },
136
          "editorMode": "code",
137
          "expr": "sum(rate(gitpod_vscode_web_load_total{status='failed'}[2m])) /sum(rate(gitpod_vscode_web_load_total{status='loading'}[2m]))",
138
          "legendFormat": "total_ratio",
139
          "range": true,
140
          "refId": "A"
141
        }
142
      ],
143
      "title": "Load Failed Ratio",
144
      "type": "timeseries"
145
    },
146
    {
147
      "collapsed": false,
148
      "gridPos": {
149
        "h": 1,
150
        "w": 24,
151
        "x": 0,
152
        "y": 9
153
      },
154
      "id": 13,
155
      "panels": [],
156
      "title": "Extension Gallery",
157
      "type": "row"
158
    },
159
    {
160
      "datasource": {
161
        "type": "prometheus",
162
        "uid": "${datasource}"
163
      },
164
      "fieldConfig": {
165
        "defaults": {
166
          "color": {
167
            "mode": "palette-classic"
168
          },
169
          "custom": {
170
            "axisCenteredZero": false,
171
            "axisColorMode": "text",
172
            "axisLabel": "query/second",
173
            "axisPlacement": "auto",
174
            "barAlignment": 0,
175
            "drawStyle": "line",
176
            "fillOpacity": 0,
177
            "gradientMode": "none",
178
            "hideFrom": {
179
              "legend": false,
180
              "tooltip": false,
181
              "viz": false
182
            },
183
            "lineInterpolation": "linear",
184
            "lineWidth": 1,
185
            "pointSize": 5,
186
            "scaleDistribution": {
187
              "type": "linear"
188
            },
189
            "showPoints": "auto",
190
            "spanNulls": false,
191
            "stacking": {
192
              "group": "A",
193
              "mode": "none"
194
            },
195
            "thresholdsStyle": {
196
              "mode": "off"
197
            }
198
          },
199
          "mappings": [],
200
          "thresholds": {
201
            "mode": "absolute",
202
            "steps": [
203
              {
204
                "color": "green",
205
                "value": null
206
              },
207
              {
208
                "color": "red",
209
                "value": 80
210
              }
211
            ]
212
          }
213
        },
214
        "overrides": []
215
      },
216
      "gridPos": {
217
        "h": 8,
218
        "w": 12,
219
        "x": 0,
220
        "y": 10
221
      },
222
      "id": 11,
223
      "options": {
224
        "legend": {
225
          "calcs": [
226
            "max",
227
            "mean",
228
            "min"
229
          ],
230
          "displayMode": "table",
231
          "placement": "bottom",
232
          "showLegend": true
233
        },
234
        "tooltip": {
235
          "mode": "single",
236
          "sort": "none"
237
        }
238
      },
239
      "targets": [
240
        {
241
          "datasource": {
242
            "type": "prometheus",
243
            "uid": "${datasource}"
244
          },
245
          "editorMode": "code",
246
          "expr": "sum(rate(gitpod_vscode_extension_gallery_query_total{galleryHost=~\"$gallery\"}[2m]))",
247
          "legendFormat": "rate",
248
          "range": true,
249
          "refId": "A"
250
        }
251
      ],
252
      "title": "queries",
253
      "type": "timeseries"
254
    },
255
    {
256
      "datasource": {
257
        "type": "prometheus",
258
        "uid": "${datasource}"
259
      },
260
      "fieldConfig": {
261
        "defaults": {
262
          "color": {
263
            "mode": "palette-classic"
264
          },
265
          "custom": {
266
            "axisCenteredZero": false,
267
            "axisColorMode": "text",
268
            "axisLabel": "",
269
            "axisPlacement": "auto",
270
            "barAlignment": 0,
271
            "drawStyle": "line",
272
            "fillOpacity": 0,
273
            "gradientMode": "none",
274
            "hideFrom": {
275
              "legend": false,
276
              "tooltip": false,
277
              "viz": false
278
            },
279
            "lineInterpolation": "linear",
280
            "lineWidth": 1,
281
            "pointSize": 5,
282
            "scaleDistribution": {
283
              "type": "linear"
284
            },
285
            "showPoints": "auto",
286
            "spanNulls": false,
287
            "stacking": {
288
              "group": "A",
289
              "mode": "none"
290
            },
291
            "thresholdsStyle": {
292
              "mode": "off"
293
            }
294
          },
295
          "mappings": [],
296
          "thresholds": {
297
            "mode": "absolute",
298
            "steps": [
299
              {
300
                "color": "green",
301
                "value": null
302
              },
303
              {
304
                "color": "red",
305
                "value": 80
306
              }
307
            ]
308
          },
309
          "unit": "s"
310
        },
311
        "overrides": []
312
      },
313
      "gridPos": {
314
        "h": 8,
315
        "w": 12,
316
        "x": 12,
317
        "y": 10
318
      },
319
      "id": 18,
320
      "options": {
321
        "legend": {
322
          "calcs": [
323
            "max",
324
            "mean"
325
          ],
326
          "displayMode": "table",
327
          "placement": "right",
328
          "showLegend": true
329
        },
330
        "tooltip": {
331
          "mode": "single",
332
          "sort": "none"
333
        }
334
      },
335
      "targets": [
336
        {
337
          "datasource": {
338
            "type": "prometheus",
339
            "uid": "${datasource}"
340
          },
341
          "editorMode": "code",
342
          "expr": "histogram_quantile(1, sum(rate(gitpod_vscode_extension_gallery_query_duration_seconds_bucket{galleryHost=~\"$gallery\"}[1m])) by (le))",
343
          "legendFormat": "max",
344
          "range": true,
345
          "refId": "A"
346
        },
347
        {
348
          "datasource": {
349
            "type": "prometheus",
350
            "uid": "${datasource}"
351
          },
352
          "editorMode": "code",
353
          "expr": "histogram_quantile(0.99, sum(rate(gitpod_vscode_extension_gallery_query_duration_seconds_bucket{galleryHost=~\"$gallery\"}[1m])) by (le))",
354
          "hide": false,
355
          "legendFormat": "P99",
356
          "range": true,
357
          "refId": "B"
358
        },
359
        {
360
          "datasource": {
361
            "type": "prometheus",
362
            "uid": "${datasource}"
363
          },
364
          "editorMode": "code",
365
          "expr": "histogram_quantile(0.95, sum(rate(gitpod_vscode_extension_gallery_query_duration_seconds_bucket{galleryHost=~\"$gallery\"}[1m])) by (le))",
366
          "hide": false,
367
          "legendFormat": "P95",
368
          "range": true,
369
          "refId": "C"
370
        },
371
        {
372
          "datasource": {
373
            "type": "prometheus",
374
            "uid": "${datasource}"
375
          },
376
          "editorMode": "code",
377
          "expr": "histogram_quantile(0.5, sum(rate(gitpod_vscode_extension_gallery_query_duration_seconds_bucket{galleryHost=~\"$gallery\"}[1m])) by (le))",
378
          "hide": false,
379
          "legendFormat": "mean",
380
          "range": true,
381
          "refId": "D"
382
        }
383
      ],
384
      "title": "latencies",
385
      "type": "timeseries"
386
    },
387
    {
388
      "datasource": {
389
        "type": "prometheus",
390
        "uid": "${datasource}"
391
      },
392
      "description": "",
393
      "fieldConfig": {
394
        "defaults": {
395
          "color": {
396
            "mode": "palette-classic"
397
          },
398
          "custom": {
399
            "axisCenteredZero": false,
400
            "axisColorMode": "text",
401
            "axisLabel": "",
402
            "axisPlacement": "auto",
403
            "barAlignment": 0,
404
            "drawStyle": "bars",
405
            "fillOpacity": 0,
406
            "gradientMode": "none",
407
            "hideFrom": {
408
              "legend": false,
409
              "tooltip": false,
410
              "viz": false
411
            },
412
            "lineInterpolation": "linear",
413
            "lineWidth": 1,
414
            "pointSize": 5,
415
            "scaleDistribution": {
416
              "type": "linear"
417
            },
418
            "showPoints": "auto",
419
            "spanNulls": false,
420
            "stacking": {
421
              "group": "A",
422
              "mode": "none"
423
            },
424
            "thresholdsStyle": {
425
              "mode": "off"
426
            }
427
          },
428
          "mappings": [],
429
          "max": 1,
430
          "thresholds": {
431
            "mode": "absolute",
432
            "steps": [
433
              {
434
                "color": "green",
435
                "value": null
436
              },
437
              {
438
                "color": "red",
439
                "value": 80
440
              }
441
            ]
442
          },
443
          "unit": "percentunit"
444
        },
445
        "overrides": []
446
      },
447
      "gridPos": {
448
        "h": 8,
449
        "w": 12,
450
        "x": 0,
451
        "y": 18
452
      },
453
      "id": 15,
454
      "options": {
455
        "legend": {
456
          "calcs": [
457
            "mean"
458
          ],
459
          "displayMode": "table",
460
          "placement": "bottom",
461
          "showLegend": true
462
        },
463
        "tooltip": {
464
          "mode": "single",
465
          "sort": "none"
466
        }
467
      },
468
      "targets": [
469
        {
470
          "datasource": {
471
            "type": "prometheus",
472
            "uid": "${datasource}"
473
          },
474
          "editorMode": "code",
475
          "expr": "sum(rate(gitpod_vscode_extension_gallery_query_total{status=\"failure\",errorCode!=\"canceled\",galleryHost=~\"$gallery\"}[2m]))/sum(rate(gitpod_vscode_extension_gallery_query_total{galleryHost=~\"$gallery\"}[2m]))",
476
          "legendFormat": "total ratio",
477
          "range": true,
478
          "refId": "A"
479
        }
480
      ],
481
      "title": "total failure ratio",
482
      "type": "timeseries"
483
    },
484
    {
485
      "datasource": {
486
        "type": "prometheus",
487
        "uid": "${datasource}"
488
      },
489
      "description": "",
490
      "fieldConfig": {
491
        "defaults": {
492
          "color": {
493
            "mode": "palette-classic"
494
          },
495
          "custom": {
496
            "axisCenteredZero": false,
497
            "axisColorMode": "text",
498
            "axisLabel": "",
499
            "axisPlacement": "auto",
500
            "barAlignment": 0,
501
            "drawStyle": "bars",
502
            "fillOpacity": 0,
503
            "gradientMode": "none",
504
            "hideFrom": {
505
              "legend": false,
506
              "tooltip": false,
507
              "viz": false
508
            },
509
            "lineInterpolation": "linear",
510
            "lineWidth": 1,
511
            "pointSize": 5,
512
            "scaleDistribution": {
513
              "type": "linear"
514
            },
515
            "showPoints": "auto",
516
            "spanNulls": false,
517
            "stacking": {
518
              "group": "A",
519
              "mode": "none"
520
            },
521
            "thresholdsStyle": {
522
              "mode": "off"
523
            }
524
          },
525
          "mappings": [],
526
          "max": 1,
527
          "thresholds": {
528
            "mode": "absolute",
529
            "steps": [
530
              {
531
                "color": "green",
532
                "value": null
533
              },
534
              {
535
                "color": "red",
536
                "value": 80
537
              }
538
            ]
539
          },
540
          "unit": "percentunit"
541
        },
542
        "overrides": []
543
      },
544
      "gridPos": {
545
        "h": 8,
546
        "w": 12,
547
        "x": 12,
548
        "y": 18
549
      },
550
      "id": 16,
551
      "options": {
552
        "legend": {
553
          "calcs": [
554
            "mean"
555
          ],
556
          "displayMode": "table",
557
          "placement": "right",
558
          "showLegend": true
559
        },
560
        "tooltip": {
561
          "mode": "single",
562
          "sort": "none"
563
        }
564
      },
565
      "targets": [
566
        {
567
          "datasource": {
568
            "type": "prometheus",
569
            "uid": "${datasource}"
570
          },
571
          "editorMode": "code",
572
          "expr": "sum by (statusCode) (rate(gitpod_vscode_extension_gallery_query_total{status=\"failure\",errorCode!=\"canceled\",galleryHost=~\"$gallery\"}[2m]))/ignoring(statusCode) group_left sum(rate(gitpod_vscode_extension_gallery_query_total{galleryHost=~\"$gallery\"}[2m]))",
573
          "legendFormat": "__auto",
574
          "range": true,
575
          "refId": "A"
576
        }
577
      ],
578
      "title": "failure ratio by status code",
579
      "type": "timeseries"
580
    },
581
    {
582
      "datasource": {
583
        "type": "prometheus",
584
        "uid": "${datasource}"
585
      },
586
      "description": "",
587
      "fieldConfig": {
588
        "defaults": {
589
          "color": {
590
            "mode": "palette-classic"
591
          },
592
          "custom": {
593
            "axisCenteredZero": false,
594
            "axisColorMode": "text",
595
            "axisLabel": "",
596
            "axisPlacement": "auto",
597
            "barAlignment": 0,
598
            "drawStyle": "bars",
599
            "fillOpacity": 0,
600
            "gradientMode": "none",
601
            "hideFrom": {
602
              "legend": false,
603
              "tooltip": false,
604
              "viz": false
605
            },
606
            "lineInterpolation": "linear",
607
            "lineWidth": 1,
608
            "pointSize": 5,
609
            "scaleDistribution": {
610
              "type": "linear"
611
            },
612
            "showPoints": "auto",
613
            "spanNulls": false,
614
            "stacking": {
615
              "group": "A",
616
              "mode": "none"
617
            },
618
            "thresholdsStyle": {
619
              "mode": "off"
620
            }
621
          },
622
          "mappings": [],
623
          "max": 1,
624
          "thresholds": {
625
            "mode": "absolute",
626
            "steps": [
627
              {
628
                "color": "green"
629
              },
630
              {
631
                "color": "red",
632
                "value": 80
633
              }
634
            ]
635
          },
636
          "unit": "percentunit"
637
        },
638
        "overrides": []
639
      },
640
      "gridPos": {
641
        "h": 8,
642
        "w": 12,
643
        "x": 0,
644
        "y": 26
645
      },
646
      "id": 19,
647
      "options": {
648
        "legend": {
649
          "calcs": [
650
            "mean"
651
          ],
652
          "displayMode": "table",
653
          "placement": "right",
654
          "showLegend": true
655
        },
656
        "tooltip": {
657
          "mode": "single",
658
          "sort": "none"
659
        }
660
      },
661
      "targets": [
662
        {
663
          "datasource": {
664
            "type": "prometheus",
665
            "uid": "${datasource}"
666
          },
667
          "editorMode": "code",
668
          "expr": "sum by (errorCode) (rate(gitpod_vscode_extension_gallery_query_total{status=\"failure\",galleryHost=~\"$gallery\"}[2m]))/ignoring(errorCode) group_left sum(rate(gitpod_vscode_extension_gallery_query_total{galleryHost=~\"$gallery\"}[2m]))",
669
          "legendFormat": "__auto",
670
          "range": true,
671
          "refId": "A"
672
        }
673
      ],
674
      "title": "failure ratio by error code",
675
      "type": "timeseries"
676
    },
677
    {
678
      "collapsed": false,
679
      "gridPos": {
680
        "h": 1,
681
        "w": 24,
682
        "x": 0,
683
        "y": 34
684
      },
685
      "id": 6,
686
      "panels": [],
687
      "title": "Extension Management",
688
      "type": "row"
689
    },
690
    {
691
      "datasource": {
692
        "type": "prometheus",
693
        "uid": "${datasource}"
694
      },
695
      "fieldConfig": {
696
        "defaults": {
697
          "color": {
698
            "mode": "palette-classic"
699
          },
700
          "custom": {
701
            "axisCenteredZero": false,
702
            "axisColorMode": "text",
703
            "axisLabel": "operation/second",
704
            "axisPlacement": "auto",
705
            "barAlignment": 0,
706
            "drawStyle": "line",
707
            "fillOpacity": 0,
708
            "gradientMode": "none",
709
            "hideFrom": {
710
              "legend": false,
711
              "tooltip": false,
712
              "viz": false
713
            },
714
            "lineInterpolation": "linear",
715
            "lineWidth": 1,
716
            "pointSize": 5,
717
            "scaleDistribution": {
718
              "type": "linear"
719
            },
720
            "showPoints": "auto",
721
            "spanNulls": false,
722
            "stacking": {
723
              "group": "A",
724
              "mode": "none"
725
            },
726
            "thresholdsStyle": {
727
              "mode": "off"
728
            }
729
          },
730
          "mappings": [],
731
          "thresholds": {
732
            "mode": "absolute",
733
            "steps": [
734
              {
735
                "color": "green"
736
              },
737
              {
738
                "color": "red",
739
                "value": 80
740
              }
741
            ]
742
          }
743
        },
744
        "overrides": []
745
      },
746
      "gridPos": {
747
        "h": 8,
748
        "w": 24,
749
        "x": 0,
750
        "y": 35
751
      },
752
      "id": 14,
753
      "options": {
754
        "legend": {
755
          "calcs": [
756
            "max",
757
            "mean",
758
            "min"
759
          ],
760
          "displayMode": "table",
761
          "placement": "bottom",
762
          "showLegend": true
763
        },
764
        "tooltip": {
765
          "mode": "single",
766
          "sort": "none"
767
        }
768
      },
769
      "targets": [
770
        {
771
          "datasource": {
772
            "type": "prometheus",
773
            "uid": "${datasource}"
774
          },
775
          "editorMode": "code",
776
          "expr": "sum(rate(gitpod_vscode_extension_gallery_operation_total{operation=~\"$operation\",galleryHost=~\"$gallery\"}[2m]))",
777
          "legendFormat": "rate",
778
          "range": true,
779
          "refId": "A"
780
        }
781
      ],
782
      "title": "operations",
783
      "type": "timeseries"
784
    },
785
    {
786
      "datasource": {
787
        "type": "prometheus",
788
        "uid": "${datasource}"
789
      },
790
      "description": "",
791
      "fieldConfig": {
792
        "defaults": {
793
          "color": {
794
            "mode": "palette-classic"
795
          },
796
          "custom": {
797
            "axisCenteredZero": false,
798
            "axisColorMode": "text",
799
            "axisLabel": "",
800
            "axisPlacement": "auto",
801
            "barAlignment": 0,
802
            "drawStyle": "bars",
803
            "fillOpacity": 0,
804
            "gradientMode": "none",
805
            "hideFrom": {
806
              "legend": false,
807
              "tooltip": false,
808
              "viz": false
809
            },
810
            "lineInterpolation": "linear",
811
            "lineWidth": 1,
812
            "pointSize": 5,
813
            "scaleDistribution": {
814
              "type": "linear"
815
            },
816
            "showPoints": "auto",
817
            "spanNulls": false,
818
            "stacking": {
819
              "group": "A",
820
              "mode": "none"
821
            },
822
            "thresholdsStyle": {
823
              "mode": "off"
824
            }
825
          },
826
          "mappings": [],
827
          "max": 1,
828
          "thresholds": {
829
            "mode": "absolute",
830
            "steps": [
831
              {
832
                "color": "green"
833
              },
834
              {
835
                "color": "red",
836
                "value": 80
837
              }
838
            ]
839
          },
840
          "unit": "percentunit"
841
        },
842
        "overrides": []
843
      },
844
      "gridPos": {
845
        "h": 8,
846
        "w": 12,
847
        "x": 0,
848
        "y": 43
849
      },
850
      "id": 2,
851
      "options": {
852
        "legend": {
853
          "calcs": [
854
            "mean"
855
          ],
856
          "displayMode": "table",
857
          "placement": "bottom",
858
          "showLegend": true
859
        },
860
        "tooltip": {
861
          "mode": "single",
862
          "sort": "none"
863
        }
864
      },
865
      "targets": [
866
        {
867
          "datasource": {
868
            "type": "prometheus",
869
            "uid": "${datasource}"
870
          },
871
          "editorMode": "code",
872
          "expr": "sum(rate(gitpod_vscode_extension_gallery_operation_total{status=\"failure\",operation=~\"$operation\",galleryHost=~\"$gallery\"}[2m]))/sum(rate(gitpod_vscode_extension_gallery_operation_total{operation=~\"$operation\",galleryHost=~\"$gallery\"}[2m]))",
873
          "legendFormat": "total ratio",
874
          "range": true,
875
          "refId": "A"
876
        }
877
      ],
878
      "title": "total failure ratio",
879
      "type": "timeseries"
880
    },
881
    {
882
      "datasource": {
883
        "type": "prometheus",
884
        "uid": "${datasource}"
885
      },
886
      "description": "",
887
      "fieldConfig": {
888
        "defaults": {
889
          "color": {
890
            "mode": "palette-classic"
891
          },
892
          "custom": {
893
            "axisCenteredZero": false,
894
            "axisColorMode": "text",
895
            "axisLabel": "",
896
            "axisPlacement": "auto",
897
            "barAlignment": 0,
898
            "drawStyle": "bars",
899
            "fillOpacity": 0,
900
            "gradientMode": "none",
901
            "hideFrom": {
902
              "legend": false,
903
              "tooltip": false,
904
              "viz": false
905
            },
906
            "lineInterpolation": "linear",
907
            "lineWidth": 1,
908
            "pointSize": 5,
909
            "scaleDistribution": {
910
              "type": "linear"
911
            },
912
            "showPoints": "auto",
913
            "spanNulls": false,
914
            "stacking": {
915
              "group": "A",
916
              "mode": "none"
917
            },
918
            "thresholdsStyle": {
919
              "mode": "off"
920
            }
921
          },
922
          "mappings": [],
923
          "max": 1,
924
          "thresholds": {
925
            "mode": "absolute",
926
            "steps": [
927
              {
928
                "color": "green"
929
              },
930
              {
931
                "color": "red",
932
                "value": 80
933
              }
934
            ]
935
          },
936
          "unit": "percentunit"
937
        },
938
        "overrides": []
939
      },
940
      "gridPos": {
941
        "h": 8,
942
        "w": 12,
943
        "x": 12,
944
        "y": 43
945
      },
946
      "id": 3,
947
      "options": {
948
        "legend": {
949
          "calcs": [
950
            "mean"
951
          ],
952
          "displayMode": "table",
953
          "placement": "right",
954
          "showLegend": true
955
        },
956
        "tooltip": {
957
          "mode": "single",
958
          "sort": "none"
959
        }
960
      },
961
      "targets": [
962
        {
963
          "datasource": {
964
            "type": "prometheus",
965
            "uid": "${datasource}"
966
          },
967
          "editorMode": "code",
968
          "expr": "sum by (operation) (rate(gitpod_vscode_extension_gallery_operation_total{status=\"failure\",operation=~\"$operation\",galleryHost=~\"$gallery\"}[2m]))/ignoring(operation) group_left sum(rate(gitpod_vscode_extension_gallery_operation_total{operation=~\"$operation\",galleryHost=~\"$gallery\"}[2m]))",
969
          "legendFormat": "__auto",
970
          "range": true,
971
          "refId": "A"
972
        }
973
      ],
974
      "title": "failure ratio by operation",
975
      "type": "timeseries"
976
    },
977
    {
978
      "datasource": {
979
        "type": "prometheus",
980
        "uid": "${datasource}"
981
      },
982
      "fieldConfig": {
983
        "defaults": {
984
          "color": {
985
            "mode": "palette-classic"
986
          },
987
          "custom": {
988
            "axisCenteredZero": false,
989
            "axisColorMode": "text",
990
            "axisLabel": "",
991
            "axisPlacement": "auto",
992
            "barAlignment": 0,
993
            "drawStyle": "line",
994
            "fillOpacity": 0,
995
            "gradientMode": "none",
996
            "hideFrom": {
997
              "legend": false,
998
              "tooltip": false,
999
              "viz": false
1000
            },
1001
            "lineInterpolation": "linear",
1002
            "lineWidth": 1,
1003
            "pointSize": 5,
1004
            "scaleDistribution": {
1005
              "type": "linear"
1006
            },
1007
            "showPoints": "auto",
1008
            "spanNulls": false,
1009
            "stacking": {
1010
              "group": "A",
1011
              "mode": "none"
1012
            },
1013
            "thresholdsStyle": {
1014
              "mode": "off"
1015
            }
1016
          },
1017
          "mappings": [],
1018
          "thresholds": {
1019
            "mode": "absolute",
1020
            "steps": [
1021
              {
1022
                "color": "green"
1023
              },
1024
              {
1025
                "color": "red",
1026
                "value": 80
1027
              }
1028
            ]
1029
          },
1030
          "unit": "s"
1031
        },
1032
        "overrides": []
1033
      },
1034
      "gridPos": {
1035
        "h": 8,
1036
        "w": 12,
1037
        "x": 0,
1038
        "y": 51
1039
      },
1040
      "id": 8,
1041
      "options": {
1042
        "legend": {
1043
          "calcs": [
1044
            "max",
1045
            "mean"
1046
          ],
1047
          "displayMode": "table",
1048
          "placement": "right",
1049
          "showLegend": true
1050
        },
1051
        "tooltip": {
1052
          "mode": "single",
1053
          "sort": "none"
1054
        }
1055
      },
1056
      "targets": [
1057
        {
1058
          "datasource": {
1059
            "type": "prometheus",
1060
            "uid": "${datasource}"
1061
          },
1062
          "editorMode": "code",
1063
          "expr": "histogram_quantile(1, sum(rate(gitpod_vscode_extension_gallery_operation_duration_seconds_bucket{operation=~\"$operation\",galleryHost=~\"$gallery\"}[1m])) by (le))",
1064
          "legendFormat": "max",
1065
          "range": true,
1066
          "refId": "A"
1067
        },
1068
        {
1069
          "datasource": {
1070
            "type": "prometheus",
1071
            "uid": "${datasource}"
1072
          },
1073
          "editorMode": "code",
1074
          "expr": "histogram_quantile(0.99, sum(rate(gitpod_vscode_extension_gallery_operation_duration_seconds_bucket{operation=~\"$operation\",galleryHost=~\"$gallery\"}[1m])) by (le))",
1075
          "hide": false,
1076
          "legendFormat": "P99",
1077
          "range": true,
1078
          "refId": "B"
1079
        },
1080
        {
1081
          "datasource": {
1082
            "type": "prometheus",
1083
            "uid": "${datasource}"
1084
          },
1085
          "editorMode": "code",
1086
          "expr": "histogram_quantile(0.95, sum(rate(gitpod_vscode_extension_gallery_operation_duration_seconds_bucket{operation=~\"$operation\",galleryHost=~\"$gallery\"}[1m])) by (le))",
1087
          "hide": false,
1088
          "legendFormat": "P95",
1089
          "range": true,
1090
          "refId": "C"
1091
        },
1092
        {
1093
          "datasource": {
1094
            "type": "prometheus",
1095
            "uid": "${datasource}"
1096
          },
1097
          "editorMode": "code",
1098
          "expr": "histogram_quantile(0.5, sum(rate(gitpod_vscode_extension_gallery_operation_duration_seconds_bucket{operation=~\"$operation\",galleryHost=~\"$gallery\"}[1m])) by (le))",
1099
          "hide": false,
1100
          "legendFormat": "mean",
1101
          "range": true,
1102
          "refId": "D"
1103
        }
1104
      ],
1105
      "title": "total latencies",
1106
      "type": "timeseries"
1107
    },
1108
    {
1109
      "datasource": {
1110
        "type": "prometheus",
1111
        "uid": "${datasource}"
1112
      },
1113
      "fieldConfig": {
1114
        "defaults": {
1115
          "color": {
1116
            "mode": "palette-classic"
1117
          },
1118
          "custom": {
1119
            "axisCenteredZero": false,
1120
            "axisColorMode": "text",
1121
            "axisLabel": "",
1122
            "axisPlacement": "auto",
1123
            "barAlignment": 0,
1124
            "drawStyle": "line",
1125
            "fillOpacity": 0,
1126
            "gradientMode": "none",
1127
            "hideFrom": {
1128
              "legend": false,
1129
              "tooltip": false,
1130
              "viz": false
1131
            },
1132
            "lineInterpolation": "linear",
1133
            "lineWidth": 1,
1134
            "pointSize": 5,
1135
            "scaleDistribution": {
1136
              "type": "linear"
1137
            },
1138
            "showPoints": "auto",
1139
            "spanNulls": false,
1140
            "stacking": {
1141
              "group": "A",
1142
              "mode": "none"
1143
            },
1144
            "thresholdsStyle": {
1145
              "mode": "off"
1146
            }
1147
          },
1148
          "mappings": [],
1149
          "thresholds": {
1150
            "mode": "absolute",
1151
            "steps": [
1152
              {
1153
                "color": "green"
1154
              },
1155
              {
1156
                "color": "red",
1157
                "value": 80
1158
              }
1159
            ]
1160
          },
1161
          "unit": "s"
1162
        },
1163
        "overrides": []
1164
      },
1165
      "gridPos": {
1166
        "h": 8,
1167
        "w": 12,
1168
        "x": 12,
1169
        "y": 51
1170
      },
1171
      "id": 9,
1172
      "options": {
1173
        "legend": {
1174
          "calcs": [
1175
            "max",
1176
            "mean"
1177
          ],
1178
          "displayMode": "table",
1179
          "placement": "right",
1180
          "showLegend": true
1181
        },
1182
        "tooltip": {
1183
          "mode": "single",
1184
          "sort": "none"
1185
        }
1186
      },
1187
      "targets": [
1188
        {
1189
          "datasource": {
1190
            "type": "prometheus",
1191
            "uid": "${datasource}"
1192
          },
1193
          "editorMode": "code",
1194
          "expr": "histogram_quantile(1, sum(rate(gitpod_vscode_extension_gallery_operation_duration_seconds_bucket{operation=~\"$operation\",galleryHost=~\"$gallery\"}[1m])) by (le, operation))",
1195
          "legendFormat": "{{operation}} - max",
1196
          "range": true,
1197
          "refId": "A"
1198
        },
1199
        {
1200
          "datasource": {
1201
            "type": "prometheus",
1202
            "uid": "${datasource}"
1203
          },
1204
          "editorMode": "code",
1205
          "expr": "histogram_quantile(0.99, sum(rate(gitpod_vscode_extension_gallery_operation_duration_seconds_bucket{operation=~\"$operation\",galleryHost=~\"$gallery\"}[1m])) by (le, operation))",
1206
          "hide": false,
1207
          "legendFormat": "{{operation}} - P99",
1208
          "range": true,
1209
          "refId": "B"
1210
        },
1211
        {
1212
          "datasource": {
1213
            "type": "prometheus",
1214
            "uid": "${datasource}"
1215
          },
1216
          "editorMode": "code",
1217
          "expr": "histogram_quantile(0.95, sum(rate(gitpod_vscode_extension_gallery_operation_duration_seconds_bucket{operation=~\"$operation\",galleryHost=~\"$gallery\"}[1m])) by (le, operation))",
1218
          "hide": false,
1219
          "legendFormat": "{{operation}} - P95",
1220
          "range": true,
1221
          "refId": "C"
1222
        },
1223
        {
1224
          "datasource": {
1225
            "type": "prometheus",
1226
            "uid": "${datasource}"
1227
          },
1228
          "editorMode": "code",
1229
          "expr": "histogram_quantile(0.5, sum(rate(gitpod_vscode_extension_gallery_operation_duration_seconds_bucket{operation=~\"$operation\",galleryHost=~\"$gallery\"}[1m])) by (le, operation))",
1230
          "hide": false,
1231
          "legendFormat": "{{operation}} - mean",
1232
          "range": true,
1233
          "refId": "D"
1234
        }
1235
      ],
1236
      "title": "operation latencies",
1237
      "type": "timeseries"
1238
    }
1239
  ],
1240
  "schemaVersion": 37,
1241
  "style": "dark",
1242
  "tags": [],
1243
  "templating": {
1244
    "list": [
1245
      {
1246
        "current": {
1247
          "selected": true,
1248
          "text": [
1249
            "All"
1250
          ],
1251
          "value": [
1252
            "$__all"
1253
          ]
1254
        },
1255
        "datasource": {
1256
          "type": "prometheus",
1257
          "uid": "${datasource}"
1258
        },
1259
        "definition": "label_values(gitpod_vscode_extension_gallery_operation_total, operation)",
1260
        "hide": 0,
1261
        "includeAll": true,
1262
        "multi": true,
1263
        "name": "operation",
1264
        "options": [],
1265
        "query": {
1266
          "query": "label_values(gitpod_vscode_extension_gallery_operation_total, operation)",
1267
          "refId": "StandardVariableQuery"
1268
        },
1269
        "refresh": 2,
1270
        "regex": "",
1271
        "skipUrlSync": false,
1272
        "sort": 0,
1273
        "type": "query"
1274
      },
1275
      {
1276
        "current": {
1277
          "selected": false,
1278
          "text": "VictoriaMetrics",
1279
          "value": "VictoriaMetrics"
1280
        },
1281
        "hide": 0,
1282
        "includeAll": false,
1283
        "multi": false,
1284
        "name": "datasource",
1285
        "options": [],
1286
        "query": "prometheus",
1287
        "refresh": 1,
1288
        "regex": "",
1289
        "skipUrlSync": false,
1290
        "type": "datasource"
1291
      },
1292
      {
1293
        "current": {
1294
          "selected": true,
1295
          "text": [
1296
            "All"
1297
          ],
1298
          "value": [
1299
            "$__all"
1300
          ]
1301
        },
1302
        "datasource": {
1303
          "type": "prometheus",
1304
          "uid": "${datasource}"
1305
        },
1306
        "definition": "label_values(gitpod_vscode_extension_gallery_operation_total, galleryHost)",
1307
        "hide": 0,
1308
        "includeAll": true,
1309
        "multi": true,
1310
        "name": "gallery",
1311
        "options": [],
1312
        "query": {
1313
          "query": "label_values(gitpod_vscode_extension_gallery_operation_total, galleryHost)",
1314
          "refId": "StandardVariableQuery"
1315
        },
1316
        "refresh": 2,
1317
        "regex": "",
1318
        "skipUrlSync": false,
1319
        "sort": 0,
1320
        "type": "query"
1321
      }
1322
    ]
1323
  },
1324
  "time": {
1325
    "from": "now-6h",
1326
    "to": "now"
1327
  },
1328
  "timepicker": {},
1329
  "timezone": "",
1330
  "title": "VS Code Browser Overview",
1331
  "uid": "oLzOteZ4z",
1332
  "version": 1,
1333
  "weekStart": ""
1334
}
1335

1336
Product

Resources

Company
