yumoqing 9cc59160e8 feat: add trend indicators and color accents to stat cards
- Add get_usage_trend() and get_amount_trend() functions for day-over-day comparison
- Display trend arrows (up/down/flat) with percentage change in stat_today_usage and stat_today_amount
- Add colored left borders to all stat cards for visual distinction:
  - Blue: usage, total users
  - Purple: amount, total orgs
  - Green: active users, new users this month
  - Cyan: concurrent users
  - Red: errors
- Enhance visual hierarchy with accent colors matching SVG icons
2026-06-01 15:49:46 +08:00

Dashboard for Sage

Sage 数据看板模块,基于 bricks-framework 的 ECharts 扩展控件实现。

功能

  1. 今日调用笔数和交易金额 - 每10秒自动刷新 llmusage 数据
  2. 用户总数 - 系统中注册用户数
  3. 当前并发用户数 - 近5分钟内有活跃记录的用户数
  4. Top 3 模型排名 - 按当天调用数量和交易金额排名

目录结构

dashboard_for_sage/
├── dashboard_for_sage/
│   ├── __init__.py
│   └── init.py           # 模块注册
├── wwwroot/
│   ├── index.ui           # 主看板页面
│   ├── menu.ui            # 菜单
│   ├── api/
│   │   ├── get_today_usage.dspy   # 今日用量API
│   │   ├── get_user_stats.dspy    # 用户统计API
│   │   └── get_top_models.dspy    # Top模型API
│   └── scripts/
│       └── dashboard_refresh.js   # 10秒自动刷新脚本
├── pyproject.toml
└── build.sh

部署

cd ~/repos/dashboard_for_sage
git pull
bash build.sh

# 设置RBAC权限在生产服务器上执行
cd ~/repos/sage && git pull
./py3/bin/python load_path.py

# 重启Sage
./stop.sh && ./start.sh

访问地址

/dashboard_for_sage/index.ui

Description
No description provided
Readme 707 KiB
Languages
Python 48.1%
CSS 33%
JavaScript 16.3%
Shell 2.6%