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.