Scheduling mode transition is abrupt — no explanation of new interaction

[zhiganov]

Problem

When the creator clicks "Schedule meeting" (PollView.jsx:514-526), the AvailGrid is instantly replaced by SchedulingGrid with a teal bar saying "Select a time block on the grid." The heatmap the creator was reading disappears and is replaced by a different grid with different interaction semantics:

• Single-column vertical drag only (no rectangle select)
• Selection replaces previous selection (not additive)
• Different visual treatment (teal preview vs green)

There's no transition, no explanation of the changed interaction model.

Suggestion

1. Keep context visible — either animate the transition or show the SchedulingGrid as an overlay on top of the existing heatmap (the SchedulingGrid already shows its own heatmap, but the mental model break is jarring)
2. Explain the interaction change — the teal bar says "Select a time block" but doesn't explain "drag vertically within a single day to select the meeting time"
3. Consider a two-step flow — first show the heatmap with "best times" highlighted, then let the creator click a time slot to start the scheduling selection from there

IA context

Flow — mode transitions should be smooth and explained. Abrupt replacement breaks the user's mental model of what they were just looking at.