diff --git a/app/pages/config.php b/app/pages/config.php
index cbc2a7f..ee2fcaf 100644
--- a/app/pages/config.php
+++ b/app/pages/config.php
@@ -94,6 +94,8 @@ if ($_SERVER['REQUEST_METHOD'] == 'POST') {
                     break;
                 default:
                     if ($userObject->hasRight($user_id, 'view config file')) {
+                        require '../app/classes/agent.php';
+                        $agentObject = new Agent($dbWeb);
                         include '../app/templates/config-list.php';
                     } else {
                         include '../app/templates/unauthorized.php';
diff --git a/app/templates/config-list.php b/app/templates/config-list.php
index 44a3615..f947fc0 100644
--- a/app/templates/config-list.php
+++ b/app/templates/config-list.php
@@ -11,47 +11,95 @@ echo "\n";
 ?>
 
 <hr />
-                        <p class="card-text">platforms configuration &nbsp;<a class="btn btn-secondary" style="padding: 0px;" href="<?= $app_root ?>?page=config&action=add">add</a></p>
+                        <p class="card-text">platforms configuration &nbsp;<a class="btn btn-secondary" style="padding: 0px;" href="<?= $app_root ?>?page=config&action=add">add new</a></p>
 
-<?php foreach ($platformsAll as $platform_array) { ?>
+<?php foreach ($platformsAll as $platform_array) {
+    $agents = $agentObject->getAgentDetails($platform_array['id']);
+?>
 
                         <div class="row mb-3" style="padding-left: 0px;">
-                            <div class="border bg-light" style="padding-left: 50px; padding-bottom: 20px; padding-top: 20px;">
-                                <div class="row mb-1" style="padding-left: 0px;">
-                                    <div class="col-md-4 text-end">
-                                        platform id <?= $platform_array['id'] ?>:
+                            <div class="border bg-light" style="padding-left: 50px; padding-bottom: 0px; padding-top: 0px;">
+                                <a style="text-decoration: none;" data-toggle="collapse" href="#collapsePlatform<?= $platform_array['id'] ?>" role="button" aria-expanded="true" aria-controls="collapsePlatform<?= $platform_array['id'] ?>">
+                                    <div class="border bg-white text-start mb-3 rounded mt-3" data-toggle="tooltip" data-placement="bottom" title="configuration for platform <?= $platform_array['id'] ?>">
+                                        <i class="fas fa-wrench"></i>
+                                        <small>platform <?= $platform_array['id'] ?> (<?= $platform_array['name'] ?>)</small>
                                     </div>
-                                    <div class="col-md-8 text-start">
-                                        <a class="btn btn-secondary" style="padding: 2px;" href="<?= $app_root ?>?platform=<?= htmlspecialchars($platform_array['id']) ?>&page=config&action=edit">edit</a>
+                                </a>
+                                <div class="collapse show" id="collapsePlatform<?= $platform_array['id'] ?>">
+
+                                    <div class="row mb-1" style="padding-left: 0px;">
+                                        <div class="col-md-8 text-start">
+
+                                            <div class="row mb-1">
+                                                <div class="col-md-8 text-start">
+                                                    <a class="btn btn-secondary" style="padding: 2px;" href="<?= $app_root ?>?platform=<?= htmlspecialchars($platform_array['id']) ?>&page=config&action=edit">edit platform</a>
 <?php if (count($platformsAll) <= 1) { ?>
-                                        <span class="btn btn-light" style="padding: 2px;" href="#" data-toggle="tooltip" data-placement="right" data-offset="30.0" title="can't delete the last platform">delete</span>
+                                                    <span class="btn btn-light" style="padding: 2px;" href="#" data-toggle="tooltip" data-placement="right" data-offset="30.0" title="can't delete the last platform">delete platform</span>
 <?php } else { ?>
-                                        <a class="btn btn-danger" style="padding: 2px;" href="<?= $app_root ?>?platform=<?= htmlspecialchars($platform_array['id'])?>&page=config&action=delete">delete</a>
+                                                    <a class="btn btn-danger" style="padding: 2px;" href="<?= $app_root ?>?platform=<?= htmlspecialchars($platform_array['id'])?>&page=config&action=delete">delete platform</a>
 <?php } ?>
-                                    </div>
-                                    <div style="padding-left: 100px; padding-bottom: 20px;">
+                                                </div>
+                                            </div>
+
+                                        </div>
+                                        <div style="padding-left: 100px; padding-bottom: 20px;">
 <?php foreach ($platform_array as $key => $value) {
         if ($key === 'id') continue;
 ?>
-                                        <div class="row mb-1" style="padding-left: 100px;">
-                                            <div class="col-md-4 text-end">
-                                                <?= $key ?>:
+                                            <div class="row mb-1" style="padding-left: 100px;">
+                                                <div class="col-md-4 text-end">
+                                                    <?= $key ?>:
+                                                </div>
+                                                <div class="border col-md-8 text-start">
+                                                    <?= $value ?>
+                                                </div>
                                             </div>
-                                            <div class="border col-md-8 text-start">
-                                                <?= $value ?>
+<?php } ?>
+
+                                        </div>
+                                        <hr />
+                                        <p class="card-text">jilo agents on platform <?= $platform_array['id'] ?> (<?= $platform_array['name'] ?>)
+                                            <br />
+                                            total <?= count($agents) ?> <?= count($agents) === 1 ? 'jilo agent' : 'jilo agents' ?>&nbsp;
+                                            <a class="btn btn-secondary" style="padding: 0px;" href="<?= $app_root ?>?page=config&platform=action=add">
+                                                add new
+                                            </a>
+                                        </p>
+
+<?php foreach ($agents as $agent_array) { ?>
+
+                                        <div class="row mb-3" style="padding-left: 0px;">
+                                            <div class="border rounded bg-light" style="padding-left: 50px; padding-bottom: 20px; padding-top: 20px;">
+                                                <div class="row mb-1" style="padding-left: 0px;">
+                                                    <div class="col-md-4 text-end">
+                                                        agent id <?= $agent_array['id'] ?>:
+                                                    </div>
+                                                    <div class="col-md-8 text-start">
+                                                        <a class="btn btn-secondary" style="padding: 2px;" href="<?= $app_root ?>?platform=<?= htmlspecialchars($agent_array['platform_id']) ?>&page=agents&agent=<?= htmlspecialchars($agent_array['id']) ?>&action=edit">edit agent</a>
+                                                        <a class="btn btn-danger" style="padding: 2px;" href="<?= $app_root ?>?platform=<?= htmlspecialchars($agent_array['platform_id'])?>&page=agents&agent=<?= htmlspecialchars($agent_array['id']) ?>&action=delete">delete agent</a>
+                                                    </div>
+                                                    <div style="padding-left: 100px; padding-bottom: 20px;">
+<?php foreach ($agent_array as $key => $value) {
+        if ($key === 'id') continue;
+?>
+                                                        <div class="row mb-1" style="padding-left: 100px;">
+                                                            <div class="col-md-4 text-end">
+                                                                <?= $key ?>:
+                                                            </div>
+                                                            <div class="border col-md-8 text-start">
+                                                                <?= $value ?>
+                                                            </div>
+                                                        </div>
+<?php } ?>
+                                                    </div>
+                                                </div>
                                             </div>
                                         </div>
 <?php } ?>
-                                    </div>
 
-                                    <div class="col-md-4 text-end">
-                                        configured jilo agents:
-                                    </div>
-                                    <div class="col-md-8 text-start">
-                                        0
-                                        <a class="btn btn-secondary" style="padding: 2px; margin-left: 10px;" href="<?= $app_root ?>?platform=<?= htmlspecialchars($platform_array['id']) ?>&page=agents">configure</a>
-                                    </div>
 
+
+                                    </div>
                                 </div>
                             </div>
                         </div>
diff --git a/doc/jilo-web.agents.schema b/doc/jilo-web.agents.schema
new file mode 100644
index 0000000..72432c0
--- /dev/null
+++ b/doc/jilo-web.agents.schema
@@ -0,0 +1,5 @@
+INSERT INTO jilo_agent_types VALUES(1,'jvb','/jvb');
+INSERT INTO jilo_agent_types VALUES(2,'jicofo','/jicofo');
+INSERT INTO jilo_agent_types VALUES(3,'prosody','/prosody');
+INSERT INTO jilo_agent_types VALUES(4,'nginx','/nginx');
+INSERT INTO jilo_agent_types VALUES(5,'jibri','/jibri');
diff --git a/doc/jilo-web.schema b/doc/jilo-web.schema
index 0413997..919ef66 100644
--- a/doc/jilo-web.schema
+++ b/doc/jilo-web.schema
@@ -34,10 +34,11 @@ CREATE TABLE platforms (
 CREATE TABLE jilo_agents (
     id INTEGER PRIMARY KEY AUTOINCREMENT,
     platform_id INTEGER NOT NULL,
-    type_id INTEGER NOT NULL,
+    agent_type_id INTEGER NOT NULL,
     url TEXT NOT NULL,
     secret_key TEXT,
-    FOREIGN KEY (platform_id) REFERENCES platforms(id)
+    FOREIGN KEY (platform_id) REFERENCES platforms(id),
+    FOREIGN KEY (agent_type_id) REFERENCES jilo_agent_types(id)
 );
 CREATE TABLE jilo_agent_types (
     id INTEGER PRIMARY KEY AUTOINCREMENT,