Now I understand the structure. I need to:
I've restructured the StandardBookingForm so the source toggle (Charting/Recall buttons) now appears after the Notes section instead of after the patient selection. The toggle buttons are right-aligned with pill-shaped styling - Charting has a sky blue border and icon, Recall has an orange border and bell icon. The Practitioner and Treatment fields only show when in manual mode (not charting/recall), and the appointment cards appear below the toggle with the same design as the multi-select view.
Looking at the screenshot: It shows a toggle with "Charting" selected in a pill-shaped button with sky blue border, white background, clipboard icon on the left, and sky blue text. Outside the pill on the right is a bell icon (for Recall) in a muted/unselected state.
Let me update the toggle to match this exact style:
I've updated the toggle to match the screenshot style. Now the selected option (Charting or Recall) shows as a pill-shaped button with a colored border, white background, icon, and label text. The unselected option shows as just an icon in muted color that changes to the active color on hover. This matches the toggle pattern used elsewhere in the app.