ClickStack dashboard for Claude Code

cc-dashboard.json

{
  "name": "Claude Code 用量 / 成本",
  "tags": ["claude-code"],
  "tiles": [
    {
      "name": "累計成本 (USD)",
      "x": 0, "y": 0, "w": 3, "h": 2,
      "config": {
        "displayType": "number",
        "sourceId": "6a24958ad50981da3706ea5f",
        "select": [
          { "aggFn": "sum", "valueExpression": "Value", "metricType": "sum", "metricName": "claude_code.cost.usage", "numberFormat": { "output": "currency", "mantissa": 4, "currencySymbol": "$" } }
        ]
      }
    },
    {
      "name": "總 Token 用量",
      "x": 3, "y": 0, "w": 3, "h": 2,
      "config": {
        "displayType": "number",
        "sourceId": "6a24958ad50981da3706ea5f",
        "select": [
          { "aggFn": "sum", "valueExpression": "Value", "metricType": "sum", "metricName": "claude_code.token.usage", "numberFormat": { "output": "number", "mantissa": 0, "thousandSeparated": true } }
        ]
      }
    },
    {
      "name": "Session 數",
      "x": 6, "y": 0, "w": 3, "h": 2,
      "config": {
        "displayType": "number",
        "sourceId": "6a24958ad50981da3706ea5f",
        "select": [
          { "aggFn": "sum", "valueExpression": "Value", "metricType": "sum", "metricName": "claude_code.session.count", "numberFormat": { "output": "number", "mantissa": 0 } }
        ]
      }
    },
    {
      "name": "活躍時間 (秒)",
      "x": 9, "y": 0, "w": 3, "h": 2,
      "config": {
        "displayType": "number",
        "sourceId": "6a24958ad50981da3706ea5f",
        "select": [
          { "aggFn": "sum", "valueExpression": "Value", "metricType": "sum", "metricName": "claude_code.active_time.total", "numberFormat": { "output": "number", "mantissa": 1 } }
        ]
      }
    },
    {
      "name": "Token 趨勢 (依 type)",
      "x": 0, "y": 2, "w": 6, "h": 4,
      "config": {
        "displayType": "stacked_bar",
        "sourceId": "6a24958ad50981da3706ea5f",
        "select": [
          { "aggFn": "sum", "valueExpression": "Value", "metricType": "sum", "metricName": "claude_code.token.usage" }
        ],
        "groupBy": "Attributes['type']"
      }
    },
    {
      "name": "成本趨勢 (依 model)",
      "x": 6, "y": 2, "w": 6, "h": 4,
      "config": {
        "displayType": "line",
        "sourceId": "6a24958ad50981da3706ea5f",
        "select": [
          { "aggFn": "sum", "valueExpression": "Value", "metricType": "sum", "metricName": "claude_code.cost.usage" }
        ],
        "groupBy": "Attributes['model']"
      }
    },
    {
      "name": "Token 明細 (依 type)",
      "x": 0, "y": 6, "w": 6, "h": 4,
      "config": {
        "displayType": "table",
        "sourceId": "6a24958ad50981da3706ea5f",
        "select": [
          { "aggFn": "sum", "valueExpression": "Value", "metricType": "sum", "metricName": "claude_code.token.usage" }
        ],
        "groupBy": "Attributes['type']"
      }
    },
    {
      "name": "成本明細 (依 model)",
      "x": 6, "y": 6, "w": 6, "h": 4,
      "config": {
        "displayType": "table",
        "sourceId": "6a24958ad50981da3706ea5f",
        "select": [
          { "aggFn": "sum", "valueExpression": "Value", "metricType": "sum", "metricName": "claude_code.cost.usage", "numberFormat": { "output": "currency", "mantissa": 4, "currencySymbol": "$" } }
        ],
        "groupBy": "Attributes['model']"
      }
    }
  ]
}