              <div class="border-l-4 border-l-solid rounded-lg mb-6 p-4 {{ color_classes[color_index] }}">
                      <div class="mb-2 font-medium">
                        Cycle {{ loop.index }}
                      </div>
                      {% for agent_name, agent_logs in cycle_data.items() %}
                        <div x-data="{ open: false }" class="border rounded-lg mb-4 agent-section">
                          <button @click="open = !open" class="w-full p-4 flex justify-between item