Duo chat: Fix WHCM mode borders

Sascha Eggenbergerrequested to merge
chat-whcm-fixes into main

What does this MR do and why?

Duo chat: Show borders in WHCM/forced colors mode

Screenshots or screen recordings

Before After
Web chat
web
before after
Web agentic chat
agentic
agentic_before agentic_after

How to set up and validate locally

  1. Go to
    1. Web chat: http://localhost:9001/?path=/story/web-chat-webduochat--default
    2. Agentic web chat: http://localhost:9001/?path=/story/web-agentic-chat-webagenticduochat--default
  2. Enabled forced colored mode
    1. Open DevTools
    2. Open the Command Menu by pressing Cmd+Shift+P (Mac) or Ctrl+Shift+P (Linux/Win)
    3. Type forced and select Emulate CSS forced-colors: active

image

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Related to https://gitlab.com/gitlab-org/gitlab/-/issues/54883

Edited by Sascha Eggenberger

Merge request reports