Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

317 add multion to docs #319

Merged
merged 4 commits into from
Jul 27, 2024
Merged

317 add multion to docs #319

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
0fc30e8
docs for multion
areibman Jul 26, 2024
7870634
removed the "star us" banners copied everywhere
areibman Jul 26, 2024
1234bbb
working example
areibman Jul 26, 2024
cda5808
code block fixes
areibman Jul 27, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion docs/mint.json
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
Loading