The buttons now fall from the modal. Make each pane independently scrollable. Also give the center pane a small border and some drop shadow so that it protrudes from the larger modal, creating a visible separation between the center pane and the 2 side panes
turn the separate toggles into a pill toggle with multiple segments
I've updated the pill toggle to be a single segmented control with multiple segments. Now each pane has a unified toggle bar with a gray background and the active segment highlighted in white with a subtle shadow, creating a more cohesive and modern interface that's common in healthcare applications.
Timeline subpane:
Vertical timeline with date separators Today, Yesterday, 20 Jun:
– 22 Jun 07:15 Task auto-generated by “Post-Discharge Flow”
– 21 Jun 15:42 Home-health nurse note: patient ambulating with mild SOB
– 20 Jun 11:03 Discharge medication reconciliation completed
Chip filter bar under pane header: All (12) | Clinical (8) | Tasks (3) | Chat (1) — All active.
Context subpane:
Snapshot stack:
• Demographics card: “John Doe, 67 y, M”; Discharge 20 Jun 2025; Primary Dx Pneumonia (J18.9)
• Medications accordion (first two meds visible)
• Care team list: Dr Martinez (Hospitalist); RN Lewis; PT Nguyen
• Disabled footer link “Open full chart”
Chat subpane:
Internal thread:
– Dr Martinez (22 Jun 08:09): “Please confirm BP before closing.”
– RN Lewis (22 Jun 08:40): “Will do, thanks.”
Compose box placeholder: “Add note…”.
All panes scroll independently; switching a pane’s pill preserves its last scroll position.