OVERVIEW
Live
Spend
$4,182
Requests
1.24M
p95
1.84s
Spend
1Strataix · Mobile & responsive breakdown
The web app is an operator tool and lives on desktop. Mobile is for on-call — triage an alert, mute a provider, peek at spend. The surface shrinks and the controls get bigger; the data model doesn't change.
2Breakpoints · tokens the whole app uses
namefromlayoutnav pattern
sx-sm
0 – 640
single column · 16px gutter · full-bleed cards · tables collapse to card lists
bottom tab bar (5) · sheets for detail · hamburger drawer for the rest
sx-md
641 – 1024
2-column where it helps · 6-col grid · tables keep · drawers stay
collapsible rail (56px) · rail expands on tap · no bottom bar
sx-lg
1025 – 1439
main layout · 12-col grid · drawers inline · full topbar
persistent 216px sidebar · active state visible
sx-xl
1440+
as sx-lg · max content width 1440 centered · more breathing room
same · can show second column (e.g. request detail pinned open)
Tap target min 44 × 44
Body min 14px on mobile (vs 13 on desktop)
Side gutter 16px mobile · 20px tablet · 24px desktop
Hover states don't apply; add long-press for secondary actions
3Navigation · how the sidebar translates
9:41
Live
A
acme
production
Overview
Requests1.24M
Routes18
Providers5
Guardrails
Keys7
Budgets
IMImran
Overview
Requests
Routes
2Alerts
More
Mobile · drawer open · 5 tabs at the bottom · the rest live behind the hamburger
Tablet · 60px rail · icons only · tap to expand rail to a drawer
4Overview · mobile
9:41
Overview · acme
Live
24h7d30d
Spend · 24h
$4,182
+12.0%
Requests
1.24M
+4.1%
p95
1.84s
−80ms
Spend$4,182
06:0012:0018:00now
Overview
Requests
Routes
2Alerts
More
Overview · KPIs scroll horizontally · one chart + alerts stacked
9:41
Requests
Anthropic
24h
errors
>2s
500req_01J9X7KQ209:41:58
claude-sonnet-43.42s$0.184
200req_01J9X7KQ109:41:57
gpt-4o0.74s$0.021
200req_01J9X7KPZ09:41:55
gemini-2.5-pro2.10s$0.064
500req_01J9X7KPY09:41:52
claude-sonnet-43.18s$0.188
200req_01J9X7KPX09:41:50
gpt-4o-mini0.52s$0.004
Overview
Requests
Routes
2Alerts
More
Requests · table collapses to card rows · 7 cols → 3 lines each
9:41
req_01J9X7KQ2
500 · error3.42s · $0.184
support/triage · claude-sonnet-4
Timeline
Gateway · received+0ms
Guardrails · pass+12ms
Routed+18ms
Provider · Anthropic+21ms
overloaded_error+3,384ms
Response · error
{
"type": "error",
"error": {
"type": "overloaded_error",
"message": "Overloaded"
}
}
"type": "error",
"error": {
"type": "overloaded_error",
"message": "Overloaded"
}
}
Request · detail · full-screen · sticky action bar · drawer dropped
5On-call surfaces · alert, filter sheet, route
9:41
9:41
Saturday, Nov 7
Strataixnow
Budget at 92% · team support
Projected to exceed on Nov 27 · $4.2k over cap · downgrade kicks in at 100%
Strataix7m
p95 > 3s on gemini-2.5-pro
Push notification · critical includes projection + fix-by date · tap opens detail
9:41
INC-241
criticalopened 4m · priya
Budget at 92% · team support
Spent $27.6k of $30k. Projected to exceed by $4.2k on Nov 27.
Signal · 72h
90% threshold
Suggested fixes
Promote canary
sonnet-4-5 · save ~$1.1k
Restore cache order
hit rate 12% → 84% · ~$860/day
Raise cap to $32k
owner approval
Alert · detail · signal → fixes → one-tap acknowledge
9:41
Requests
Filter requestsClear
PROVIDER
Anthropic
OpenAI
Google
Fireworks
Mistral
STATUS
200
4xx
5xx
timeout
LATENCY · GREATER THAN
2.0s
TIME RANGE
1h
24h
7d
30d
Filter sheet · bottom sheet · thumb-reachable submit · one tap per facet