Rate Limiting Dashboard

[ElioNeto]

Rate Limiting Dashboard

Create an Angular page that displays and manages the rate limiting configuration and status.

Backend Endpoints (already exist)

GET /admin/rate_limits   — View current rate limit state

UI Requirements

Current Limits Display

• Requests Per Minute: Current limit setting
• Burst Capacity: Burst allowance
• Per-endpoint Overrides: Display any endpoint-specific limits

Usage Statistics

• Current Usage: Gauge showing current requests/min vs limit
• Top Consumers: IP addresses or tokens with most requests (if available)
• Rate Limit Events: Timeline of when limits were hit

Configuration

• Set RPM Limit: Input to change the global rate limit
• Per-endpoint Limits: Table with endpoint path + limit
• Bypass IPs: IP whitelist management

Component Structure

app/
  pages/
    rate-limits/
      rate-limits.component.ts
      rate-limits.component.html
      rate-limits.component.scss

Acceptance Criteria

• Current rate limit value displayed
• Usage gauge shows consumption level
• Error state when backend unreachable
• Responsive layout

Parent Epic

#290

[ElioNeto]

Resolved via feat/notes-engine-v2 branch (PR #321) - commit closes via merge to main