principle-chatHead-drag-restriction.tsx

export function ChatHead(props): Override {
    const anim = useAnimation()
    return {
        drag: true,
        animate: anim,
        onDragStart: () => {
            appState.bottomSheetY = 0
        },
        onDragEnd: (_, info) => {
            appState.bottomSheetY = bottomSheetHeight
            if (info.point.y > 400) {
                anim.start({ x: 0, y: 400 })
            } else {
                anim.start({ x: 0 })
            }
        },
    }
}