WIP: Fix autohen-studio and ecosystem mdx files

ag2ai · Dec 13, 2024 · 7aa3caa · 7aa3caa
1 parent 15548b7
commit 7aa3caa
Show file tree

Hide file tree

Showing 18 changed files with 157 additions and 75 deletions.
diff --git a/website/docs/autogen-studio/faqs.mdx b/website/docs/autogen-studio/faqs.mdx
@@ -1,4 +1,7 @@
-# AutoGen Studio FAQs
+---
+title: FAQs
+sidebarTitle: FAQs
+---
 
 ## Q: How do I specify the directory where files(e.g. database) are stored?
 

diff --git a/website/docs/autogen-studio/getting-started.mdx b/website/docs/autogen-studio/getting-started.mdx
@@ -1,7 +1,34 @@
-# AutoGen Studio - Getting Started
-
-[![PyPI version](https://badge.fury.io/py/autogenstudio.svg)](https://badge.fury.io/py/autogenstudio)
-[![Downloads](https://static.pepy.tech/badge/autogenstudio/week)](https://pepy.tech/project/autogenstudio)
+---
+title: Getting Started
+---
+
+<div style={{ display: "inline-block", marginRight: "0px", height: "20px" }}>
+  <a
+    href="https://badge.fury.io/py/autogenstudio"
+    target="_blank"
+    style={{ height: "20px", display: "inline-flex", alignItems: "center" }}
+  >
+    <img
+      src="https://badge.fury.io/py/autogenstudio.svg"
+      alt="Open in Colab"
+      style={{ height: "20px", pointerEvents: "none" }}
+    />
+  </a>
+</div>
+
+<div style={{ display: "inline-block", height: "20px" }}>
+  <a
+    href="https://pepy.tech/project/autogenstudio"
+    target="_blank"
+    style={{ height: "20px", display: "inline-flex", alignItems: "center" }}
+  >
+    <img
+      src="https://static.pepy.tech/badge/autogenstudio/week"
+      alt="Open in GitHub"
+      style={{ height: "20px", pointerEvents: "none" }}
+    />
+  </a>
+</div>
 
 ![ARA](./img/ara_stockprices.png)
 

diff --git a/website/docs/autogen-studio/usage.mdx b/website/docs/autogen-studio/usage.mdx
@@ -1,4 +1,6 @@
-# Using AutoGen Studio
+---
+title: Using AutoGen Studio
+---
 
 AutoGen Studio supports the declarative creation of an agent workflow and tasks can be specified and run in a chat interface for the agents to complete. The expected usage behavior is that developers can create skills and models, _attach_ them to agents, and compose agents into workflows that can be tested interactively in the chat interface.
 

diff --git a/website/docs/ecosystem/agentops.mdx b/website/docs/ecosystem/agentops.mdx
@@ -1,6 +1,8 @@
-# Agent Monitoring and Debugging with AgentOps
+---
+title: Agent Monitoring and Debugging with AgentOps
+---
 
-<img src="https://github.com/AgentOps-AI/agentops/blob/main/docs/images/external/logo/banner-badge.png?raw=true" style="width: 40%;" alt="AgentOps logo"/>
+<img src="https://github.com/AgentOps-AI/agentops/blob/main/docs/images/external/logo/banner-badge.png?raw=true" style={{ width: '40%' }} alt="AgentOps logo"/>
 
 [AgentOps](https://agentops.ai/?=autogen) provides session replays, metrics, and monitoring for AI agents.
 
@@ -14,26 +16,20 @@ At a high level, AgentOps gives you the ability to monitor LLM calls, costs, lat
 | 🔐 **Compliance and Security**        | Detect common prompt injection and data exfiltration exploits |
 | 🤝 **Framework Integrations**         | Native Integrations with CrewAI, AutoGen, & LangChain         |
 
-<details open>
-  <summary><b><u>Agent Dashboard</u></b></summary>
-  <a href="https://app.agentops.ai?ref=gh">
-   <img src="https://github.com/AgentOps-AI/agentops/blob/main/docs/images/external/app_screenshots/overview.png?raw=true" style="width: 70%;" alt="Agent Dashboard"/>
-  </a>
-</details>
-
-<details>
-  <summary><b><u>Session Analytics</u></b></summary>
-  <a href="https://app.agentops.ai?ref=gh">
-    <img src="https://github.com/AgentOps-AI/agentops/blob/main/docs/images/external/app_screenshots/session-overview.png?raw=true" style="width: 70%;" alt="Session Analytics"/>
-  </a>
-</details>
-
-<details>
-  <summary><b><u>Session Replays</u></b></summary>
-  <a href="https://app.agentops.ai?ref=gh">
-    <img src="https://github.com/AgentOps-AI/agentops/blob/main/docs/images/external/app_screenshots/session-replay.png?raw=true" style="width: 70%;" alt="Session Replays"/>
-  </a>
-</details>
+<AccordionGroup>
+  <Accordion title="Agent Dashboard" defaultOpen>
+    [![Agent Dashboard](https://github.com/AgentOps-AI/agentops/blob/main/docs/images/external/app_screenshots/overview.png?raw=true)](https://app.agentops.ai?ref=gh)
+  </Accordion>
+
+<Accordion title="Session Analytics">
+  [![Session
+  Analytics](https://github.com/AgentOps-AI/agentops/blob/main/docs/images/external/app_screenshots/session-overview.png?raw=true)](https://app.agentops.ai?ref=gh)
+</Accordion>
+
+  <Accordion title="Session Replays">
+    [![Session Replays](https://github.com/AgentOps-AI/agentops/blob/main/docs/images/external/app_screenshots/session-replay.png?raw=true)](https://app.agentops.ai?ref=gh)
+  </Accordion>
+</AccordionGroup>
 
 
 ## Installation

diff --git a/website/docs/ecosystem/azure_cosmos_db.mdx b/website/docs/ecosystem/azure_cosmos_db.mdx
@@ -1,4 +1,7 @@
-# Azure Cosmos DB
+---
+title: Azure Cosmos DB
+sidebarTitle: Azure Cosmos DB
+---
 
 > "OpenAI relies on Cosmos DB to dynamically scale their ChatGPT service – one of the fastest-growing consumer apps ever – enabling high reliability and low maintenance."
 > – Satya Nadella, Microsoft chairman and chief executive officer

diff --git a/website/docs/ecosystem/composio.mdx b/website/docs/ecosystem/composio.mdx
@@ -1,6 +1,9 @@
-# Composio
+---
+title: Composio
+sidebarTitle: Composio
+---
 
-![Composio Example](img/ecosystem-composio.png)
+<img src="img/ecosystem-composio.png" style={{ width: '40%' }} alt="Composio Logo"/>
 
 Composio empowers AI agents to seamlessly connect with external tools, Apps, and APIs to perform actions and receive triggers. With built-in support for AutoGen, Composio enables the creation of highly capable and adaptable AI agents that can autonomously execute complex tasks and deliver personalized experiences.
 

diff --git a/website/docs/ecosystem/databricks.mdx b/website/docs/ecosystem/databricks.mdx
@@ -1,10 +1,12 @@
-# Databricks
+---
+title: Databricks
+sidebarTitle: Databricks
+---
 
 ![Databricks Data Intelligence Platform](img/ecosystem-databricks.png)
 
 The [Databricks Data Intelligence Platform ](https://www.databricks.com/product/data-intelligence-platform) allows your entire organization to use data and AI. It’s built on a lakehouse to provide an open, unified foundation for all data and governance, and is powered by a Data Intelligence Engine that understands the uniqueness of your data.
 
-
 This example demonstrates how to use AutoGen alongside Databricks Foundation Model APIs and open-source LLM DBRX.
 
-- [Databricks + AutoGen Code Examples](/docs/notebooks/agentchat_databricks_dbrx)
+- [Databricks + AutoGen Code Examples](/notebook/agentchat_databricks_dbrx)
diff --git a/website/docs/ecosystem/img/ecosystem-composio.png b/website/docs/ecosystem/img/ecosystem-composio.png
diff --git a/website/docs/ecosystem/llamaindex.mdx b/website/docs/ecosystem/llamaindex.mdx
@@ -1,4 +1,7 @@
-# Llamaindex
+---
+title: Llamaindex
+sidebarTitle: Llamaindex
+---
 
 ![Llamaindex Example](img/ecosystem-llamaindex.png)
 

diff --git a/website/docs/ecosystem/mem0.mdx b/website/docs/ecosystem/mem0.mdx
@@ -1,6 +1,8 @@
-# Mem0: Long-Term Memory and Personalization for Agents
+---
+title: Mem0:Long-Term Memory and Personalization for Agents
+---
 
-<img src="https://github.com/mem0ai/mem0/blob/main/docs/images/mem0-bg.png?raw=true" alt="Mem0 logo" style="width: 40%;" />
+<img src="https://github.com/mem0ai/mem0/blob/main/docs/images/mem0-bg.png?raw=true" alt="Mem0 logo"  />
 
 [Mem0 Platform](https://www.mem0.ai/) provides a smart, self-improving memory layer for Large Language Models (LLMs), enabling developers to create personalized AI experiences that evolve with each user interaction.
 
@@ -14,12 +16,10 @@ At a high level, Mem0 Platform offers comprehensive memory management, self-impr
 | 🎛️ **Centralized Memory Control**        | Effortless storage, updating, and deletion of memories            |
 | 🚀 **Simplified Development**            | API-first approach for streamlined integration                    |
 
-<details open>
-  <summary><b><u>Activity Dashboard</u></b></summary>
-  <a href="https://app.mem0.ai/">
-   <img src="https://github.com/mem0ai/mem0/blob/main/docs/images/platform/activity.png?raw=true" style="width: 70%;" alt="Activity Dashboard"/>
-  </a>
-</details>
+<Accordion title="Activity Dashboard" defaultOpen>
+  [![Activity
+  Dashboard](https://github.com/mem0ai/mem0/blob/main/docs/images/platform/activity.png?raw=true)](https://app.mem0.ai/)
+</Accordion>
 
 ## Installation
 

diff --git a/website/docs/ecosystem/memgpt.mdx b/website/docs/ecosystem/memgpt.mdx
@@ -1,4 +1,7 @@
-# MemGPT
+---
+title: MemGPT
+sidebarTitle: MemGPT
+---
 
 ![MemGPT Example](img/ecosystem-memgpt.png)
 

diff --git a/website/docs/ecosystem/microsoft-fabric.mdx b/website/docs/ecosystem/microsoft-fabric.mdx
@@ -1,4 +1,7 @@
-# Microsoft Fabric
+---
+title: Microsoft Fabric
+sidebarTitle: Microsoft Fabric
+---
 
 ![Fabric Example](img/ecosystem-fabric.png)
 

diff --git a/website/docs/ecosystem/ollama.mdx b/website/docs/ecosystem/ollama.mdx
@@ -1,4 +1,7 @@
-# Ollama
+---
+title: Ollama
+sidebarTitle: Ollama
+---
 
 ![Ollama Example](img/ecosystem-ollama.png)
 

diff --git a/website/docs/ecosystem/pgvector.mdx b/website/docs/ecosystem/pgvector.mdx
@@ -1,4 +1,7 @@
-# PGVector
+---
+title: PGVector
+sidebarTitle: PGVector
+---
 
 [PGVector](https://github.com/pgvector/pgvector) is an open-source vector similarity search for Postgres.
 

diff --git a/website/docs/ecosystem/portkey.mdx b/website/docs/ecosystem/portkey.mdx
@@ -1,5 +1,9 @@
-# Portkey Integration with AutoGen
- <img src="https://github.com/siddharthsambharia-portkey/Portkey-Product-Images/blob/main/Portkey-Autogen.png?raw=true" alt="Portkey Metrics Visualization" width="70%" />
+---
+title: Portkey Integration with AutoGen
+---
+
+
+<img src="https://github.com/siddharthsambharia-portkey/Portkey-Product-Images/blob/main/Portkey-Autogen.png?raw=true" alt="Portkey Metrics Visualization"  />
 
 [Portkey](https://portkey.ai) is a 2-line upgrade to make your AutoGen agents reliable, cost-efficient, and fast.
 
@@ -41,7 +45,7 @@ And, that's it! With just this, you can start logging all of your AutoGen reques
 
 3. **Let's Run your Agent**
 
-``` python
+```python
 import autogen
 
 # Create user proxy agent, coder, product manager
@@ -74,7 +78,7 @@ user_proxy.initiate_chat(
 ```
 <br />
 Here’s the output from your Agent’s run on Portkey's dashboard<br />
-<img src="https://github.com/siddharthsambharia-portkey/Portkey-Product-Images/blob/main/Portkey-Dashboard.png?raw=true" width="70%" alt="Portkey Dashboard" />
+<img src="https://github.com/siddharthsambharia-portkey/Portkey-Product-Images/blob/main/Portkey-Dashboard.png?raw=true" alt="Portkey Dashboard" />
 
 ## Key Features
 Portkey offers a range of advanced features to enhance your AutoGen agents. Here’s an overview
@@ -157,24 +161,27 @@ Be Careful to Load-Balance/Fallback to providers that don't support tool calling
 
 Agent runs are complex. Portkey automatically logs **40+ comprehensive metrics** for your AI agents, including cost, tokens used, latency, etc. Whether you need a broad overview or granular insights into your agent runs, Portkey's customizable filters provide the metrics you need.
 
-<details>
-  <summary><b>Portkey's Observability Dashboard</b></summary>
-<img src="https://github.com/siddharthsambharia-portkey/Portkey-Product-Images/blob/main/Portkey-Dashboard.png?raw=true" width="70%" alt="Portkey Dashboard" />
-</details>
+<AccordionGroup>
+  <Accordion title="Portkey's Observability Dashboard" defaultOpen>
+    [![Portkey's Observability
+    Dashboard](https://github.com/siddharthsambharia-portkey/Portkey-Product-Images/blob/main/Portkey-Dashboard.png?raw=true)](https://app.portkey.ai/)
+  </Accordion>
+</AccordionGroup>
 
 ### Comprehensive Logging
 
 Access detailed logs and traces of agent activities, function calls, and errors. Filter logs based on multiple parameters for in-depth analysis.
 
-<details>
-  <summary><b>Traces</b></summary>
-  <img src="https://raw.githubusercontent.com/siddharthsambharia-portkey/Portkey-Product-Images/main/Portkey-Traces.png" alt="Portkey Logging Interface" width="70%" />
-</details>
+<AccordionGroup>
+  <Accordion title="Traces" defaultOpen>
+    ![Portkey Traces](https://raw.githubusercontent.com/siddharthsambharia-portkey/Portkey-Product-Images/main/Portkey-Traces.png)
+  </Accordion>
 
-<details>
-  <summary><b>Logs</b></summary>
-  <img src="https://raw.githubusercontent.com/siddharthsambharia-portkey/Portkey-Product-Images/main/Portkey-Logs.png" alt="Portkey Metrics Visualization" width="70%" />
-</details>
+  <Accordion title="Logs">
+    [![Portkey
+    Logs](https://raw.githubusercontent.com/siddharthsambharia-portkey/Portkey-Product-Images/main/Portkey-Logs.png)](https://app.portkey.ai/)
+  </Accordion>
+</AccordionGroup>
 
 ### Guardrails
 AutoGen agents, while powerful, can sometimes produce unexpected or undesired outputs. Portkey's Guardrails feature helps enforce agent behavior in real-time, ensuring your AutoGen agents operate within specified parameters. Verify both the **inputs** to and *outputs* from your agents to ensure they adhere to specified formats and content guidelines. Learn more about Portkey's Guardrails [here](https://docs.portkey.ai/product/guardrails)

diff --git a/website/docs/ecosystem/promptflow.mdx b/website/docs/ecosystem/promptflow.mdx
@@ -1,4 +1,7 @@
-# Promptflow
+---
+title: Promptflow
+sidebarTitle: Promptflow
+---
 
 Promptflow is a comprehensive suite of tools that simplifies the development, testing, evaluation, and deployment of LLM based AI applications. It also supports integration with Azure AI for cloud-based operations and is designed to streamline end-to-end development.
 

diff --git a/website/mint-style.css b/website/mint-style.css
diff --git a/website/mint.json b/website/mint.json
@@ -10,12 +10,12 @@
     "prompt": "Search or ask..."
   },
   "colors": {
-    "primary": "#000000",
-    "light": "#ffffff",
-    "dark": "#000000",
+    "primary": "#4b9cd6",
+    "light": "#63a9db",
+    "dark": "#338fd1",
     "anchors": {
-      "from": "#000000",
-      "to": "#ffffff"
+      "from": "#338fd1",
+      "to": "#63a9db"
     }
   },
   "font": {
@@ -117,6 +117,31 @@
         "docs/topics/retrieval_augmentation",
         "docs/FAQ"
       ]
+    },
+    {
+      "group": "AutoGen Studio",
+      "pages": [
+        "docs/autogen-studio/getting-started",
+        "docs/autogen-studio/usage",
+        "docs/autogen-studio/faqs"
+      ]
+    },
+    {
+      "group": "Ecosystem",
+      "pages": [
+        "docs/ecosystem/agentops",
+        "docs/ecosystem/azure_cosmos_db",
+        "docs/ecosystem/composio",
+        "docs/ecosystem/databricks",
+        "docs/ecosystem/llamaindex",
+        "docs/ecosystem/mem0",
+        "docs/ecosystem/memgpt",
+        "docs/ecosystem/microsoft-fabric",
+        "docs/ecosystem/ollama",
+        "docs/ecosystem/pgvector",
+        "docs/ecosystem/portkey",
+        "docs/ecosystem/promptflow"
+      ]
     }
   ],
   "footerSocials": {