Concierge panel layouts & motion
How the panel arrives.
Two independent choices: where the panel sits, and how it gets there. Every combination below opens the real concierge against the Bauer staging catalog — click one and watch the entrance, then close it and try another.
Read this before judging the motion
Desktop and mobile are configured separately, because the right answer differs: a
side panel suits a desktop product page, and a bottom sheet is the phone convention. Resize
this window narrow, or open it on a phone, and the mobile pair takes over. The desktop
combinations below will look identical to each other on a narrow screen — that is the
breakpoint working, not a broken option.
This page runs a locally built SDK, on purpose
Panel layout and motion are not in the published CDN bundle yet — they ship with
#3877. So this page loads its own build of that branch rather than
bonsai-agent-latest.js. Everything you see is real behaviour from that branch;
it is just not what production serves today.
Desktop
What a shopper on a laptop sees. panel-layout decides the position,
panel-animation the entrance.
Mobile
Set independently via mobile-panel-layout and
mobile-panel-animation. Narrow the window before opening these, or they will
render as their desktop equivalents.