Chainlit banner image used in URL previews is not correct

[wrynearson]

Describe the bug
When sharing a /login link (with username & password auth) of a deployed Chainlit webapp, the URL preview (using the og:image property) points to an image on S3 that isn't the real Chainlit banner.

<meta property="og:image" content="https://chainlit-cloud.s3.eu-west-3.amazonaws.com/logo/chainlit_banner.png">

The preview image that renders (at least in Slack):

To Reproduce
Steps to reproduce the behavior:

1. Go to /login of a deployed Chainlit app
2. Click on the Source tab of the browser inspect tool
3. Scroll down to login
4. Look at the url of the <meta property="og:image"> tag

Expected behavior
A Chainlit banner/logo appears, not this image.

Screenshots

Desktop (please complete the following information):

• OS: MacOS
• Browser N/A
• Version N/A

Additional context
Add any other context about the problem here.

[dosubot]

Hi @wrynearson! I'm Dosu and I'm helping the Chainlit team.

The og:image meta tag is set dynamically in backend/chainlit/server.py. The default value is hardcoded as a fallback:

default_meta_image_url = (
    "https://chainlit-cloud.s3.eu-west-3.amazonaws.com/logo/chainlit_banner.png"
)
meta_image_url = config.ui.custom_meta_image_url or default_meta_image_url

So the S3 image is the default banner used when no custom image is configured. If the image at that S3 URL is incorrect/outdated, it would need to be replaced on S3, or the hardcoded default URL in server.py would need to be updated to point to a correct banner.

As a workaround, you can override this by setting custom_meta_image_url in your Chainlit config [1] to point to the correct image you'd like shown in URL previews.

To reply, just mention @dosu.

---

Docs are dead. Just use Dosu.