feat: improve model rate limit tracking

apps/web/src/styles/pages.css

@@ -964,6 +964,104 @@
   gap: 12px;
 }
 
+.platformLimitView {
+  display: grid;
+  grid-template-rows: auto minmax(0, 1fr);
+  gap: 10px;
+  min-height: 0;
+  max-height: calc(100dvh - 220px);
+  overflow: hidden;
+}
+
+.platformLimitHeader {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  color: var(--muted-foreground);
+  font-size: var(--font-size-xs);
+}
+
+.platformLimitHeader span {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--text-strong);
+  font-weight: var(--font-weight-semibold);
+}
+
+.platformLimitTableViewport {
+  min-width: 0;
+  min-height: 0;
+  max-height: calc(100dvh - 270px);
+  overflow: auto;
+  border: 1px solid var(--border-subtle);
+  border-radius: 10px;
+  background: #fff;
+  overscroll-behavior: contain;
+}
+
+.platformLimitTable {
+  width: max-content;
+  min-width: 100%;
+  overflow: visible;
+  border: 0;
+  border-radius: 0;
+}
+
+.platformLimitTable .shTableHeader {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+}
+
+.platformLimitTable .shTableRow {
+  grid-template-columns: clamp(150px, 16vw, 220px) minmax(148px, 1fr) minmax(104px, max-content) minmax(136px, max-content) minmax(122px, max-content) minmax(132px, max-content) minmax(128px, max-content);
+  min-width: 920px;
+}
+
+.platformLimitTable .shTableHead,
+.platformLimitTable .shTableCell {
+  padding-right: 10px;
+  padding-left: 10px;
+}
+
+.rateMetricCell,
+.rateLoadCell {
+  display: grid;
+  min-width: 0;
+  gap: 4px;
+}
+
+.rateMetricCell strong,
+.rateLoadCell strong {
+  color: var(--text-strong);
+  font-size: var(--font-size-sm);
+}
+
+.rateMetricCell small {
+  overflow: hidden;
+  color: var(--muted-foreground);
+  font-size: var(--font-size-xs);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.rateLoadTrack {
+  display: block;
+  height: 6px;
+  overflow: hidden;
+  border-radius: 999px;
+  background: #eef2f6;
+}
+
+.rateLoadTrack i {
+  display: block;
+  height: 100%;
+  border-radius: inherit;
+  background: #0f766e;
+}
+
 .platformModelToolbar {
   display: grid;
   grid-template-columns: minmax(220px, 0.6fr) minmax(260px, 1fr);