 class="card">
                    <div class="card-header text-center header-left">
                       <h3>Agents</h3> 
                    </div>
                    <ul class="list-group list-group-flush" id="agentsList">
                        <!-- Agents will be dynamically added here -->
                    </ul>
                    <div class="form-group p-4 api-form">
                        <input type="text" class="form-control p-4 mb-2" id="openai-api-key" placeholder="Input your OpenAI api 