ui/src/components/ContentTabs.module.css

.wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem;
  padding-top: 0.375rem;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
  gap: 1rem;
}
feat(ui): add ContentTabs component (Exchanges \| Dashboard \| Runtime) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> 2026-03-28 13:52:54 +01:00			`.wrapper {`
feat(ui): add compact KPI metrics in tab bar (Total, Err%, Avg, P99) New TabKpis component shows scope-aware metrics with trend arrows aligned right in the content tab bar. Each metric shows current value and an arrow indicating change vs previous period (green=good, red=bad). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> 2026-03-28 14:42:58 +01:00			`display: flex;`
			`align-items: center;`
			`justify-content: space-between;`
			`padding: 0 1.5rem;`
			`padding-top: 0.375rem;`
fix(ui): restore layout — same table everywhere, 50:50 split, full-height sidebar, tab styling - Sidebar wrapper gets height:100% to fill window - Route-scoped Exchanges uses same Dashboard table (not compact ExchangeList) - 50:50 grid split: table on left, diagram on right when route selected - ContentTabs gets border-bottom and surface background for visibility Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> 2026-03-28 14:22:34 +01:00			`border-bottom: 1px solid var(--border);`
			`background: var(--surface);`
feat(ui): add compact KPI metrics in tab bar (Total, Err%, Avg, P99) New TabKpis component shows scope-aware metrics with trend arrows aligned right in the content tab bar. Each metric shows current value and an arrow indicating change vs previous period (green=good, red=bad). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> 2026-03-28 14:42:58 +01:00			`gap: 1rem;`
feat(ui): add ContentTabs component (Exchanges \| Dashboard \| Runtime) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> 2026-03-28 13:52:54 +01:00			`}`