] {
        display: inline-block;
        width: 40px;
        height: 40px;
        background: #007bff;
        color: white;
        border-radius: 50%;
        text-align: center;
        line-height: 40px;
        margin-right: 10px;
      }
    </style>
  </head>
  <body>
    <div id="user-info">
      <span data-testid="user-avatar">JD</span>
      <strong>Logged in as:</strong> John Doe (john.doe@example.com)
    </div>

    <h1>Test Chat Interface</h1>

    <div id="chat-container">
      <div cla