The AgentsView mobile header was wrapping onto two rows because DocumentsView.css carried leaked agents-view-* rules forcing flex-wrap: wrap on the header/controls/title and width: 100% on the primary-actions group. Removed those stale overrides so AgentsView's own mobile rules can take effect. Header changes: - Drop the Refresh button. - Reorder: Bot icon, view-toggle, then primary-actions on the far right (Controls icon left of New Agent +). Controls is now icon-only with no text label on every viewport. - Bump the Bot icon to 24px (was 20) and give its mobile container a 32x32 footprint to align with the view-toggle pill. - Pin primary-actions to the right via space-between on the controls flex container; everything stays on one row at <=320px. Layout: move AgentMetricsBar (stats cards) above the agent collection so stats sit on top of the list/board/tree/org views. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
18 KiB
18 KiB