GitLab

- 在OpsDashboardHeader添加设置和警报规则按钮
- 在OpsDashboard集成OpsSettingsDialog组件
- 添加警报规则弹窗展示
- 添加高级设置API类型定义
- 支持从Header快速访问设置和规则管理

相关文件：
- frontend/src/api/admin/ops.ts
- frontend/src/views/admin/ops/types.ts
- frontend/src/views/admin/ops/OpsDashboard.vue
- frontend/src/views/admin/ops/components/OpsDashboardHeader.vue

**响应式优化**:
- 添加flex-wrap支持窄屏时间选择器自动换行
- 当前QPS/TPS在窄屏时自动换行，避免溢出
- 时间按钮在窄屏使用更小字号和间距（9px/1.5px）
- 当前数值使用响应式字体（xl→sm:2xl）

**指标展示优化**:
1. 请求卡片:
   - 标题简化：总请求 → 请求
   - 字段调整：请求 → 请求数
   - 移除：平均延迟、平均首字延迟（避免冗余）

2. 延迟和TTFT卡片:
   - 布局：grid → flex-wrap（自适应布局）
   - 指标不换行：添加whitespace-nowrap
   - 最小宽度：min-w-[60px]保证可读性
   - 单位内联：名称、数值、单位在同一行（P95: 123 ms）
   - 自动换行：整个指标项作为整体换行

**效果**:
- 窄屏：所有元素自动适配，无溢出
- 宽屏：充分利用空间，清晰展示
- 灵活布局：根据容器宽度自动调整指标排列

- 将静态QPS历史折线图替换为动画脉搏线
- 使用SVG animate元素实现心跳效果（2秒循环动画）
- 增强流量可视化：通过脉冲跳动直观展示流量"活跃"状态
- 恢复重构前的视觉效果与用户体验

- 添加实时QPS/TPS历史数据追踪（最近60个数据点）
- 在平均QPS/TPS上方添加SVG脉搏线图（sparkline）
- 将延迟和TTFT卡片的指标布局从2列改为3列
- 恢复Max指标显示（P95/P90/P50/Avg/Max）

主要改动：
- 重构仪表板为左右布局（5:7比例）
- 左侧：健康评分 + 实时信息（当前/峰值/平均 QPS/TPS）
- 右侧：6个卡片展示详细指标（3列x2行）
  - 总请求：请求数、Token数、平均QPS/TPS、平均延迟/TTFT
  - SLA：百分比、异常数、进度条
  - 延迟：P99/P95/P90/P50/Avg/Max（带颜色编码）
  - TTFT：P99/P95/P90/P50/Avg/Max（带颜色编码）
  - 请求错误：错误率、错误数、业务限制数
  - 上游错误：错误率、错误数（排除429/529）、429/529数
- 添加延迟/TTFT颜色编码（<500ms绿色，<1s黄色，<2s橙色，≥2s红色）
- 添加实时窗口选择器（1min/5min/30min/1h）
- 优化时间段选择器标签（"近5分钟"等）
- 完善中英文i18n翻译
- 数据库：添加Redis连接池字段（redis_conn_total, redis_conn_idle）

- 新增帮助提示组件（HelpTooltip.vue）
- 更新侧边栏添加 ops 监控菜单项
- 扩展设置视图集成 ops 配置面板
- 新增 ops 监控视图目录（dashboard, alerts, realtime, settings 等）