Dashboard design for agent monitoring in Agentic Ai - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create a basic dashboard header for agent monitoring.

Agentic_ai

<header>
  <h1>[1]</h1>
</header>

Drag options to blanks, or click blank then click option'

AAgent Monitoring Dashboard

BAgent Status

CDashboard Header

DMonitoring Panel

Attempts:

3 left

2fill in blank

medium

Complete the code to add a navigation bar with a link to the agent list.

Agentic_ai

<nav>
  <ul>
    <li><a href="[1]">Agents</a></li>
  </ul>
</nav>

Drag options to blanks, or click blank then click option'

A/dashboard

B/settings

C/status

D/agents

Attempts:

3 left

3fill in blank

hard

Fix the error in the code to correctly display the agent status with color coding.

Agentic_ai

<span class="status [1]">Active</span>

Drag options to blanks, or click blank then click option'

Adisabled

Binactive

Cactive

Dpending

Attempts:

3 left

4fill in blank

hard

Fill both blanks to create a filter function that returns agents with status 'online'.

Agentic_ai

def filter_agents(agents):
    return [agent for agent in agents if agent.[1] == '[2]']

Drag options to blanks, or click blank then click option'

Astatus

Bonline

Coffline

Dstate

Attempts:

3 left

5fill in blank

hard

Fill all three blanks to create a dictionary comprehension that maps agent names to their CPU usage if usage is above 50%.

Agentic_ai

high_usage = {agent.[1]: agent.[2] for agent in agents if agent.[3] > 50}

Drag options to blanks, or click blank then click option'

Aname

Bcpu_usage

Dmemory_usage

Attempts:

3 left