Skip to content

Commit

Permalink
317 add multion to docs (#319)
Browse files Browse the repository at this point in the history
* docs for multion

* removed the "star us" banners copied everywhere

* working example
  • Loading branch information
areibman authored Jul 27, 2024
1 parent c8ae0e9 commit d618a79
Show file tree
Hide file tree
Showing 9 changed files with 88 additions and 20 deletions.
3 changes: 2 additions & 1 deletion docs/mint.json
Original file line number Diff line number Diff line change
Expand Up @@ -93,7 +93,8 @@
"v1/integrations/autogen",
"v1/integrations/langchain",
"v1/integrations/cohere",
"v1/integrations/litellm"
"v1/integrations/litellm",
"v1/integrations/multion"
]
},
{
Expand Down
9 changes: 6 additions & 3 deletions docs/v1/examples.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ mode: "wide"
## Explore our example code to see AgentOps in action!

<CardGroup cols={2}>
<Card title="Simple Agent" icon="person-carry-box" iconType="solid" href="https://github.com/AgentOps-AI/agentops-py/blob/main/examples/openai-gpt.ipynb">
<Card title="Simple Agent" icon="microchip-ai" iconType="solid" href="https://github.com/AgentOps-AI/agentops-py/blob/main/examples/openai-gpt.ipynb">
Jupyter Notebook with sample code that you can run! Start here!
</Card>
<Card title="Crew.ai Example" icon="ship" href="/v1/integrations/crewai">
Expand All @@ -19,12 +19,15 @@ mode: "wide"
<Card title="Multi-Agent Code Example" icon="people-arrows" iconType="duotone" href="https://github.com/AgentOps-AI/agentops-py/blob/main/examples/multi_agent_example.ipynb">
Jupyter Notebook with a simple multi-agent design
</Card>
<Card title="LangChain Example" icon="link" href="https://github.com/AgentOps-AI/agentops-py/blob/main/examples/langchain_examples.ipynb">
<Card title="LangChain Example" icon="crow" href="https://github.com/AgentOps-AI/agentops-py/blob/main/examples/langchain_examples.ipynb">
Jupyter Notebook with a sample LangChain integration
</Card>
<Card title="FastAPI Example" icon="computer" href="/v1/examples/fastapi">
<Card title="FastAPI Example" icon="bolt-lightning" href="/v1/examples/fastapi">
Create a REST server that performs and observes agent tasks
</Card>
<Card title="MultiOn Example" icon="atom" href="https://github.com/AgentOps-AI/agentops/blob/main/examples/multion/Autonomous_web_browsing.ipynb">
Create an autonomous browser agent capable of navigating the web and extracting information
</Card>
</CardGroup>

## Video Guides
Expand Down
3 changes: 0 additions & 3 deletions docs/v1/examples/fastapi.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -25,9 +25,6 @@ mode: "wide"
poetry add agentops
```
</CodeGroup>
<Check>
[Give us a star](https://github.com/AgentOps-AI/agentops) on GitHub while you're at it (you may be our 2,000th 😊)
</Check>
</Step>
<Step title="Install Crew from the AgentOps fork">
<Warning>
Expand Down
1 change: 0 additions & 1 deletion docs/v1/integrations/autogen.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,6 @@ Autogen has comprehensive [documentation](https://microsoft.github.io/autogen/do
poetry add agentops
```
</CodeGroup>
<Check>[Give us a star](https://github.com/AgentOps-AI/agentops) on GitHub while you're at it (you may be our <span id="stars-text">2,000th</span> 😊)</Check>
</Step>
<Step title="Install Autogen">
<CodeGroup>
Expand Down
1 change: 0 additions & 1 deletion docs/v1/integrations/cohere.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,6 @@ This is a living integration. Should you need any added functionality message us
poetry add agentops
```
</CodeGroup>
<Check>[Give us a star](https://github.com/AgentOps-AI/agentops) on GitHub while you're at it (you may be our <span id="stars-text">2,000th</span> 😊)</Check>
</Step>
<Step title="Add 3 lines of code">
<CodeTooltip/>
Expand Down
1 change: 0 additions & 1 deletion docs/v1/integrations/crewai.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,6 @@ Crew has comprehensive [documentation](https://docs.crewai.com) available as wel
poetry add agentops
```
</CodeGroup>
<Check>[Give us a star](https://github.com/AgentOps-AI/agentops) on GitHub while you're at it (you may be our <span id="stars-text">2,000th</span> 😊)</Check>
</Step>
<Step title="Install Crew with AgentOps">
<CodeGroup>
Expand Down
2 changes: 0 additions & 2 deletions docs/v1/integrations/litellm.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -17,8 +17,6 @@ Call 100+ LLMs using the same Input/Output Format

LiteLLM also supports many [providers](https://docs.litellm.ai/docs/providers)

<Check>[Give us a star](https://github.com/AgentOps-AI/agentops) on GitHub while you're at it (you may be our <span id="stars-text">2,000th</span> 😊)</Check>

## Using AgentOps with LiteLLM

### Requires litellm>=1.3.1
Expand Down
79 changes: 79 additions & 0 deletions docs/v1/integrations/multion.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
---
title: MultiOn
description: "AgentOps provides first class support for MultiOn agents"
---

import CodeTooltip from '/snippets/add-code-tooltip.mdx'
import EnvTooltip from '/snippets/add-env-tooltip.mdx'

AgentOps and [MultiOn](https://www.multion.ai) have collaborated to simplify the monitoring of autonomous browser agents.

You can view several example notebooks [here](https://github.com/AgentOps-AI/agentops/tree/main/examples/multion):
* [Sample web browser agent using only MultiOn](https://github.com/AgentOps-AI/agentops/blob/main/examples/multion/Autonomous_web_browsing.ipynb)
* [Combining a MultiOn agent with other LLMs calls](https://github.com/AgentOps-AI/agentops/blob/main/examples/multion/Autonomous_web_browsing.ipynb)
* [Step-by-step tracking of browse events](https://github.com/AgentOps-AI/agentops/blob/main/examples/multion/Step_by_step_web_browsing.ipynb)
* [Collecting data from a web page using the retrieve API](https://github.com/AgentOps-AI/agentops/blob/main/examples/multion/Webpage_data_retrieval.ipynb)

## Adding AgentOps to MultiOn agents

<Steps>
<Step title="Install MultiOn">
<CodeGroup>
```bash pip
pip install -U multion
```
```bash poetry
poetry add multion
```
</CodeGroup>
</Step>
<Step title="Create your API keys">
* Create an [AgentOps API key](https://app.agentops.ai/settings/projects)
* Create a [MultiOn API key](https://app.multion.ai/api-keys)
</Step>
<Step title="Create a MultiOn client with an AgentOps key">
<CodeTooltip/>
<span className="api-key-container">
<CodeGroup>
```python python
import multion
from multion.client import MultiOn

# Initialize MultiOn with both a MultiOn API key and an AgentOps API key
multion = MultiOn(
api_key=<INSERT YOUR MULTION API KEY HERE>,
agentops_api_key=<INSERT YOUR AGENTOPS API KEY HERE>
)

browse_response = multion.browse(
cmd="what three things do i get with agentops",
url="https://www.agentops.ai/",
max_steps=4,
include_screenshot=True
)

print(browse_response.message)
```
</CodeGroup>
</span>

<EnvTooltip />
</Step>
<Step title="Run your agent">
Execute your program and visit [app.agentops.ai/drilldown](https://app.agentops.ai/drilldown) to observe your MultiOn Agent! 🕵️
<Tip>
After your run, AgentOps prints a clickable url to console linking directly to your session in the Dashboard
</Tip>
<div/>{/* Intentionally blank div for newline */}
<Frame type="glass" caption="Clickable link to session">
<img height="200" src="https://github.com/AgentOps-AI/agentops/blob/main/docs/images/agentops-multion-browse.gif?raw=true" />
</Frame>
</Step>
</Steps>

<script type="module" src="/scripts/github_stars.js"></script>
<script type="module" src="/scripts/link_to_api_button.js"></script>
<script type="module" src="/scripts/scroll-img-fadein-animation.js"></script>
<script type="module" src="/scripts/button_heartbeat_animation.js"></script>
<script type="css" src="/styles/styles.css"></script>
<script type="module" src="/scripts/adjust_api_dynamically.js"></script>
9 changes: 1 addition & 8 deletions docs/v1/quickstart.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@ import EnvTooltip from '/snippets/add-env-tooltip.mdx'
<Step title="Add 2 lines of code">
<CodeTooltip />
<span className="api-key-container">
Create an AgentOps [API key here](https://app.agentops.ai/settings/projects)
<CodeGroup>
```python python
import agentops
Expand All @@ -27,14 +28,6 @@ import EnvTooltip from '/snippets/add-env-tooltip.mdx'
</CodeGroup>
</span>
<EnvTooltip />
<span className="api-key-container">
<CodeGroup>
```python .env
AGENTOPS_API_KEY=<YOUR API KEY>
```
</CodeGroup>
Read more about [environment variables](/v1/usage/environment-variables)
</span>
</Step>
<Step title="Run your agent">
Execute your program and visit [app.agentops.ai/drilldown](https://app.agentops.ai/drilldown) to observe your Agent! 🕵️
Expand Down

0 comments on commit d618a79

Please sign in to comment.