{ "title": "Compliance Dashboard (Frontend)", "description": "Server functions, page loads, and error tracking for the compliance-dashboard Dioxus SSR service", "tags": ["compliance", "dashboard", "frontend"], "version": "v4", "panelMap": {}, "uploadedGrafana": false, "variables": {}, "layout": [ { "i": "row-overview", "x": 0, "y": 0, "w": 24, "h": 1, "moved": false, "static": false }, { "i": "request-rate", "x": 0, "y": 1, "w": 8, "h": 8, "moved": false, "static": false }, { "i": "error-rate", "x": 8, "y": 1, "w": 8, "h": 8, "moved": false, "static": false }, { "i": "latency", "x": 16, "y": 1, "w": 8, "h": 8, "moved": false, "static": false }, { "i": "row-serverfn", "x": 0, "y": 9, "w": 24, "h": 1, "moved": false, "static": false }, { "i": "serverfn-latency", "x": 0, "y": 10, "w": 12, "h": 9, "moved": false, "static": false }, { "i": "serverfn-calls", "x": 12, "y": 10, "w": 12, "h": 9, "moved": false, "static": false }, { "i": "serverfn-errors", "x": 0, "y": 19, "w": 12, "h": 8, "moved": false, "static": false }, { "i": "slow-requests", "x": 12, "y": 19, "w": 12, "h": 8, "moved": false, "static": false }, { "i": "row-logs", "x": 0, "y": 27, "w": 24, "h": 1, "moved": false, "static": false }, { "i": "log-rate", "x": 0, "y": 28, "w": 12, "h": 8, "moved": false, "static": false }, { "i": "error-logs", "x": 12, "y": 28, "w": 12, "h": 8, "moved": false, "static": false } ], "widgets": [ { "id": "row-overview", "title": "Overview", "panelTypes": "row", "description": "", "query": { "queryType": "builder", "builder": { "queryData": [], "queryFormulas": [] }, "promql": [], "clickhouse_sql": [] } }, { "id": "request-rate", "title": "Request Rate (ops/s)", "panelTypes": "graph", "description": "Requests per second to the dashboard service", "opacity": "1", "yAxisUnit": "none", "isStacked": false, "nullZeroValues": "zero", "fillSpans": false, "mergeAllActiveQueries": false, "timePreferance": "GLOBAL_TIME", "columnUnits": {}, "thresholds": [], "softMin": 0, "softMax": 0, "bucketCount": 30, "bucketWidth": 0, "stackedBarChart": false, "selectedLogFields": [], "selectedTracesFields": [], "query": { "queryType": "builder", "builder": { "queryData": [ { "queryName": "A", "expression": "A", "dataSource": "traces", "aggregateOperator": "rate", "aggregateAttribute": { "id": "------false", "key": "", "dataType": "", "type": "", "isColumn": false, "isJSON": false }, "filters": { "op": "AND", "items": [ { "id": "f-svc", "key": { "id": "serviceName--string--tag--true", "key": "serviceName", "dataType": "string", "type": "tag", "isColumn": true, "isJSON": false }, "op": "=", "value": "compliance-dashboard" } ] }, "functions": [], "groupBy": [], "having": [], "legend": "Requests/s", "disabled": false, "stepInterval": 60, "reduceTo": "avg", "spaceAggregation": "sum", "timeAggregation": "rate", "orderBy": [], "limit": null } ], "queryFormulas": [] }, "promql": [{ "name": "A", "query": "", "disabled": false, "legend": "" }], "clickhouse_sql": [{ "name": "A", "query": "", "disabled": false, "legend": "" }] } }, { "id": "error-rate", "title": "Error Rate (%)", "panelTypes": "graph", "description": "Percentage of spans with errors", "opacity": "1", "yAxisUnit": "percent", "isStacked": false, "nullZeroValues": "zero", "fillSpans": false, "mergeAllActiveQueries": true, "timePreferance": "GLOBAL_TIME", "columnUnits": {}, "thresholds": [], "softMin": 0, "softMax": 0, "bucketCount": 30, "bucketWidth": 0, "stackedBarChart": false, "selectedLogFields": [], "selectedTracesFields": [], "query": { "queryType": "builder", "builder": { "queryData": [ { "queryName": "A", "expression": "A", "dataSource": "traces", "aggregateOperator": "count", "aggregateAttribute": { "id": "------false", "key": "", "dataType": "", "type": "", "isColumn": false, "isJSON": false }, "filters": { "op": "AND", "items": [ { "id": "f-svc", "key": { "id": "serviceName--string--tag--true", "key": "serviceName", "dataType": "string", "type": "tag", "isColumn": true, "isJSON": false }, "op": "=", "value": "compliance-dashboard" }, { "id": "f-err", "key": { "id": "hasError--bool--tag--true", "key": "hasError", "dataType": "bool", "type": "tag", "isColumn": true, "isJSON": false }, "op": "=", "value": "true" } ] }, "functions": [], "groupBy": [], "having": [], "legend": "Errors", "disabled": false, "stepInterval": 60, "reduceTo": "avg", "spaceAggregation": "sum", "timeAggregation": "rate", "orderBy": [], "limit": null }, { "queryName": "B", "expression": "B", "dataSource": "traces", "aggregateOperator": "count", "aggregateAttribute": { "id": "------false", "key": "", "dataType": "", "type": "", "isColumn": false, "isJSON": false }, "filters": { "op": "AND", "items": [ { "id": "f-svc2", "key": { "id": "serviceName--string--tag--true", "key": "serviceName", "dataType": "string", "type": "tag", "isColumn": true, "isJSON": false }, "op": "=", "value": "compliance-dashboard" } ] }, "functions": [], "groupBy": [], "having": [], "legend": "Total", "disabled": false, "stepInterval": 60, "reduceTo": "avg", "spaceAggregation": "sum", "timeAggregation": "rate", "orderBy": [], "limit": null } ], "queryFormulas": [ { "queryName": "F1", "expression": "A * 100 / B", "legend": "Error %", "disabled": false } ] }, "promql": [{ "name": "A", "query": "", "disabled": false, "legend": "" }], "clickhouse_sql": [{ "name": "A", "query": "", "disabled": false, "legend": "" }] } }, { "id": "latency", "title": "Latency p50 / p95 / p99", "panelTypes": "graph", "description": "Response time percentiles", "opacity": "1", "yAxisUnit": "ns", "isStacked": false, "nullZeroValues": "zero", "fillSpans": false, "mergeAllActiveQueries": false, "timePreferance": "GLOBAL_TIME", "columnUnits": {}, "thresholds": [], "softMin": 0, "softMax": 0, "bucketCount": 30, "bucketWidth": 0, "stackedBarChart": false, "selectedLogFields": [], "selectedTracesFields": [], "query": { "queryType": "builder", "builder": { "queryData": [ { "queryName": "A", "expression": "A", "dataSource": "traces", "aggregateOperator": "p50", "aggregateAttribute": { "id": "durationNano--float64--tag--true", "key": "durationNano", "dataType": "float64", "type": "tag", "isColumn": true, "isJSON": false }, "filters": { "op": "AND", "items": [ { "id": "f-svc", "key": { "id": "serviceName--string--tag--true", "key": "serviceName", "dataType": "string", "type": "tag", "isColumn": true, "isJSON": false }, "op": "=", "value": "compliance-dashboard" } ] }, "functions": [], "groupBy": [], "having": [], "legend": "p50", "disabled": false, "stepInterval": 60, "reduceTo": "avg", "spaceAggregation": "sum", "timeAggregation": "avg", "orderBy": [], "limit": null }, { "queryName": "B", "expression": "B", "dataSource": "traces", "aggregateOperator": "p95", "aggregateAttribute": { "id": "durationNano--float64--tag--true", "key": "durationNano", "dataType": "float64", "type": "tag", "isColumn": true, "isJSON": false }, "filters": { "op": "AND", "items": [ { "id": "f-svc", "key": { "id": "serviceName--string--tag--true", "key": "serviceName", "dataType": "string", "type": "tag", "isColumn": true, "isJSON": false }, "op": "=", "value": "compliance-dashboard" } ] }, "functions": [], "groupBy": [], "having": [], "legend": "p95", "disabled": false, "stepInterval": 60, "reduceTo": "avg", "spaceAggregation": "sum", "timeAggregation": "avg", "orderBy": [], "limit": null }, { "queryName": "C", "expression": "C", "dataSource": "traces", "aggregateOperator": "p99", "aggregateAttribute": { "id": "durationNano--float64--tag--true", "key": "durationNano", "dataType": "float64", "type": "tag", "isColumn": true, "isJSON": false }, "filters": { "op": "AND", "items": [ { "id": "f-svc", "key": { "id": "serviceName--string--tag--true", "key": "serviceName", "dataType": "string", "type": "tag", "isColumn": true, "isJSON": false }, "op": "=", "value": "compliance-dashboard" } ] }, "functions": [], "groupBy": [], "having": [], "legend": "p99", "disabled": false, "stepInterval": 60, "reduceTo": "avg", "spaceAggregation": "sum", "timeAggregation": "avg", "orderBy": [], "limit": null } ], "queryFormulas": [] }, "promql": [{ "name": "A", "query": "", "disabled": false, "legend": "" }], "clickhouse_sql": [{ "name": "A", "query": "", "disabled": false, "legend": "" }] } }, { "id": "row-serverfn", "title": "Server Functions", "panelTypes": "row", "description": "", "query": { "queryType": "builder", "builder": { "queryData": [], "queryFormulas": [] }, "promql": [], "clickhouse_sql": [] } }, { "id": "serverfn-latency", "title": "Server Function p95 Latency", "panelTypes": "graph", "description": "p95 latency by operation name", "opacity": "1", "yAxisUnit": "ns", "isStacked": false, "nullZeroValues": "zero", "fillSpans": false, "mergeAllActiveQueries": false, "timePreferance": "GLOBAL_TIME", "columnUnits": {}, "thresholds": [], "softMin": 0, "softMax": 0, "bucketCount": 30, "bucketWidth": 0, "stackedBarChart": false, "selectedLogFields": [], "selectedTracesFields": [], "query": { "queryType": "builder", "builder": { "queryData": [ { "queryName": "A", "expression": "A", "dataSource": "traces", "aggregateOperator": "p95", "aggregateAttribute": { "id": "durationNano--float64--tag--true", "key": "durationNano", "dataType": "float64", "type": "tag", "isColumn": true, "isJSON": false }, "filters": { "op": "AND", "items": [ { "id": "f-svc", "key": { "id": "serviceName--string--tag--true", "key": "serviceName", "dataType": "string", "type": "tag", "isColumn": true, "isJSON": false }, "op": "=", "value": "compliance-dashboard" } ] }, "functions": [], "groupBy": [ { "id": "name--string--tag--true", "key": "name", "dataType": "string", "type": "tag", "isColumn": true, "isJSON": false } ], "having": [], "legend": "{{name}}", "disabled": false, "stepInterval": 60, "reduceTo": "avg", "spaceAggregation": "sum", "timeAggregation": "avg", "orderBy": [], "limit": 15 } ], "queryFormulas": [] }, "promql": [{ "name": "A", "query": "", "disabled": false, "legend": "" }], "clickhouse_sql": [{ "name": "A", "query": "", "disabled": false, "legend": "" }] } }, { "id": "serverfn-calls", "title": "Server Function Call Volume", "panelTypes": "graph", "description": "Number of calls per server function over time", "opacity": "1", "yAxisUnit": "none", "isStacked": true, "nullZeroValues": "zero", "fillSpans": false, "mergeAllActiveQueries": false, "timePreferance": "GLOBAL_TIME", "columnUnits": {}, "thresholds": [], "softMin": 0, "softMax": 0, "bucketCount": 30, "bucketWidth": 0, "stackedBarChart": false, "selectedLogFields": [], "selectedTracesFields": [], "query": { "queryType": "builder", "builder": { "queryData": [ { "queryName": "A", "expression": "A", "dataSource": "traces", "aggregateOperator": "count", "aggregateAttribute": { "id": "------false", "key": "", "dataType": "", "type": "", "isColumn": false, "isJSON": false }, "filters": { "op": "AND", "items": [ { "id": "f-svc", "key": { "id": "serviceName--string--tag--true", "key": "serviceName", "dataType": "string", "type": "tag", "isColumn": true, "isJSON": false }, "op": "=", "value": "compliance-dashboard" } ] }, "functions": [], "groupBy": [ { "id": "name--string--tag--true", "key": "name", "dataType": "string", "type": "tag", "isColumn": true, "isJSON": false } ], "having": [], "legend": "{{name}}", "disabled": false, "stepInterval": 60, "reduceTo": "avg", "spaceAggregation": "sum", "timeAggregation": "rate", "orderBy": [{ "columnName": "#SIGNOZ_VALUE", "order": "desc" }], "limit": 15 } ], "queryFormulas": [] }, "promql": [{ "name": "A", "query": "", "disabled": false, "legend": "" }], "clickhouse_sql": [{ "name": "A", "query": "", "disabled": false, "legend": "" }] } }, { "id": "serverfn-errors", "title": "Top Operations by Error Count", "panelTypes": "table", "description": "Operations with the most errors", "opacity": "1", "yAxisUnit": "none", "isStacked": false, "nullZeroValues": "zero", "fillSpans": false, "mergeAllActiveQueries": false, "timePreferance": "GLOBAL_TIME", "columnUnits": {}, "thresholds": [], "softMin": 0, "softMax": 0, "bucketCount": 30, "bucketWidth": 0, "stackedBarChart": false, "selectedLogFields": [], "selectedTracesFields": [], "query": { "queryType": "builder", "builder": { "queryData": [ { "queryName": "A", "expression": "A", "dataSource": "traces", "aggregateOperator": "count", "aggregateAttribute": { "id": "------false", "key": "", "dataType": "", "type": "", "isColumn": false, "isJSON": false }, "filters": { "op": "AND", "items": [ { "id": "f-svc", "key": { "id": "serviceName--string--tag--true", "key": "serviceName", "dataType": "string", "type": "tag", "isColumn": true, "isJSON": false }, "op": "=", "value": "compliance-dashboard" }, { "id": "f-err", "key": { "id": "hasError--bool--tag--true", "key": "hasError", "dataType": "bool", "type": "tag", "isColumn": true, "isJSON": false }, "op": "=", "value": "true" } ] }, "functions": [], "groupBy": [ { "id": "name--string--tag--true", "key": "name", "dataType": "string", "type": "tag", "isColumn": true, "isJSON": false } ], "having": [], "legend": "Errors", "disabled": false, "stepInterval": 60, "reduceTo": "sum", "spaceAggregation": "sum", "timeAggregation": "rate", "orderBy": [{ "columnName": "#SIGNOZ_VALUE", "order": "desc" }], "limit": 20 } ], "queryFormulas": [] }, "promql": [{ "name": "A", "query": "", "disabled": false, "legend": "" }], "clickhouse_sql": [{ "name": "A", "query": "", "disabled": false, "legend": "" }] } }, { "id": "slow-requests", "title": "Slowest Traces", "panelTypes": "list", "description": "Individual traces ordered by duration", "opacity": "1", "yAxisUnit": "none", "isStacked": false, "nullZeroValues": "zero", "fillSpans": false, "mergeAllActiveQueries": false, "timePreferance": "GLOBAL_TIME", "columnUnits": {}, "thresholds": [], "softMin": 0, "softMax": 0, "bucketCount": 30, "bucketWidth": 0, "stackedBarChart": false, "selectedLogFields": [], "selectedTracesFields": [ { "id": "serviceName--string--tag--true", "key": "serviceName", "dataType": "string", "type": "tag", "isColumn": true, "isJSON": false }, { "id": "name--string--tag--true", "key": "name", "dataType": "string", "type": "tag", "isColumn": true, "isJSON": false }, { "id": "durationNano--float64--tag--true", "key": "durationNano", "dataType": "float64", "type": "tag", "isColumn": true, "isJSON": false }, { "id": "hasError--bool--tag--true", "key": "hasError", "dataType": "bool", "type": "tag", "isColumn": true, "isJSON": false } ], "query": { "queryType": "builder", "builder": { "queryData": [ { "queryName": "A", "expression": "A", "dataSource": "traces", "aggregateOperator": "noop", "aggregateAttribute": { "id": "------false", "key": "", "dataType": "", "type": "", "isColumn": false, "isJSON": false }, "filters": { "op": "AND", "items": [ { "id": "f-svc", "key": { "id": "serviceName--string--tag--true", "key": "serviceName", "dataType": "string", "type": "tag", "isColumn": true, "isJSON": false }, "op": "=", "value": "compliance-dashboard" } ] }, "functions": [], "groupBy": [], "having": [], "legend": "", "disabled": false, "stepInterval": 60, "reduceTo": "avg", "spaceAggregation": "sum", "timeAggregation": "rate", "orderBy": [{ "columnName": "durationNano", "order": "desc" }], "limit": null, "offset": 0, "pageSize": 10 } ], "queryFormulas": [] }, "promql": [{ "name": "A", "query": "", "disabled": false, "legend": "" }], "clickhouse_sql": [{ "name": "A", "query": "", "disabled": false, "legend": "" }] } }, { "id": "row-logs", "title": "Logs", "panelTypes": "row", "description": "", "query": { "queryType": "builder", "builder": { "queryData": [], "queryFormulas": [] }, "promql": [], "clickhouse_sql": [] } }, { "id": "log-rate", "title": "WARN / ERROR Log Rate", "panelTypes": "graph", "description": "Warn and error log entries over time", "opacity": "1", "yAxisUnit": "none", "isStacked": true, "nullZeroValues": "zero", "fillSpans": false, "mergeAllActiveQueries": false, "timePreferance": "GLOBAL_TIME", "columnUnits": {}, "thresholds": [], "softMin": 0, "softMax": 0, "bucketCount": 30, "bucketWidth": 0, "stackedBarChart": false, "selectedLogFields": [], "selectedTracesFields": [], "query": { "queryType": "builder", "builder": { "queryData": [ { "queryName": "A", "expression": "A", "dataSource": "logs", "aggregateOperator": "count", "aggregateAttribute": { "id": "------false", "key": "", "dataType": "", "type": "", "isColumn": false, "isJSON": false }, "filters": { "op": "AND", "items": [ { "id": "f-svc", "key": { "id": "service.name--string--resource--false", "key": "service.name", "dataType": "string", "type": "resource", "isColumn": false, "isJSON": false }, "op": "=", "value": "compliance-dashboard" }, { "id": "f-level", "key": { "id": "severity_text--string--tag--true", "key": "severity_text", "dataType": "string", "type": "tag", "isColumn": true, "isJSON": false }, "op": "in", "value": ["WARN", "ERROR"] } ] }, "functions": [], "groupBy": [ { "id": "severity_text--string--tag--true", "key": "severity_text", "dataType": "string", "type": "tag", "isColumn": true, "isJSON": false } ], "having": [], "legend": "{{severity_text}}", "disabled": false, "stepInterval": 60, "reduceTo": "avg", "spaceAggregation": "sum", "timeAggregation": "rate", "orderBy": [], "limit": null } ], "queryFormulas": [] }, "promql": [{ "name": "A", "query": "", "disabled": false, "legend": "" }], "clickhouse_sql": [{ "name": "A", "query": "", "disabled": false, "legend": "" }] } }, { "id": "error-logs", "title": "Recent Error Logs", "panelTypes": "list", "description": "Latest ERROR-level log entries", "opacity": "1", "yAxisUnit": "none", "isStacked": false, "nullZeroValues": "zero", "fillSpans": false, "mergeAllActiveQueries": false, "timePreferance": "GLOBAL_TIME", "columnUnits": {}, "thresholds": [], "softMin": 0, "softMax": 0, "bucketCount": 30, "bucketWidth": 0, "stackedBarChart": false, "selectedLogFields": [ { "dataType": "string", "name": "body", "type": "" }, { "dataType": "string", "name": "timestamp", "type": "" }, { "dataType": "string", "name": "severity_text", "type": "" } ], "selectedTracesFields": [], "query": { "queryType": "builder", "builder": { "queryData": [ { "queryName": "A", "expression": "A", "dataSource": "logs", "aggregateOperator": "noop", "aggregateAttribute": { "id": "------false", "key": "", "dataType": "", "type": "", "isColumn": false, "isJSON": false }, "filters": { "op": "AND", "items": [ { "id": "f-svc", "key": { "id": "service.name--string--resource--false", "key": "service.name", "dataType": "string", "type": "resource", "isColumn": false, "isJSON": false }, "op": "=", "value": "compliance-dashboard" }, { "id": "f-level", "key": { "id": "severity_text--string--tag--true", "key": "severity_text", "dataType": "string", "type": "tag", "isColumn": true, "isJSON": false }, "op": "=", "value": "ERROR" } ] }, "functions": [], "groupBy": [], "having": [], "legend": "", "disabled": false, "stepInterval": 60, "reduceTo": "avg", "spaceAggregation": "sum", "timeAggregation": "rate", "orderBy": [{ "columnName": "timestamp", "order": "desc" }], "limit": null, "offset": 0, "pageSize": 10 } ], "queryFormulas": [] }, "promql": [{ "name": "A", "query": "", "disabled": false, "legend": "" }], "clickhouse_sql": [{ "name": "A", "query": "", "disabled": false, "legend": "" }] } } ] }