+
+ Join our Discord community for the latest updates and support!
+
+
+
+ Join our Discord community for the latest updates and support!
+
+
\ No newline at end of file
diff --git a/docs/snippets/github-stars.mdx b/docs/snippets/github-stars.mdx
new file mode 100644
index 00000000..e31a312c
--- /dev/null
+++ b/docs/snippets/github-stars.mdx
@@ -0,0 +1 @@
+
+ OpenAI automates my job posts...
+but with a 50% error rate!
+
+ 
+ Crew boosts my product on Reddit...
+but misses key subreddits!
+
+ 
+ Claude auto-replies to my emails...
+but has the wrong tone!
+
+ 
+
-
-
-
-
-
-
-
- 
-
-
+
+>
M
M
l
_
+
+
-### Session Drilldown
-Here you will find a list of all of your previously recorded sessions and useful data about each such as total execution time.
-You also get helpful debugging info such as any SDK versions you were on if you're building on a supported agent framework like Crew or AutoGen.
-LLM calls are presented as a familiar chat history view, and charts give you a breakdown of the types of events that were called and how long they took.
+## Install AgentOps
-
- 
-
+
+
-
+### 🤯 And use it with just 2 lines of code!
-Most powerful of all is the Session Waterfall. On the left, a time visualization of all your LLM calls, Action events, Tool calls, and Errors.
-On the right, specific details about the event you've selected on the waterfall. For instance the exact prompt and completion for a given LLM call.
-Most of which has been automatically recorded for you.
+
+ 
-
+
-
+
-
-
- Successfully posted 32 jobs ✅
", + "Failed to post 36 jobs ❌
", + "0 errors logged 📝
", + ], + [ + "Found 18 relevant subreddits 🎯
", + "But 47 irrelevant ones 💩
", + "0 hallucinations logged 😵💫
", + ], + [ + "10 perfectly polite emails 🧑💼
", + "3 uses of [$%&# - redacted] 🤬
", + "0 additional insight 🤔
" + ] + ] + const imagesSrcs = [ + "https://github.com/AgentOps-AI/agentops/blob/3c03341f5129f9f494ca64ed4e8d03b9a0575db4/docs/images/docs-icons/chat.png?raw=true", + "https://github.com/AgentOps-AI/agentops/blob/388a8a94603393cd2aa15e1adcd56e7f435839f9/docs/images/docs-icons/crew.png?raw=true", + "https://github.com/AgentOps-AI/agentops/blob/3c03341f5129f9f494ca64ed4e8d03b9a0575db4/docs/images/docs-icons/claude.png?raw=true" + ] + let increment = 0; + let contentIncrement = 0; + + function addToTerminal(terminalContentDiv, texts) { + let increment = 0; + const interval = setInterval(() => { + terminalContentDiv.innerHTML += texts[increment]; + increment++; + if (increment === texts.length) { + clearInterval(interval); + cursor.classList.remove("off"); + setTimeout(() => { + terminalContentDiv.innerHTML = null; + pythonTerminal.textContent = ""; + terminalCommand.textContent = ""; + inlineCodeImg.classList.remove("on"); + barelySpace.classList.add("off"); + contentIncrement = (contentIncrement + 1) % 3; + }, 4000); + } + }, 1200); + } + + function typewriterEffect(text, target, nextTarget = null) { + let i = 0; + const interval = setInterval(() => { + if (i < text.length) { + target.textContent += text[i]; + i++; + } else { + toggleEmptySpace.classList.remove("off"); + inlineCodeImg.classList.add("on"); + barelySpace.classList.remove("off"); + clearInterval(interval); + if (nextTarget) { + setTimeout(() => { + typewriterEffect(nextTarget.text, nextTarget.target); + }, 20); + } else { + cursor.classList.add("off"); + } + } + }, 20); + } + + typewriterEffect(textsAndElementTargets[contentIncrement].text, textsAndElementTargets[contentIncrement].target, textsAndElementTargets[contentIncrement].nextTarget); + addToTerminal(terminalContentDiv, terminalContentTexts[contentIncrement]); + + setInterval(() => { + // this is to catch timeout bugginess with Mint + terminalContentDiv.innerHTML = null; + pythonTerminal.textContent = ""; + terminalCommand.textContent = ""; + inlineCodeImg.classList.remove("on"); + barelySpace.classList.add("off"); + + inlineCodeImg.src = imagesSrcs[contentIncrement]; + typewriterEffect(textsAndElementTargets[contentIncrement].text, textsAndElementTargets[contentIncrement].target, textsAndElementTargets[contentIncrement].nextTarget); + addToTerminal(terminalContentDiv, terminalContentTexts[contentIncrement]); + }, 10000); +} + +function typeInPipText(target) { + const codeTextFirstPart = "pip install agentops\n\n"; + const codeTextSecondPartComplete = "[▇ ▇ ▇ ▇ ▇ ▇ ▇ ▇ ▇ ▇ ▇ ▇ ▇ ▇ ▇ ▇ ▇] 100% √"; + const LLMCostCodeText = "\nAgentOps: This LLM run cost $0.26270 √"; + const dashboardText = "\nSee dashboard for full replay: https://app.agentops.ai/drilldown?session=SESSION_ID √"; + let codeSecondIndex = 0; + target.textContent += "[ ] 0%"; + const progressBar = "[ ] 0%"; + const progressBarArray = progressBar.split(''); + const progressBarLength = progressBar.length; + + const codeTypewriterIntervalSecondPart = setInterval(() => { + if (target.textContent.includes("99%")) { + clearInterval(codeTypewriterIntervalSecondPart); + target.innerHTML = codeTextFirstPart + codeTextSecondPartComplete; + return; + } + if (codeSecondIndex < progressBarLength) { + if (progressBarArray[codeSecondIndex] === ' ' && codeSecondIndex % 2 === 1) { + progressBarArray[codeSecondIndex] = '▇'; + } + + let percentageIndexEnd = progressBarArray.indexOf('%'); + let percentage = parseInt(progressBarArray.slice(percentageIndexEnd - 2, percentageIndexEnd).join('')) + 3; + let percentageString = percentage.toString().padStart(3, ' '); + + target.textContent = codeTextFirstPart + progressBarArray.join(''); + codeSecondIndex++; + + for (let i = 0; i < percentageString.length; i++) { + progressBarArray[percentageIndexEnd - 3 + i] = percentageString[i]; + } + } else { + clearInterval(codeTypewriterIntervalSecondPart); + } + }, 20); + + const animateTokenCost = setTimeout(() => { + target.innerHTML += "\n\nObserving"; + let dotCount = 0; + const dotInterval = setInterval(() => { + if (dotCount < 6) { + target.innerHTML += " ."; + dotCount++; + } else { + target.innerHTML += " √" + clearInterval(dotInterval); + setTimeout(() => { + target.innerHTML += LLMCostCodeText; + setTimeout(() => { + target.innerHTML += dashboardText; + }, 800); + }, 800); + } + }, 200); + + }, 1200); +} + +function typeInGithubPushText(target) { + const codeTextSecondPart = "\nPushing to prod..."; + const codeTextReplaceSecondPart = "\nPushed to prod √"; + const codeTextThirdPart = "\n+2 ■■■■■"; + const monitoringOnText = "\n\nEvents logged to dashboard ⬤"; + const monitoringBlinkText = "\n\nEvents logged to dashboard ⬤"; + + const animateGithubPushText = setTimeout(() => { + target.innerHTML += codeTextSecondPart; + setTimeout(() => { + const textToReplaceElement = document.getElementById('text-to-replace'); + if (textToReplaceElement) { + textToReplaceElement.remove(); + } + target.innerHTML += codeTextReplaceSecondPart; + setTimeout(() => { + target.innerHTML += codeTextThirdPart; + setTimeout(() => { + target.innerHTML += monitoringBlinkText; + const monitoringOnInterval = setInterval(() => { + const monitoringOnTextElement = document.querySelector('.text-to-alternate'); + if (monitoringOnTextElement) { + monitoringOnTextElement.remove(); + } + target.innerHTML += monitoringOnText; + setTimeout(() => { + const monitoringBlinkTextElement = document.querySelector('.text-to-alternate'); + if (monitoringBlinkTextElement) { + monitoringBlinkTextElement.remove(); + } + target.innerHTML += monitoringBlinkText; + }, 800); + }, 1600); + }, 800); + }, 800); + }, 1200); + }, 300); +} + +function fadeInIntroRowTexts(preloaded=false) { + function fadeInText(i) { + trailingTextElements[i].classList.add('loaded'); + trailingImgElements[i].classList.add('loaded'); + } + + const trailingTextElements = document.getElementsByClassName('trailing'); + const trailingImgElements = document.getElementsByClassName('trailing-img'); + + if (preloaded) { + for (let i = 0; i < trailingTextElements.length; i++) { + trailingTextElements[i].classList.add('preloaded'); + trailingImgElements[i].classList.add('preloaded'); + } + } else { + for (let i = 0; i < trailingTextElements.length; i++) { + const increment = i*500; + setTimeout(() => { + fadeInText(i); + }, increment); + } + } +} + +function addIntroEventListeners() { + setTimeout(() => { + document.querySelectorAll('li, a').forEach(element => { + element.addEventListener('click', () => { + // Clear all intervals on click + const highestIntervalId = setInterval(() => {}, 1000); + for (let i = 0; i < highestIntervalId; i++) { + clearInterval(i); + } + setTimeout(() => { + loadTerminalText(); + loadIntro(true); + fadeInIntroRowTexts(true); + }, 50); + }); + }); + }, 100); +} + +function loadTerminalText() { + setInterval(() => { + const cursor = document.getElementById("cursor"); + if (cursor.style.opacity === "0") { + cursor.style.opacity = "1"; + } else { + cursor.style.opacity = "0"; + } + }, 800); + setTimeout(() => { + typeInTerminalText(); + }, 1000); +} + +function loadIntro(preloaded = false) { + const targetSpans = document.querySelectorAll('.animated-code'); + const targetSpansArray = Array.from(targetSpans); + + if (!targetSpans) { + return; + } + + const codeElementsArray = []; + targetSpansArray.forEach(targetSpan => { + const codeElement = targetSpan.querySelector('code'); + console.log(codeElement); + codeElementsArray.push(codeElement); + }); + + if (preloaded) { + codeElementsArray[0].innerHTML = "pip install agentops\n\n[▇ ▇ ▇ ▇ ▇ ▇ ▇ ▇ ▇ ▇ ▇ ▇ ▇ ▇ ▇ ▇ ▇] 100% √\n\nObserving . . . . . √\nAgentOps: This LLM run cost $0.26270 √\nSee dashboard for full replay: https://app.agentops.ai/drilldown?session=SESSION_ID √"; + codeElementsArray[1].innerHTML = "import agentops\nagentops.init(
+
+
+Find any past sessions from your Session Drawer.
+
+
+
+
+Most powerful of all is the Session Waterfall. On the left, a time visualization of all your LLM calls, Action events, Tool calls, and Errors.
+On the right, specific details about the event you've selected on the waterfall. For instance the exact prompt and completion for a given LLM call.
+Most of which has been automatically recorded for you.
+
+
+
+
+
+
+### Session Overview
+View a meta-analysis of all of your sessions in a single view.
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/docs/v1/usage/environment-variables.mdx b/docs/v1/usage/environment-variables.mdx
index 5b724a0d..7389f9dc 100644
--- a/docs/v1/usage/environment-variables.mdx
+++ b/docs/v1/usage/environment-variables.mdx
@@ -5,9 +5,13 @@ mode: "wide"
In AgentOps fashion, you only need to add one line of "code" to your `.env` file 😊
-```python .env
-AGENTOPS_API_KEY=