Agent detail

[tomkis]

Feature Description

Show a detail of agent based on data provided from ACP.

Detail Page

Provide heading of the page with the human readable name of the agent.

All the metadata should be visualised namely:

• Agent short description
• Avg runtime
• Avg token consumption
• Licence
• Tags for framework and technology

Each agent may contain detailed description which should be visible only on detail page.

Clicking on agents in the top bar would bring the user back to the list of agents.

Command Component

There's beeai run command component that simplifies running the agent in local CLI.

This component will contain the full command to run the agent locally as well as provide easy way to copy the command.

When user hover over the copy, the copy button will fills with black. Upon clicking, the button changes to a checkmark, indicating a successful copy action

[tomkis]

@anafucs please review & attach figma files.

[anafucs]

Figma here: https://www.figma.com/design/uJkcE3aJRPVk9HBOweNnH9/Bee-Dev-Ready-2.0?node-id=2906-10038