Now I have a clear picture. The current page only shows deployed (enabled) agents as small dots and in the expanded section. I need to show all 9 agents for every customer -- as bigger circles colored by stage (grey for disabled/not-deployed) -- both in the summary row and in the expanded detail.
Each customer row now shows all 9 agent circles in the summary -- filled and fully opaque when deployed, hollow (border-only) and faded when not deployed, with each circle colored by the agent's maturity stage and sized at 16px (4x the previous 8px dots). The expanded detail similarly shows all 9 agents in a grid: active agents appear with full opacity and a green "Active" badge, while undeployed agents are dimmed with a dashed border and "Not deployed" label, giving a clear at-a-glance view of deployment coverage.
Now let me also check the agent drawer's customer tab for the toggle pattern to reuse:
Good, I have the full picture. I need to update the customers page to:
The current page already shows all 14 customers since it iterates ALL_CUSTOMERS. I just need to add the toggle functionality and ensure even zero-agent customers appear properly.
Each agent row in the expanded customer view now has a toggle switch (matching the drawer pattern with spring-animated knobs) to enable/disable that agent for the customer. All 14 customers are always visible -- those with zero agents show "No agents active" in the subtitle. The getCustomerAgentStatuses function now reads from localAssignments overrides so toggling is reflected immediately in both the expanded grid and the summary circles in the collapsed row.
You can send messages while the preview loads