392 lines
11 KiB
JSON
392 lines
11 KiB
JSON
{
|
|
"title": "Claude Code - Overview (Working)",
|
|
"description": "High-level overview of Claude Code usage, costs, and performance",
|
|
"tags": ["claude-code", "overview"],
|
|
"timezone": "browser",
|
|
"schemaVersion": 42,
|
|
"version": 1,
|
|
"refresh": "30s",
|
|
"panels": [
|
|
{
|
|
"fieldConfig": {
|
|
"defaults": {
|
|
"color": {"mode": "thresholds"},
|
|
"mappings": [],
|
|
"thresholds": {
|
|
"mode": "absolute",
|
|
"steps": [
|
|
{"color": "green", "value": null},
|
|
{"color": "yellow", "value": 10},
|
|
{"color": "red", "value": 50}
|
|
]
|
|
},
|
|
"unit": "short"
|
|
},
|
|
"overrides": []
|
|
},
|
|
"gridPos": {"h": 4, "w": 6, "x": 0, "y": 0},
|
|
"id": 1,
|
|
"options": {
|
|
"colorMode": "value",
|
|
"graphMode": "area",
|
|
"justifyMode": "auto",
|
|
"orientation": "auto",
|
|
"percentChangeColorMode": "standard",
|
|
"reduceOptions": {
|
|
"calcs": ["lastNotNull"],
|
|
"fields": "",
|
|
"values": false
|
|
},
|
|
"showPercentChange": false,
|
|
"textMode": "auto",
|
|
"wideLayout": true
|
|
},
|
|
"pluginVersion": "12.2.1",
|
|
"targets": [
|
|
{
|
|
"datasource": {"type": "prometheus", "uid": "PBFA97CFB590B2093"},
|
|
"expr": "claude_code_claude_code_lines_of_code_count_total",
|
|
"refId": "A"
|
|
}
|
|
],
|
|
"title": "Total Lines of Code",
|
|
"type": "stat"
|
|
},
|
|
{
|
|
"fieldConfig": {
|
|
"defaults": {
|
|
"color": {"mode": "thresholds"},
|
|
"decimals": 2,
|
|
"mappings": [],
|
|
"thresholds": {
|
|
"mode": "absolute",
|
|
"steps": [
|
|
{"color": "green", "value": null},
|
|
{"color": "yellow", "value": 5},
|
|
{"color": "red", "value": 10}
|
|
]
|
|
},
|
|
"unit": "currencyUSD"
|
|
},
|
|
"overrides": []
|
|
},
|
|
"gridPos": {"h": 4, "w": 6, "x": 6, "y": 0},
|
|
"id": 2,
|
|
"options": {
|
|
"colorMode": "value",
|
|
"graphMode": "area",
|
|
"justifyMode": "auto",
|
|
"orientation": "auto",
|
|
"percentChangeColorMode": "standard",
|
|
"reduceOptions": {
|
|
"calcs": ["lastNotNull"],
|
|
"fields": "",
|
|
"values": false
|
|
},
|
|
"showPercentChange": false,
|
|
"textMode": "auto",
|
|
"wideLayout": true
|
|
},
|
|
"pluginVersion": "12.2.1",
|
|
"targets": [
|
|
{
|
|
"datasource": {"type": "prometheus", "uid": "PBFA97CFB590B2093"},
|
|
"expr": "increase(claude_code_claude_code_cost_usage_USD_total[24h])",
|
|
"refId": "A"
|
|
}
|
|
],
|
|
"title": "Total Cost (24h)",
|
|
"type": "stat"
|
|
},
|
|
{
|
|
"fieldConfig": {
|
|
"defaults": {
|
|
"color": {"mode": "thresholds"},
|
|
"decimals": 0,
|
|
"mappings": [],
|
|
"thresholds": {
|
|
"mode": "absolute",
|
|
"steps": [{"color": "green", "value": null}]
|
|
},
|
|
"unit": "short"
|
|
},
|
|
"overrides": []
|
|
},
|
|
"gridPos": {"h": 4, "w": 6, "x": 12, "y": 0},
|
|
"id": 3,
|
|
"options": {
|
|
"colorMode": "value",
|
|
"graphMode": "area",
|
|
"justifyMode": "auto",
|
|
"orientation": "auto",
|
|
"percentChangeColorMode": "standard",
|
|
"reduceOptions": {
|
|
"calcs": ["lastNotNull"],
|
|
"fields": "",
|
|
"values": false
|
|
},
|
|
"showPercentChange": false,
|
|
"textMode": "auto",
|
|
"wideLayout": true
|
|
},
|
|
"pluginVersion": "12.2.1",
|
|
"targets": [
|
|
{
|
|
"datasource": {"type": "prometheus", "uid": "PBFA97CFB590B2093"},
|
|
"expr": "increase(claude_code_claude_code_token_usage_tokens_total[24h])",
|
|
"refId": "A"
|
|
}
|
|
],
|
|
"title": "Total Tokens (24h)",
|
|
"type": "stat"
|
|
},
|
|
{
|
|
"fieldConfig": {
|
|
"defaults": {
|
|
"color": {"mode": "palette-classic"},
|
|
"decimals": 1,
|
|
"mappings": [],
|
|
"thresholds": {
|
|
"mode": "absolute",
|
|
"steps": [{"color": "green", "value": null}]
|
|
},
|
|
"unit": "h"
|
|
},
|
|
"overrides": []
|
|
},
|
|
"gridPos": {"h": 4, "w": 6, "x": 18, "y": 0},
|
|
"id": 4,
|
|
"options": {
|
|
"colorMode": "value",
|
|
"graphMode": "area",
|
|
"justifyMode": "auto",
|
|
"orientation": "auto",
|
|
"percentChangeColorMode": "standard",
|
|
"reduceOptions": {
|
|
"calcs": ["lastNotNull"],
|
|
"fields": "",
|
|
"values": false
|
|
},
|
|
"showPercentChange": false,
|
|
"textMode": "auto",
|
|
"wideLayout": true
|
|
},
|
|
"pluginVersion": "12.2.1",
|
|
"targets": [
|
|
{
|
|
"datasource": {"type": "prometheus", "uid": "PBFA97CFB590B2093"},
|
|
"expr": "increase(claude_code_claude_code_active_time_seconds_total[24h]) / 3600",
|
|
"refId": "A"
|
|
}
|
|
],
|
|
"title": "Active Time (24h)",
|
|
"type": "stat"
|
|
},
|
|
{
|
|
"fieldConfig": {
|
|
"defaults": {
|
|
"color": {"mode": "palette-classic"},
|
|
"custom": {
|
|
"axisBorderShow": false,
|
|
"axisCenteredZero": false,
|
|
"axisColorMode": "text",
|
|
"axisLabel": "",
|
|
"axisPlacement": "auto",
|
|
"barAlignment": 0,
|
|
"barWidthFactor": 0.6,
|
|
"drawStyle": "line",
|
|
"fillOpacity": 10,
|
|
"gradientMode": "none",
|
|
"hideFrom": {"legend": false, "tooltip": false, "viz": false},
|
|
"insertNulls": false,
|
|
"lineInterpolation": "linear",
|
|
"lineWidth": 2,
|
|
"pointSize": 5,
|
|
"scaleDistribution": {"type": "linear"},
|
|
"showPoints": "auto",
|
|
"spanNulls": false,
|
|
"stacking": {"group": "A", "mode": "none"},
|
|
"thresholdsStyle": {"mode": "off"}
|
|
},
|
|
"mappings": [],
|
|
"thresholds": {
|
|
"mode": "absolute",
|
|
"steps": [{"color": "green", "value": null}]
|
|
},
|
|
"unit": "currencyUSD"
|
|
},
|
|
"overrides": []
|
|
},
|
|
"gridPos": {"h": 8, "w": 12, "x": 0, "y": 4},
|
|
"id": 5,
|
|
"options": {
|
|
"legend": {"calcs": [], "displayMode": "list", "placement": "bottom", "showLegend": true},
|
|
"tooltip": {"mode": "single", "sort": "none"}
|
|
},
|
|
"pluginVersion": "12.2.1",
|
|
"targets": [
|
|
{
|
|
"datasource": {"type": "prometheus", "uid": "PBFA97CFB590B2093"},
|
|
"expr": "rate(claude_code_claude_code_cost_usage_USD_total[5m]) * 3600",
|
|
"legendFormat": "Cost per hour",
|
|
"refId": "A"
|
|
}
|
|
],
|
|
"title": "Cost Over Time (per hour)",
|
|
"type": "timeseries"
|
|
},
|
|
{
|
|
"fieldConfig": {
|
|
"defaults": {
|
|
"color": {"mode": "palette-classic"},
|
|
"custom": {
|
|
"axisBorderShow": false,
|
|
"axisCenteredZero": false,
|
|
"axisColorMode": "text",
|
|
"axisLabel": "",
|
|
"axisPlacement": "auto",
|
|
"barAlignment": 0,
|
|
"barWidthFactor": 0.6,
|
|
"drawStyle": "line",
|
|
"fillOpacity": 20,
|
|
"gradientMode": "none",
|
|
"hideFrom": {"legend": false, "tooltip": false, "viz": false},
|
|
"insertNulls": false,
|
|
"lineInterpolation": "linear",
|
|
"lineWidth": 2,
|
|
"pointSize": 5,
|
|
"scaleDistribution": {"type": "linear"},
|
|
"showPoints": "auto",
|
|
"spanNulls": false,
|
|
"stacking": {"group": "A", "mode": "normal"},
|
|
"thresholdsStyle": {"mode": "off"}
|
|
},
|
|
"mappings": [],
|
|
"thresholds": {
|
|
"mode": "absolute",
|
|
"steps": [{"color": "green", "value": null}]
|
|
},
|
|
"unit": "short"
|
|
},
|
|
"overrides": []
|
|
},
|
|
"gridPos": {"h": 8, "w": 12, "x": 12, "y": 4},
|
|
"id": 6,
|
|
"options": {
|
|
"legend": {"calcs": [], "displayMode": "list", "placement": "bottom", "showLegend": true},
|
|
"tooltip": {"mode": "single", "sort": "none"}
|
|
},
|
|
"pluginVersion": "12.2.1",
|
|
"targets": [
|
|
{
|
|
"datasource": {"type": "prometheus", "uid": "PBFA97CFB590B2093"},
|
|
"expr": "sum by (type) (rate(claude_code_claude_code_token_usage_tokens_total[5m]) * 60)",
|
|
"legendFormat": "{{type}}",
|
|
"refId": "A"
|
|
}
|
|
],
|
|
"title": "Token Usage by Type",
|
|
"type": "timeseries"
|
|
},
|
|
{
|
|
"fieldConfig": {
|
|
"defaults": {
|
|
"color": {"mode": "palette-classic"},
|
|
"custom": {
|
|
"axisBorderShow": false,
|
|
"axisCenteredZero": false,
|
|
"axisColorMode": "text",
|
|
"axisLabel": "",
|
|
"axisPlacement": "auto",
|
|
"barAlignment": 0,
|
|
"barWidthFactor": 0.6,
|
|
"drawStyle": "bars",
|
|
"fillOpacity": 80,
|
|
"gradientMode": "none",
|
|
"hideFrom": {"legend": false, "tooltip": false, "viz": false},
|
|
"insertNulls": false,
|
|
"lineInterpolation": "linear",
|
|
"lineWidth": 1,
|
|
"pointSize": 5,
|
|
"scaleDistribution": {"type": "linear"},
|
|
"showPoints": "never",
|
|
"spanNulls": false,
|
|
"stacking": {"group": "A", "mode": "none"},
|
|
"thresholdsStyle": {"mode": "off"}
|
|
},
|
|
"mappings": [],
|
|
"thresholds": {
|
|
"mode": "absolute",
|
|
"steps": [{"color": "green", "value": null}]
|
|
},
|
|
"unit": "short"
|
|
},
|
|
"overrides": []
|
|
},
|
|
"gridPos": {"h": 8, "w": 12, "x": 0, "y": 12},
|
|
"id": 7,
|
|
"options": {
|
|
"legend": {"calcs": [], "displayMode": "list", "placement": "bottom", "showLegend": true},
|
|
"tooltip": {"mode": "single", "sort": "none"}
|
|
},
|
|
"pluginVersion": "12.2.1",
|
|
"targets": [
|
|
{
|
|
"datasource": {"type": "prometheus", "uid": "PBFA97CFB590B2093"},
|
|
"expr": "sum by (type) (rate(claude_code_claude_code_lines_of_code_count_total[5m]) * 60)",
|
|
"legendFormat": "{{type}}",
|
|
"refId": "A"
|
|
}
|
|
],
|
|
"title": "Lines of Code Modified",
|
|
"type": "timeseries"
|
|
},
|
|
{
|
|
"fieldConfig": {
|
|
"defaults": {
|
|
"color": {"mode": "palette-classic"},
|
|
"decimals": 0,
|
|
"mappings": [],
|
|
"thresholds": {
|
|
"mode": "absolute",
|
|
"steps": [{"color": "green", "value": null}]
|
|
},
|
|
"unit": "short"
|
|
},
|
|
"overrides": []
|
|
},
|
|
"gridPos": {"h": 6, "w": 12, "x": 12, "y": 12},
|
|
"id": 10,
|
|
"options": {
|
|
"colorMode": "value",
|
|
"graphMode": "area",
|
|
"justifyMode": "auto",
|
|
"orientation": "auto",
|
|
"percentChangeColorMode": "standard",
|
|
"reduceOptions": {
|
|
"calcs": ["lastNotNull"],
|
|
"fields": "",
|
|
"values": false
|
|
},
|
|
"showPercentChange": false,
|
|
"textMode": "auto",
|
|
"wideLayout": true
|
|
},
|
|
"pluginVersion": "12.2.1",
|
|
"targets": [
|
|
{
|
|
"datasource": {"type": "prometheus", "uid": "PBFA97CFB590B2093"},
|
|
"expr": "increase(claude_code_claude_code_commit_count_total[24h])",
|
|
"refId": "A"
|
|
}
|
|
],
|
|
"title": "Commits Created (24h)",
|
|
"type": "stat"
|
|
}
|
|
],
|
|
"time": {"from": "now-6h", "to": "now"},
|
|
"timepicker": {},
|
|
"timezone": "browser",
|
|
"version": 1
|
|
}
|